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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface DataGridTheme {
    container: {
        position: string;
        display: string;
        flexDirection: string;
        width: string;
        backgroundColor: string;
        backdropFilter?: string;
        border?: string;
        borderRadius?: string;
        animation?: string;
        padding?: string;
    };
    contentWrapper: {
        display: string;
        flexDirection: string;
        width: string;
        backgroundColor: string;
        borderRadius: string;
        border: string;
        overflow: string;
        boxShadow: string;
    };
    error: {
        marginBottom: string;
        padding: string;
        borderWidth: string;
        borderRadius: string;
        backgroundColor: string;
        color: string;
        borderColor: string;
    };
    tableContainer: {
        width: string;
        display: string;
        flexDirection: string;
        alignItems: string;
        position: string;
        margin: string;
        padding: string;
    };
    table: {
        tableContainer: {
            width: string;
            overflowX: string;
            minWidth?: string;
            borderRadius?: string;
            overflow?: string;
            border?: string;
            backgroundColor?: string;
        };
        tableWrapper: {
            overflowX: string;
            width: string;
            minWidth?: string;
        };
        table: {
            width: string;
            minWidth: string;
            tableLayout: string;
            backgroundColor?: string;
            border?: string;
            borderCollapse?: string;
        };
        tableHeader: {
            backgroundColor: string;
            borderBottom: string;
            color: string;
            fontWeight: string;
        };
        tableRow: {
            borderBottom: string;
            backgroundColor?: string;
        };
        tableRowAlternate: {
            backgroundColor: string;
        };
        tableRowHover: {
            backgroundColor: string;
        };
        tableCell: {
            padding: string;
            borderRight?: string;
            borderBottom?: string;
            verticalAlign: string;
            color: string;
        };
        tableHeaderCell: {
            padding: string;
            borderRight?: string;
            borderBottom?: string;
            verticalAlign: string;
            fontWeight: string;
            textAlign: string;
            color: string;
        };
    };
    scrollbar: {
        height: string;
        width: string;
        track: {
            backgroundColor: string;
            borderRadius: string;
        };
        thumb: {
            backgroundColor: string;
            borderRadius: string;
            border?: string;
        };
        thumbHover: {
            backgroundColor: string;
        };
    };
    sectionDivider: {
        height: string;
        backgroundColor: string;
        opacity: number;
    };
    footerContainer: {
        display: string;
        justifyContent: string;
        gap: string;
        marginTop: string;
        opacity: number;
    };
    footerGlyph: {
        color: string;
        fontSize: string;
        animation: string;
    };
    glyph: {
        position: string;
        fontSize: string;
        color: string;
        zIndex: number;
        animation: string;
    };
    transition: string;
}
export interface DataGridStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    backdropFilter?: string;
    animation?: string;
    contentBackgroundColor?: string;
    contentBorderColor?: string;
    contentBorderRadius?: string;
    contentBoxShadow?: string;
    errorBackgroundColor?: string;
    errorColor?: string;
    errorBorderColor?: string;
    width?: string;
    height?: string;
    maxWidth?: string;
    minWidth?: string;
    maxHeight?: string;
    minHeight?: string;
    padding?: string;
    margin?: string;
    transitionDuration?: string;
    transitionEasing?: string;
}
export declare const dataGridThemes: Record<'light' | 'dark' | 'sacred', DataGridTheme>;
export declare const getDataGridTheme: (styles?: DataGridStyles) => DataGridTheme;
export declare const getDataGridStyles: (styles?: DataGridStyles) => {
    container: React.CSSProperties;
    contentWrapper: React.CSSProperties;
    error: React.CSSProperties;
    tableContainer: React.CSSProperties;
    table: {
        tableContainer: React.CSSProperties;
        tableWrapper: React.CSSProperties;
        table: React.CSSProperties;
        tableHeader: React.CSSProperties;
        tableRow: React.CSSProperties;
        tableRowAlternate: React.CSSProperties;
        tableRowHover: React.CSSProperties;
        tableCell: React.CSSProperties;
        tableHeaderCell: React.CSSProperties;
    };
    scrollbar: {
        height: string;
        width: string;
        track: {
            backgroundColor: string;
            borderRadius: string;
        };
        thumb: {
            backgroundColor: string;
            borderRadius: string;
            border?: string;
        };
        thumbHover: {
            backgroundColor: string;
        };
    };
    sectionDivider: React.CSSProperties;
    footerContainer: React.CSSProperties;
    footerGlyph: React.CSSProperties;
    glyph: React.CSSProperties;
};
//# sourceMappingURL=datagrid.d.ts.map