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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface TabsTheme {
    /** Main container styling */
    container: React.CSSProperties;
    /** Tabs container styling */
    tabsContainer: React.CSSProperties;
    /** Tabs inner container styling */
    tabsInnerContainer: React.CSSProperties;
    /** Individual tab styling */
    tab: React.CSSProperties;
    /** Tab hover styling */
    tabHover: React.CSSProperties;
    /** Tab active styling */
    tabActive: React.CSSProperties;
    /** Tab indicator styling */
    tabIndicator: React.CSSProperties;
    /** Tab indicator active styling */
    tabIndicatorActive: React.CSSProperties;
    /** Tab border styling */
    border: React.CSSProperties;
    /** Sacred glyph styling */
    glyph: React.CSSProperties;
    /** Tab content styling */
    tabContent: React.CSSProperties;
    /** Transition duration */
    transition: string;
}
export interface TabsStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    height?: string;
    minHeight?: string;
    tabBackgroundColor?: string;
    tabBorderColor?: string;
    tabColor?: string;
    tabFontFamily?: string;
    tabFontSize?: string;
    tabFontWeight?: string | number;
    tabLetterSpacing?: string;
    tabTextShadow?: string;
    tabTextTransform?: string;
    tabPadding?: string;
    tabHoverBackgroundColor?: string;
    tabHoverColor?: string;
    tabHoverTextShadow?: string;
    tabActiveBackgroundColor?: string;
    tabActiveColor?: string;
    tabActiveFontWeight?: string | number;
    tabActiveTextShadow?: string;
    indicatorHeight?: string;
    indicatorColor?: string;
    indicatorBoxShadow?: string;
    glyphColor?: string;
    glyphFontSize?: string;
    glyphOpacity?: number;
    glyphAnimation?: string;
    gap?: 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;
    maxHeight?: string;
    alignment?: 'left' | 'center' | 'right' | 'justify';
    tabLeftBorder?: boolean;
    tabRightBorder?: boolean;
    tabLeftBorderColor?: string;
    tabRightBorderColor?: string;
}
export declare const tabsThemes: Record<'light' | 'dark' | 'sacred', TabsTheme>;
export declare const getTabsTheme: (styles?: TabsStyles) => TabsTheme;
export declare const getTabsStyles: (styles?: TabsStyles, _hoveredTab?: string | null, _activeTab?: string | null, isDisabled?: boolean) => {
    container: React.CSSProperties;
    tabsContainer: React.CSSProperties;
    tabsInnerContainer: React.CSSProperties;
    tab: React.CSSProperties;
    tabHover: React.CSSProperties;
    tabActive: React.CSSProperties;
    tabIndicator: React.CSSProperties;
    tabIndicatorActive: React.CSSProperties;
    border: React.CSSProperties;
    tabLeftBorder: React.CSSProperties;
    tabRightBorder: React.CSSProperties;
    glyph: React.CSSProperties;
    tabContent: React.CSSProperties;
    transition: string;
};
//# sourceMappingURL=tabs.d.ts.map