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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface ProgressBarTheme {
    container: {
        background: string;
        border: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        backgroundImage?: string;
    };
    bar: {
        background: string;
        borderRadius: string;
        boxShadow: string;
        backgroundImage?: string;
        filter?: string;
        position?: string;
        overflow?: string;
    };
    indeterminateBar: {
        background: string;
        borderRadius: string;
        boxShadow: string;
        backgroundImage?: string;
        filter?: string;
        animation?: string;
        position?: string;
    };
    label: {
        color: string;
        fontSize: string;
        fontFamily: string;
        fontWeight: string | number;
        textShadow?: string;
    };
    transition: string;
    stripes?: {
        backgroundImage: string;
        backgroundSize: string;
        animation: string;
    };
    pulse?: {
        animation?: string;
        boxShadow: string;
    };
}
export interface ProgressBarStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    barBackground?: string;
    barBorderRadius?: string;
    barBoxShadow?: string;
    barBackgroundImage?: string;
    barFilter?: string;
    indeterminateBarBackground?: string;
    indeterminateBarBorderRadius?: string;
    indeterminateBarBoxShadow?: string;
    indeterminateBarBackgroundImage?: string;
    indeterminateBarFilter?: string;
    indeterminateBarAnimation?: string;
    labelColor?: string;
    labelFontSize?: string;
    labelFontFamily?: string;
    labelFontWeight?: string | number;
    labelTextShadow?: string;
    width?: string;
    height?: string;
    padding?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    disabled?: boolean;
    outline?: boolean;
    striped?: boolean;
    animated?: boolean;
    pulse?: boolean;
    maxWidth?: string;
    minWidth?: string;
    maxHeight?: string;
    minHeight?: string;
}
export declare const progressBarThemes: Record<'light' | 'dark' | 'sacred', ProgressBarTheme>;
export declare const getProgressBarTheme: (styles?: ProgressBarStyles) => ProgressBarTheme;
export declare const getProgressBarStyles: (styles?: ProgressBarStyles, value?: number, variant?: "determinate" | "indeterminate") => {
    container: React.CSSProperties;
    bar: React.CSSProperties;
    label: React.CSSProperties;
};
//# sourceMappingURL=progressbar.d.ts.map