goobs-frontend/dist/theme/complextexteditor.d.ts

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
import { FormFieldStyles } from './formField';
export interface ComplexTextEditorTheme {
    container: {
        background: string;
        borderRadius: string;
        fontFamily: string;
    };
    toolbar: {
        background: string;
        borderColor: string;
        borderRadius: string;
        padding: string;
        gap: string;
    };
    toggleGroup: {
        background: string;
        borderColor: string;
        borderRadius: string;
    };
    editorArea: {
        background: string;
        borderColor: string;
        color: string;
        fontFamily: string;
        fontSize: string;
        lineHeight: string;
        padding: string;
        minHeight: string;
        borderRadius: string;
        boxShadow: string;
    };
    scrollbar: {
        width: string;
        trackBackground: string;
        thumbBackground: string;
        thumbHoverBackground: string;
        thumbActiveBackground: string;
        thumbBorderRadius: string;
        trackBorderRadius: string;
        thumbBorder: string;
    };
    sacred: {
        glyph: {
            color: string;
            filter: string;
            animation: string;
        };
        borderGlow: string;
        textGlow: string;
        backgroundImage: string;
    };
    transition: string;
}
export interface ComplexTextEditorStyles extends FormFieldStyles {
    toolbarBackground?: string;
    toolbarBorderColor?: string;
    toolbarPadding?: string;
    toolbarGap?: string;
    toggleBackground?: string;
    toggleBorderColor?: string;
    toggleActiveBackground?: string;
    toggleActiveColor?: string;
    editorBackground?: string;
    editorBorderColor?: string;
    editorFontFamily?: string;
    editorFontSize?: string;
    editorLineHeight?: string;
    editorPadding?: string;
    editorMinHeight?: string;
    editorBoxShadow?: string;
    sacredGlyphColor?: string;
    sacredGlyphFilter?: string;
    sacredGlyphAnimation?: string;
    sacredBorderGlow?: string;
    sacredTextGlow?: string;
    sacredBackgroundImage?: string;
    showToolbar?: boolean;
    showModeToggle?: boolean;
    defaultMode?: 'simple' | 'rich' | 'markdown';
    accordionMode?: boolean;
    accordionSummary?: React.ReactNode;
    accordionDefaultExpanded?: boolean;
}
export declare const complexTextEditorThemes: Record<'light' | 'dark' | 'sacred', ComplexTextEditorTheme>;
export declare const getComplexTextEditorTheme: (styles?: ComplexTextEditorStyles) => ComplexTextEditorTheme;
export declare const getComplexTextEditorStyles: (styles?: ComplexTextEditorStyles, isFocused?: boolean) => {
    container: React.CSSProperties;
    toolbar: React.CSSProperties;
    toggleRow: React.CSSProperties;
    editorArea: React.CSSProperties;
    sacredGlyph: React.CSSProperties;
    scrollbarClassName: string;
};
//# sourceMappingURL=complextexteditor.d.ts.map