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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface PricingTableTheme {
    container: {
        background: string;
        border: string;
        borderTop: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        backgroundImage?: string;
    };
    header: {
        background: string;
        borderBottom: string;
        backgroundImage?: string;
    };
    title: {
        color: string;
        fontSize: string;
        fontFamily: string;
        fontWeight: string | number;
        letterSpacing: string;
        animation?: string;
        textShadow?: string;
    };
    price: {
        color: string;
        fontSize: string;
        fontFamily: string;
        fontWeight: string | number;
        letterSpacing: string;
        textShadow?: string;
    };
    annualPrice: {
        color: string;
        fontSize: string;
        fontFamily: string;
        fontWeight: string | number;
        fontStyle: string;
        letterSpacing: string;
        textShadow?: string;
    };
    featureTitle: {
        color: string;
        fontSize: string;
        fontFamily: string;
        fontWeight: string | number;
        letterSpacing: string;
        textShadow?: string;
    };
    subFeatureTitle: {
        color: string;
        fontSize: string;
        fontFamily: string;
        fontWeight: string | number;
        letterSpacing: string;
        textShadow?: string;
    };
    buttonSection: {
        background: string;
        borderTop: string;
        backgroundImage?: string;
    };
    checkIcon: {
        color: string;
        filter?: string;
        animation?: string;
    };
    glyph: {
        color: string;
        fontSize: string;
        animation?: string;
    };
    transition: string;
}
export interface PricingTableStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderTopColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    borderTopWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    headerBackground?: string;
    headerBorderBottom?: string;
    headerBackgroundImage?: string;
    titleColor?: string;
    titleFontSize?: string;
    titleFontFamily?: string;
    titleFontWeight?: string | number;
    titleLetterSpacing?: string;
    titleAnimation?: string;
    titleTextShadow?: string;
    priceColor?: string;
    priceFontSize?: string;
    priceFontFamily?: string;
    priceFontWeight?: string | number;
    priceLetterSpacing?: string;
    priceTextShadow?: string;
    annualPriceColor?: string;
    annualPriceFontSize?: string;
    annualPriceFontFamily?: string;
    annualPriceFontWeight?: string | number;
    annualPriceFontStyle?: string;
    annualPriceLetterSpacing?: string;
    annualPriceTextShadow?: string;
    featureTitleColor?: string;
    featureTitleFontSize?: string;
    featureTitleFontFamily?: string;
    featureTitleFontWeight?: string | number;
    featureTitleLetterSpacing?: string;
    featureTitleTextShadow?: string;
    subFeatureTitleColor?: string;
    subFeatureTitleFontSize?: string;
    subFeatureTitleFontFamily?: string;
    subFeatureTitleFontWeight?: string | number;
    subFeatureTitleLetterSpacing?: string;
    subFeatureTitleTextShadow?: string;
    buttonSectionBackground?: string;
    buttonSectionBorderTop?: string;
    buttonSectionBackgroundImage?: string;
    checkIconColor?: string;
    checkIconFilter?: string;
    checkIconAnimation?: string;
    glyphColor?: string;
    glyphFontSize?: string;
    glyphAnimation?: string;
    padding?: string;
    headerPadding?: string;
    featuresPadding?: string;
    buttonPadding?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    disabled?: boolean;
    outline?: boolean;
    width?: string;
    maxWidth?: string;
    minWidth?: string;
    height?: string;
    maxHeight?: string;
    minHeight?: string;
}
export declare const pricingTableThemes: Record<'light' | 'dark' | 'sacred', PricingTableTheme>;
export declare const getPricingTableTheme: (styles?: PricingTableStyles) => PricingTableTheme;
export declare const getPricingTableStyles: (styles?: PricingTableStyles, isDisabled?: boolean) => {
    container: React.CSSProperties;
    header: React.CSSProperties;
    title: React.CSSProperties;
    price: React.CSSProperties;
    annualPrice: React.CSSProperties;
    featuresSection: React.CSSProperties;
    featureItem: React.CSSProperties;
    featureTitleContainer: React.CSSProperties;
    featureTitle: React.CSSProperties;
    iconContainer: React.CSSProperties;
    subFeatureContainer: React.CSSProperties;
    subFeatureTitle: React.CSSProperties;
    buttonSection: React.CSSProperties;
    checkIcon: React.CSSProperties;
    glyph: React.CSSProperties;
    sacredFooter: React.CSSProperties;
    sacredFooterGlyph: React.CSSProperties;
};
//# sourceMappingURL=pricingtable.d.ts.map