unlayer-types 1.207.0 → 1.209.0

package/embed.d.ts

@@ -28,7 +28,8 @@ declare module "editor/components/editors/types" {
             skipFromUndoRedo?: boolean;
         }) => void;
         name: string;
-        data?: object;
+        /** @deprecated Use widgetParams instead */
+        data?: WidgetParams;
         disabled?: boolean;
         isLockedByStyleGuide?: boolean;
         widgetParams?: WidgetParams;
@@ -59,6 +60,7 @@ declare module "editor/components/editors/types" {
             customJS?: boolean;
             customTools?: number;
             customTabs?: number;
+            customThemes?: boolean;
             imageEditor?: boolean;
             selectImage?: boolean;
             stockImages?: boolean;
@@ -142,8 +144,12 @@ declare module "editor/components/editors/types" {
 }
 declare module "editor/themes/types" {
     import { AppearanceConfig } from "state/types/types";
+    import { DeepPartial } from "editor/components/editors/types";
+    export type ThemeName = 'classic_light' | 'classic_dark' | 'modern_light' | 'modern_dark';
+    export type ThemeNamePlusLightDark = ThemeName | 'light' | 'dark';
     export type Theme = {
-        name: 'classic_light' | 'classic_dark' | 'modern_light' | 'modern_dark';
+        name: ThemeName;
+        isCustom?: boolean;
         isDark: boolean;
         isClassic?: boolean;
         mapping: {
@@ -631,6 +637,14 @@ declare module "editor/themes/types" {
     export type BannerMessageVariant = 'success' | 'warning' | 'default' | 'danger';
     export type ToastVariant = 'success' | 'warning' | 'default' | 'danger';
     export type ThemeColor = 'accent_01' | 'accent_02' | 'accent_03' | 'accent_04' | 'accent_05' | 'ai_01' | 'ai_02' | 'ai_03' | 'ai_04' | 'ai_05' | 'amp_01' | 'black_00' | 'black_01' | 'black_02' | 'black_03' | 'black_04' | 'black_05' | 'black_06' | 'black_07' | 'black_08' | 'black_09' | 'black_10' | 'destructive_01' | 'destructive_02' | 'destructive_03' | 'destructive_04' | 'destructive_05' | 'destructive_06' | 'destructive_07' | 'destructive_08' | 'destructive_09' | 'primary_01' | 'primary_02' | 'primary_03' | 'primary_04' | 'primary_05' | 'primary_06' | 'primary_07' | 'primary_08' | 'primary_09' | 'primary_10' | 'primary_11' | 'red_01' | 'success_01' | 'success_02' | 'success_03' | 'success_04' | 'success_05' | 'success_06' | 'success_07' | 'success_08' | 'success_09' | 'transparent' | 'warning_01' | 'warning_02' | 'warning_03' | 'warning_04' | 'warning_05' | 'warning_06' | 'warning_07' | 'warning_08' | 'warning_09' | 'white_00' | 'white_01' | 'white_02' | 'white_03' | 'white_04' | 'white_05' | 'white_06' | 'white_07' | 'white_08' | 'white_09';
+    export type ThemeExtension = {
+        name: string;
+        extends: ThemeName;
+        isDark: boolean;
+        isClassic?: boolean;
+        mapping?: DeepPartial<Theme['mapping']>;
+        components?: DeepPartial<Theme['components']>;
+    };
     export type BorderRadius = 'none' | 'min' | 'mid' | 'max' | 'full';
     export type ButtonThemeObject = {
         backgroundColor: ColorValue;
@@ -1099,33 +1113,12 @@ declare module "editor/themes/types" {
                     boxShadowColor: string;
                 };
             };
-            imageCard: {
-                backgroundColor: string;
-                textColor: string;
-                boxShadowColor: string;
-                hover: {
-                    backgroundColor: string;
-                    textColor: string;
-                    boxShadowColor: string;
-                };
-            };
             closeButton: {
                 iconColor: string;
                 hover: {
                     iconColor: string;
                 };
             };
-            error: {
-                icon: {
-                    textColor: string;
-                };
-            };
-            footer: {
-                backgroundColor: string;
-                textColor: string;
-                borderColor: string;
-                boxShadowColor: string;
-            };
             loader: {
                 backgroundColor: string;
                 content: {
@@ -1137,55 +1130,34 @@ declare module "editor/themes/types" {
                     backgroundColor: string;
                 };
             };
-            overlay: {
-                backgroundColor: string;
-            };
-            recents: {
-                backgroundColor: string;
-                textColor: string;
-                borderColor: string;
-                boxShadowColor: string;
-                hover: {
-                    backgroundColor: string;
-                    textColor: string;
-                    borderColor: string;
-                };
-            };
-            score: {
-                default: {
-                    backgroundColor: string;
-                    textColor: string;
-                };
-                good: {
-                    backgroundColor: string;
-                    textColor: string;
-                };
-                bad: {
-                    backgroundColor: string;
-                    textColor: string;
-                };
-            };
-            /** @deprecated */
-            warning: {
-                backgroundColor: string;
-                color: string;
-            };
-        };
-        /** @deprecated */
-        ai: {
-            color: string;
-            focus: {
-                color: string;
-            };
         };
     };
 }
+declare module "engine/constants" {
+    export const collections: readonly ["bodies", "columns", "contents", "footers", "headers", "pages", "rows"];
+    export const HTMLInputTypeAttributes: readonly ["button", "checkbox", "color", "date", "datetime-local", "email", "file", "hidden", "image", "month", "number", "password", "radio", "range", "reset", "search", "submit", "tel", "text", "time", "url", "week"];
+}
+declare module "engine/utils/zod/schemas" {
+    export const DisplayConditionZodSchema: any;
+    export const FontWeightZodSchema: any;
+    export const FontZodSchema: any;
+    export const HintZodSchema: any;
+    export const PercentageZodSchema: any;
+    export const SinglePxZodSchema: any;
+    export const DoublePxZodSchema: any;
+    export const TriplePxZodSchema: any;
+    export const QuadruplePxZodSchema: any;
+    export const MultiplePxZodSchema: any;
+}
 declare module "state/types/types" {
     import * as Ariakit from '@ariakit/react';
     import { MutableRefObject, ReactInstance } from 'react';
+    import { z } from 'zod';
     import { State as Design } from '../reducer/design';
     import { CollaborationThread } from "editor/components/editors/types";
-    import { Theme } from "editor/themes/types";
+    import { ThemeExtension, ThemeNamePlusLightDark } from "editor/themes/types";
+    import { collections } from "engine/constants";
+    import { DisplayConditionZodSchema } from "engine/utils/zod/schemas";
     export type DesignMode = 'live' | 'edit';
     export type Device = 'desktop' | 'mobile' | 'tablet';
     export type DisplayMode = 'web' | 'email' | 'popup' | 'document';
@@ -1214,13 +1186,7 @@ declare module "state/types/types" {
         autocompleteTriggerChar?: string;
         sort?: boolean;
     }
-    export interface DisplayCondition {
-        type: string;
-        label: string;
-        description: string;
-        before?: string;
-        after?: string;
-    }
+    export type DisplayCondition = z.infer<typeof DisplayConditionZodSchema>;
     export type DisplayConditions = DisplayCondition[];
     export type SpecialLink = {
         name: string;
@@ -1307,7 +1273,7 @@ declare module "state/types/types" {
     export interface Translations {
         [name: string]: object;
     }
-    export type Collection = 'bodies' | 'columns' | 'contents' | 'pages' | 'rows' | 'headers' | 'footers';
+    export type Collection = ArrayItem<typeof collections>;
     export type Container = 'body' | 'row' | 'column' | 'content';
     export interface Location {
         collection: Collection;
@@ -1336,11 +1302,10 @@ declare module "state/types/types" {
     export interface Tool {
         active: boolean;
         type: string | null;
-        slug: string | null;
+        slug?: string | null;
     }
     export interface Usage {
         brandStyleGuide?: boolean;
-        builtInThemes?: string;
         collaboration?: boolean;
         countdownTimer?: boolean;
         customBlocks?: number;
@@ -1366,6 +1331,7 @@ declare module "state/types/types" {
         premiumTools?: boolean;
         sendTestEmail?: boolean;
         specialLinks?: number;
+        theme?: string;
     }
     export type ImageSource = 'unsplash' | 'pixabay' | 'pexel' | 'user';
     export interface Image {
@@ -1446,18 +1412,6 @@ declare module "state/types/types" {
             active?: boolean;
         };
     };
-    export type SocialIcon = {
-        name: string;
-        url: string;
-        imgUrl?: string;
-    };
-    export type SocialCustomIcon = {
-        name: string;
-        url: string;
-        icons: {
-            [key: string]: string;
-        }[];
-    };
     export type AppearanceConfig = {
         actionBar?: {
             placement?: 'top' | 'bottom' | 'top_left' | 'top_right' | 'bottom_left' | 'bottom_right' | undefined;
@@ -1480,7 +1434,7 @@ declare module "state/types/types" {
                 };
             };
         };
-        theme?: Theme['name'] | 'light' | 'dark';
+        theme?: ThemeNamePlusLightDark | ThemeExtension;
     };
     export interface ToolConfig {
         enabled?: boolean | undefined;
@@ -1520,6 +1474,8 @@ declare module "state/types/types" {
             [toolId: string]: StyleGuideToolConfig | undefined;
         };
     }
+    export interface JSONSchema {
+    }
 }
 declare module "engine/utils/pruneObj" {
     export function pruneObj<T extends Record<string, any>>(obj: T, options?: {
@@ -1656,17 +1612,9 @@ declare module "engine/config/callbacks" {
     };
 }
 declare module "engine/config/fonts" {
-    export interface Font {
-        defaultFont?: boolean;
-        type?: 'google' | string;
-        label: string;
-        value: string;
-        url?: string;
-        weights?: number[] | Array<{
-            label: string;
-            value: number;
-        } | number>;
-    }
+    import { z } from 'zod';
+    import { FontZodSchema } from "engine/utils/zod/schemas";
+    export type Font = z.infer<typeof FontZodSchema>;
     export type FontList = Font[];
     export interface FontConfig {
         showDefaultFonts?: boolean;
@@ -1961,9 +1909,10 @@ declare module "editor/hooks/useConfig" {
     export function withConfig<C extends React.ComponentType>(Component: C): React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<unknown>>>;
 }
 declare module "engine/utils/position" {
-    import { DisplayMode } from "state/types/types";
+    import { ArrayItem, DisplayMode } from "state/types/types";
     export const ENABLE_BACKGROUND_POSITION_FOR_EMAILS = true;
-    export type Position = 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+    export const positions: readonly ["top-left", "top-center", "top-right", "center-left", "center", "center-right", "bottom-left", "bottom-center", "bottom-right"];
+    export type Position = ArrayItem<typeof positions>;
     export function positionToMarginArray(position: Position | undefined): string[] | readonly [0, "auto", "auto", 0] | readonly [0, "auto", "auto", "auto"] | readonly [0, 0, "auto", "auto"] | readonly ["auto", "auto", "auto", 0] | readonly ["auto"] | readonly ["auto", 0, "auto", "auto"] | readonly ["auto", "auto", 0, 0] | readonly ["auto", "auto", 0, "auto"] | readonly ["auto", 0, 0, "auto"];
     export function positionToBackgroundPosition(position: Position | undefined): 'top left' | 'top center' | 'top right' | 'center left' | 'center center' | 'center right' | 'bottom left' | 'bottom center' | 'bottom right' | 'auto auto';
     export function valuesToBackgroundPositionCSS(values: {
@@ -1975,14 +1924,32 @@ declare module "engine/utils/position" {
     export function positionToPercentages(position: Position | 'custom' | undefined): [x: string, y: string] | undefined;
     export function normalizePosition(position: 'top' | 'top-left' | 'top-center' | 'top-right' | 'center' | 'center-left' | 'center-center' | 'center-right' | 'center-top' | 'center-bottom' | 'bottom' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left' | 'left-top' | 'left-center' | 'left-bottom' | 'right' | 'right-top' | 'right-center' | 'right-bottom' | 'custom' | undefined): Position | undefined;
 }
+declare module "engine/utils/zod/zodSchemasToJsonSchemas" {
+    import { ZodSchema } from 'zod';
+    import { JSONSchema } from "state/types/types";
+    export function zodSchemasToJsonSchemas<K extends string>(zodSchemas: Record<K, ZodSchema>): Record<K, JSONSchema>;
+}
+declare module "engine/utils/zod/propertyEditorSchemas" {
+    import { PropertyEditorZodSchemas } from '../../config';
+    export function propertyEditorZodSchemas<T extends PropertyEditorZodSchemas>(zodSchemas: T): {
+        zodSchemas: T;
+        schemas: Record<string, import("state/types/types").JSONSchema>;
+    };
+}
+declare module "engine/utils/zod/types" {
+    import { z } from 'zod';
+    import { EditorProps } from "editor/components/editors/types";
+    import { PropertyEditorZodSchemas } from '../../config';
+    export type EditorPropsFromZodSchemas<T extends PropertyEditorZodSchemas> = EditorProps<z.infer<T['value']>, z.infer<T['widgetParams']>>;
+}
 declare module "editor/components/editors/PositionEditor" {
     import React from 'react';
-    import { EditorProps } from "editor/components/editors/types";
-    import { Position } from "engine/utils/position";
-    export type PositionEditorValue = Position | 'custom';
-    export type PositionEditorProps = EditorProps<PositionEditorValue, {
-        positions?: Position[];
-    }>;
+    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
+    export const schemas: Record<string, import("state/types/types").JSONSchema>, zodSchemas: {
+        value: any;
+        widgetParams: any;
+    };
+    export type PositionEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
     export function PositionEditor(props: PositionEditorProps): React.JSX.Element;
     export function PositionEditorBase(props: Pick<PositionEditorProps, 'updateValue' | 'value' | 'widgetParams'> & {
         className?: string;
@@ -1995,16 +1962,33 @@ declare module "editor/components/editors/PositionEditor" {
 declare module "editor/hooks/useDynamicRef" {
     export function useDynamicRef<T>(value: T): import("react").MutableRefObject<T>;
 }
+declare module "engine/utils/renderIcon" {
+    import React from 'react';
+    import * as config from '../../engine/config';
+    import { Icon } from "state/types/types";
+    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
+    import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+    export function renderIcon(icon: Icon | Parameters<typeof config.normalizeIcon>[0] | undefined, { fallbackIcon, shouldShowFallbackIcon, size, divProps, }?: {
+        shouldShowFallbackIcon?: boolean;
+        fallbackIcon?: IconDefinition;
+        size?: FontAwesomeIconProps['size'];
+        divProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    }): React.JSX.Element;
+}
 declare module "editor/design-system/components/Input" {
     import React from 'react';
     import * as Ariakit from '@ariakit/react';
+    import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
+    import { Icon } from "state/types/types";
     export interface InputProps extends Omit<Ariakit.FormInputProps, 'as' | 'onSubmit' | 'onSubmitCapture'> {
         formStore?: Ariakit.FormStore<{
             value: string;
         }>;
+        icon?: Icon | IconDefinition;
         label?: React.ReactNode;
         labelPosition?: 'top' | 'left' | 'right';
         name: string;
+        onClear?: () => void;
         onSubmit?: (value: string | number) => void;
         placeholder?: string;
         required?: boolean;
@@ -2021,6 +2005,7 @@ declare module "editor/design-system/components/Input" {
         FormLabel: import("styled-components").StyledComponent<any, any, any, any>;
         FormInput: import("styled-components").StyledComponent<any, any, any, any>;
         Message: import("styled-components").StyledComponent<"div", any, {}, never>;
+        ClearButton: import("styled-components").StyledComponent<any, any, any, any>;
     };
 }
 declare module "editor/design-system/components/Button" {
@@ -2130,31 +2115,29 @@ declare module "editor/design-system/components/Dropdown" {
     export function Dropdown(props: DropdownProps): React.JSX.Element;
 }
 declare module "editor/themes/helpers" {
-    import { Theme } from "editor/themes/types";
+    import { Theme, ThemeExtension } from "editor/themes/types";
+    export function extendTheme<TE extends ThemeExtension, BT extends Theme>(themeExtension: TE, baseTheme: BT): BT;
+    export function postprocessTheme<T extends Theme>(theme: T): T;
     export function parseThemeValues<T extends Theme>(theme: T): T;
 }
 declare module "editor/themes/modern/light" {
     import { DeprecatedTheme, Theme } from "editor/themes/types";
     export const unparsedTheme: Theme & DeprecatedTheme;
-    export const parsedTheme: Theme & DeprecatedTheme;
 }
 declare module "editor/themes/classic/light" {
-    export const unparsedTheme: any;
-    export const parsedTheme: any;
+    export const unparsedTheme: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
 }
 declare module "editor/themes/modern/dark" {
     import { DeprecatedTheme, Theme } from "editor/themes/types";
     export const unparsedTheme: Theme & DeprecatedTheme;
-    export const parsedTheme: Theme & DeprecatedTheme;
 }
 declare module "editor/themes/classic/dark" {
-    export const unparsedTheme: any;
-    export const parsedTheme: any;
+    export const unparsedTheme: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
 }
 declare module "editor/themes/index" {
     const themes: {
-        classic_light: any;
-        classic_dark: any;
+        classic_light: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
+        classic_dark: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
         modern_light: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
         modern_dark: import("editor/themes/types").Theme & import("editor/themes/types").DeprecatedTheme;
     };
@@ -2166,7 +2149,16 @@ declare module "state/types/RootState" {
     export type RootState = StateType<typeof reducer>;
 }
 declare module "editor/hooks/useTheme" {
+    import React from 'react';
     import { DeprecatedTheme, Theme } from "editor/themes/types";
+    export function getCurrentTheme(): Theme & DeprecatedTheme;
+    export function ThemeProvider(props: React.PropsWithChildren): React.JSX.Element;
+    export function ThemeConsumer(props: {
+        children: React.ReactNode | ((params: {
+            theme: any;
+        }) => React.ReactNode);
+    }): React.ReactNode;
+    export function useThemeInternal(): Theme & DeprecatedTheme;
     export function useTheme(): Theme & DeprecatedTheme;
 }
 declare module "editor/design-system/components/CounterInput" {
@@ -2550,27 +2542,20 @@ declare module "editor/design-system/components/ToggleSwitch" {
 }
 declare module "editor/components/editors/AutoWidthEditor" {
     import * as React from 'react';
-    import { EditorProps } from "editor/components/editors/types";
     import { WidgetLabelProps } from "editor/components/editors/common/WidgetLabel";
     import { Device } from "state/types/types";
-    export interface AutoWidthEditorValue {
-        autoWidth?: boolean;
-        width?: number | string;
-    }
-    export type AutoWidthEditorProps = EditorProps<AutoWidthEditorValue> & {
-        widgetParams?: {
-            hint?: string | {
-                id: string;
-                defaultValue: string;
-            };
-        };
+    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
+    export const schemas: Record<string, import("state/types/types").JSONSchema>, zodSchemas: {
+        value: any;
+        widgetParams: any;
     };
+    export type AutoWidthEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
     export interface AutoWidthEditorBaseProps extends Pick<AutoWidthEditorProps, 'value' | 'defaultValue' | 'disabled' | 'isLockedByStyleGuide'> {
         defaultWidthIsCalculated?: boolean;
         deviceName?: Device;
         widgetLabelProps: Omit<WidgetLabelProps, 'defaultValue' | 'onReset'>;
         handlers: {
-            onToggleAutoWidth: (autoWidth: AutoWidthEditorValue['autoWidth']) => void;
+            onToggleAutoWidth: (autoWidth: NonNullable<AutoWidthEditorProps['value']>['autoWidth']) => void;
             onChangeWidth: (width: number) => void;
             onReset: NonNullable<WidgetLabelProps['onReset']>;
         };
@@ -2768,35 +2753,12 @@ declare module "editor/components/editors/pixie/PixieImageEditor" {
     export default PixieImageEditor;
 }
 declare module "editor/components/editors/ImageEditor" {
-    import { EditorProps } from "editor/components/editors/types";
-    export type ImageEditorValue = {
-        url: string;
-        width?: number;
-        height?: number;
-        autoWidth?: boolean;
-        maxWidth?: string;
-        optimistic?: boolean;
-    };
-    export type ImageEditorProps = EditorProps<ImageEditorValue> & {
-        widgetParams?: {
-            shouldRender?: {
-                dropzone?: boolean;
-                editImageButton?: boolean;
-                /** @deprecated Use editImageButton instead */
-                effects?: boolean;
-                moreImages?: boolean;
-                stockImages?: boolean;
-                uploadButton?: boolean;
-                url?: boolean;
-                userUploads?: boolean;
-                width?: boolean;
-            } | false;
-            hint?: string | {
-                id: string;
-                defaultValue: string;
-            };
-        };
+    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
+    export const schemas: Record<string, import("state/types/types").JSONSchema>, zodSchemas: {
+        value: any;
+        widgetParams: any;
     };
+    export type ImageEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
     export function isDefaultImage(imageUrl: string | undefined): boolean;
 }
 declare module "editor/components/common/Dropzone" {
@@ -2883,44 +2845,18 @@ declare module "editor/components/editors/ImageUploader" {
     export const ImageUploader: ({ disabled, shouldRender: _shouldRender, label, optionName, location, maxSize, intl, onDropAccepted, onDropRejected, isUploading, uploadProgress, imageUrl, imageWidth, imageHeight, imageSize, togglePixieModal, imageExists, error, onImageSelect, onImageUpload, onUploadProgressChange, onUploadStatusChange, onErrorChange, imageUploadButtonRef, showError, ...restProps }: ImageUploaderProps) => React.JSX.Element;
 }
 declare module "editor/components/editors/BackgroundImageEditor" {
-    import { EditorProps } from "editor/components/editors/types";
-    import { Position } from "engine/utils/position";
-    export type BackgroundImageEditorValue = {
-        url: string | undefined;
-        width: number | undefined;
-        height: number | undefined;
-        fullWidth: boolean | undefined;
-        size: 'contain' | 'cover' | 'custom' | undefined;
-        customSize: [string, string];
-        repeat: 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat' | undefined;
-        position: Position | 'custom' | undefined;
-        customPosition: [string, string];
+    import { EditorPropsFromZodSchemas } from "engine/utils/zod/types";
+    export const schemas: Record<string, import("state/types/types").JSONSchema>, zodSchemas: {
+        value: any;
+        widgetParams: any;
     };
-    export type BackgroundImageEditorProps = EditorProps<BackgroundImageEditorValue, {
-        shouldRender?: false | {
-            dropzone?: boolean;
-            editImageButton?: boolean;
-            /** @deprecated Use editImageButton instead */
-            effects?: boolean;
-            moreImages?: boolean;
-            stockImages?: boolean;
-            uploadButton?: boolean;
-            url?: boolean;
-            userUploads?: boolean;
-            options?: false | {
-                containerWidth?: boolean;
-                size?: boolean;
-                repeat?: boolean;
-                position?: boolean;
-            };
-        };
-    }>;
+    export type BackgroundImageEditorProps = EditorPropsFromZodSchemas<typeof zodSchemas>;
 }
 declare module "engine/options/bodies" {
-    import { BackgroundImageEditorValue } from "editor/components/editors/BackgroundImageEditor";
+    import { BackgroundImageEditorProps } from "editor/components/editors/BackgroundImageEditor";
     export type BodyValues = {
         backgroundColor: string;
-        backgroundImage: BackgroundImageEditorValue;
+        backgroundImage: BackgroundImageEditorProps['value'];
         contentWidth: string;
         fontFamily: {
             label: string;
@@ -3017,6 +2953,7 @@ declare module "embed/Editor" {
         exportPdf(callback: (data: ExportFromApiResult) => void, options?: ExportPdfFromApiOptions): void;
         exportZip(callback: (data: ExportFromApiResult) => void, options?: ExportZipFromApiOptions): void;
         setAppearance(appearance: DeepPartial<AppearanceConfig>): void;
+        setTheme(theme: AppearanceConfig['theme']): void;
         setBodyValues(bodyValues: Partial<BodyValues>, bodyId?: number): void;
         setStyleGuide(styleGuide: StyleGuideConfig): void;
         setDesignTagsConfig(designTagsConfig: DesignTagsConfig): void;

package/package.json

@@ -1,5 +1,5 @@
 {
   "name": "unlayer-types",
-  "version": "1.207.0",
+  "version": "1.209.0",
   "license": "MIT"
 }