@cmk/fe_utils/dist/html_editor/editorRendererController/apiController/deserialize/deserializeTheme.d.ts

frontend utility library

import { ExtendedTheme } from '../../../theme/muiTheme';
import { SerializedThemeType } from '../../../types/serializedTheme';
import { ThemeTypography } from '../../../types/themeTypographys';
import { PaletteMode, Theme } from '@mui/material';

export declare const defaultTypography: {
    fontFamily: string;
    h1: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    h2: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    h3: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    h4: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    h5: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    h6: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    subtitle1: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    subtitle2: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    body1: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    body2: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    button: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
        textTransform: string;
    };
    caption: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
    };
    overline: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: number;
        letterSpacing: string;
        textTransform: string;
    };
};
export declare const deserializeThemePalette: (themeIn: SerializedThemeType) => {
    primary: {
        main: string;
        light: string;
        dark: string;
        contrastText: string;
    };
    secondary: {
        main: string;
        light: string;
        dark: string;
        contrastText: string;
    };
    error: {
        main: string;
        light: string;
        dark: string;
        contrastText: string;
    };
    warning: {
        main: string;
        light: string;
        dark: string;
        contrastText: string;
    };
    info: {
        main: string;
        light: string;
        dark: string;
        contrastText: string;
    };
    success: {
        main: string;
        light: string;
        dark: string;
        contrastText: string;
    };
    text: {
        primary: string;
        secondary: string;
        disabled: string;
    };
    background: {
        default: string;
        paper: string;
    };
    action: {
        active: string;
        hover: string;
        selected: string;
        disabled: string;
        disabledBackground: string;
        focus: string;
    };
    mode: PaletteMode;
};
export declare const deserializeThemeTypography: (themeTypographys: ThemeTypography[], newPalette: ReturnType<typeof deserializeThemePalette>) => Partial<Theme["typography"]>;
export declare const deserializeTheme: (themeIn: SerializedThemeType, theme_typographys: ThemeTypography[]) => ExtendedTheme;