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

A comprehensive React-based libary for building modern web applications

import { FormFieldStyles } from './formField';
import { default as React } from 'react';
export interface BigCalendarTheme {
    container: {
        backgroundColor: string;
        borderRadius: string;
        fontFamily: string;
    };
    toolbar: {
        backgroundColor: string;
        borderColor: string;
        borderRadius: string;
        padding: string;
        height: string;
    };
    calendarContainer: {
        backgroundColor: string;
        borderRadius: string;
        overflow: string;
    };
    grid: {
        display: string;
        flexDirection: string;
        height: string;
    };
    header: {
        backgroundColor: string;
        borderColor: string;
        height: string;
    };
    cell: {
        borderColor: string;
        backgroundColor: string;
        hoverBackgroundColor: string;
        todayBackgroundColor: string;
        otherMonthBackgroundColor: string;
        otherMonthColor: string;
        padding: string;
        minHeight: string;
    };
    event: {
        borderRadius: string;
        padding: string;
        fontSize: string;
        defaultColor: string;
    };
    timeColumn: {
        width: string;
        backgroundColor: string;
        borderColor: string;
    };
    sacred: {
        glow: string;
        borderGlow: string;
        textGlow: string;
        backgroundImage: string;
    };
    transition: string;
}
export interface BigCalendarStyles extends FormFieldStyles {
    toolbarBackground?: string;
    toolbarBorderColor?: string;
    toolbarPadding?: string;
    toolbarHeight?: string;
    calendarBackground?: string;
    calendarBorderRadius?: string;
    headerBackground?: string;
    headerBorderColor?: string;
    headerHeight?: string;
    cellBorderColor?: string;
    cellBackground?: string;
    cellHoverBackground?: string;
    cellTodayBackground?: string;
    cellOtherMonthBackground?: string;
    cellOtherMonthColor?: string;
    cellPadding?: string;
    cellMinHeight?: string;
    eventBorderRadius?: string;
    eventPadding?: string;
    eventFontSize?: string;
    eventDefaultColor?: string;
    timeColumnWidth?: string;
    timeColumnBackground?: string;
    timeColumnBorderColor?: string;
    sacredGlow?: string;
    sacredBorderGlow?: string;
    sacredTextGlow?: string;
    sacredBackgroundImage?: string;
}
export declare const bigCalendarThemes: Record<'light' | 'dark' | 'sacred', BigCalendarTheme>;
export declare const getBigCalendarTheme: (styles?: BigCalendarStyles) => BigCalendarTheme;
export declare const getBigCalendarStyles: (styles?: BigCalendarStyles) => {
    container: React.CSSProperties;
    toolbar: React.CSSProperties;
    toolbarContent: React.CSSProperties;
    toolbarSection: React.CSSProperties;
    calendarContainer: React.CSSProperties;
    calendarGrid: React.CSSProperties;
    header: {
        container: React.CSSProperties;
        cell: React.CSSProperties;
        height: string;
    };
    monthGrid: React.CSSProperties;
    weekGrid: React.CSSProperties;
    dayGrid: React.CSSProperties;
    cell: {
        base: React.CSSProperties;
        hover: React.CSSProperties;
        otherMonth: React.CSSProperties;
        today: React.CSSProperties;
        dateNumber: React.CSSProperties;
        eventContainer: React.CSSProperties;
        todayDateColor: string | undefined;
        currentHour: React.CSSProperties;
        selected: React.CSSProperties;
        hourSelected: React.CSSProperties;
    };
    event: {
        base: React.CSSProperties;
        compact: React.CSSProperties;
        defaultColor: string;
    };
    timeColumn: React.CSSProperties;
    timeCell: React.CSSProperties;
    weekDaysContainer: React.CSSProperties;
    weekDayColumn: React.CSSProperties;
    weekDayColumnSelected: React.CSSProperties;
    dayContentColumn: React.CSSProperties;
    hourCell: React.CSSProperties;
};
//# sourceMappingURL=bigcalendar.d.ts.map