unlayer-types 1.208.0 → 1.209.0

package/embed.d.ts

@@ -60,6 +60,7 @@ declare module "editor/components/editors/types" {
             customJS?: boolean;
             customTools?: number;
             customTabs?: number;
+            customThemes?: boolean;
             imageEditor?: boolean;
             selectImage?: boolean;
             stockImages?: boolean;
@@ -143,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: {
@@ -632,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;
@@ -1100,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: {
@@ -1138,46 +1130,6 @@ 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;
-            };
         };
     };
 }
@@ -1203,7 +1155,7 @@ declare module "state/types/types" {
     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';
@@ -1354,7 +1306,6 @@ declare module "state/types/types" {
     }
     export interface Usage {
         brandStyleGuide?: boolean;
-        builtInThemes?: string;
         collaboration?: boolean;
         countdownTimer?: boolean;
         customBlocks?: number;
@@ -1380,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 {
@@ -1482,7 +1434,7 @@ declare module "state/types/types" {
                 };
             };
         };
-        theme?: Theme['name'] | 'light' | 'dark';
+        theme?: ThemeNamePlusLightDark | ThemeExtension;
     };
     export interface ToolConfig {
         enabled?: boolean | undefined;
@@ -2010,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;
@@ -2036,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" {
@@ -2145,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;
     };
@@ -2181,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" {
@@ -2976,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.208.0",
+  "version": "1.209.0",
   "license": "MIT"
 }