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

A comprehensive React-based libary for building modern web applications

import { default as React } from 'react';
export interface NavTheme {
    container: {
        background: string;
        border: string;
        borderRadius: string;
        boxShadow: string;
        backdropFilter: string;
        backgroundImage?: string;
        color: string;
        minWidth: string;
        width: string;
        height: string;
        padding: string;
        overflow: string;
    };
    contentContainer: {
        position: string;
        height: string;
        overflow: string;
        minWidth: string;
    };
    navList: {
        position: string;
        zIndex: number;
        height: string;
        overflowY: string;
        overflowX: string;
        padding: string;
        boxSizing: string;
        minWidth: string;
        scrollbarWidth?: string;
        scrollbarColor?: string;
    };
    titleContainer: {
        textAlign: string;
        padding: string;
        position: string;
        whiteSpace: string;
        minWidth: string;
    };
    titleLink: {
        textDecoration: string;
        color: string;
    };
    searchContainer: {
        position: string;
        zIndex: number;
        minHeight: string;
        whiteSpace: string;
        marginTop: string;
        paddingLeft: string;
        minWidth: string;
    };
    divider: {
        width: string;
        height: string;
        backgroundColor: string;
        marginTop: string;
        marginBottom: string;
        minWidth: string;
    };
    sacredTitleContainer: {
        textAlign: string;
        padding: string;
        position: string;
        whiteSpace: string;
        minWidth: string;
    };
    sacredTitleHeader: {
        display: string;
        alignItems: string;
        justifyContent: string;
        marginBottom: string;
        gap: string;
    };
    sacredTitleHeaderLine: {
        width: string;
        height: string;
        background: string;
    };
    sacredTitleHeaderGlyph: {
        color: string;
        fontSize: string;
        animation: string;
    };
    sacredTitleMain: {
        color: string;
        fontSize: string;
        fontWeight: string | number;
        letterSpacing: string;
        textTransform: string;
        animation: string;
        fontFamily: string;
        cursor: string;
        transition: string;
        whiteSpace: string;
    };
    sacredTitleMainHover: {
        transform: string;
        textShadow: string;
    };
    sacredSubtitle: {
        color: string;
        fontSize: string;
        fontStyle: string;
        marginTop: string;
        letterSpacing: string;
        whiteSpace: string;
    };
    sacredGlyphsContainer: {
        display: string;
        justifyContent: string;
        gap: string;
        marginTop: string;
    };
    sacredGlyph: {
        color: string;
        fontSize: string;
    };
    sacredDivider: {
        display: string;
        alignItems: string;
        justifyContent: string;
        padding: string;
        marginBottom: string;
        minWidth: string;
    };
    sacredDividerLine: {
        width: string;
        height: string;
        background: string;
    };
    sacredDividerGlyph: {
        color: string;
        fontSize: string;
        padding: string;
        animation: string;
    };
    sacredFooter: {
        textAlign: string;
        padding: string;
    };
    sacredFooterText: {
        color: string;
        fontSize: string;
        fontStyle: string;
        letterSpacing: string;
        marginBottom: string;
    };
    sacredFooterGlyphs: {
        display: string;
        justifyContent: string;
        gap: string;
    };
    sacredFooterGlyph: {
        color: string;
        fontSize: string;
    };
    transition: string;
}
export interface NavStyles {
    theme?: 'light' | 'dark' | 'sacred';
    backgroundColor?: string;
    borderColor?: string;
    borderRadius?: string;
    borderWidth?: string;
    boxShadow?: string;
    backdropFilter?: string;
    backgroundImage?: string;
    color?: string;
    minWidth?: string;
    width?: string;
    height?: string;
    padding?: string;
    overflow?: string;
    anchor?: 'left' | 'right';
    variant?: 'temporary' | 'permanent';
    spacingFromTopOfScreen?: string;
    showTitle?: boolean;
    titleBackgroundColor?: string;
    titleColor?: string;
    titleFontFamily?: string;
    titleFontSize?: string;
    titleFontWeight?: string | number;
    titleLetterSpacing?: string;
    titleTextAlign?: string;
    titlePadding?: string;
    titleMarginTop?: string;
    titleMarginBottom?: string;
    titleWhiteSpace?: string;
    titleMinWidth?: string;
    titleUrl?: string;
    sacredTitle?: string;
    sacredSubtitle?: string;
    sacredTitleColor?: string;
    sacredTitleFontSize?: string;
    sacredTitleFontWeight?: string | number;
    sacredTitleLetterSpacing?: string;
    sacredTitleAnimation?: string;
    sacredTitleFontFamily?: string;
    sacredSubtitleColor?: string;
    sacredSubtitleFontSize?: string;
    sacredSubtitleFontStyle?: string;
    sacredSubtitleLetterSpacing?: string;
    showSearchableNav?: boolean;
    searchContainerPosition?: string;
    searchContainerZIndex?: number;
    searchContainerMinHeight?: string;
    searchContainerWhiteSpace?: string;
    searchContainerMarginTop?: string;
    searchContainerPaddingLeft?: string;
    searchContainerMinWidth?: string;
    searchableNavLabel?: string;
    showLine?: boolean;
    dividerWidth?: string;
    dividerHeight?: string;
    dividerBackgroundColor?: string;
    dividerMarginTop?: string;
    dividerMarginBottom?: string;
    dividerMinWidth?: string;
    sacredDividerDisplay?: string;
    sacredDividerAlignItems?: string;
    sacredDividerJustifyContent?: string;
    sacredDividerPadding?: string;
    sacredDividerMarginBottom?: string;
    sacredDividerMinWidth?: string;
    navListPosition?: string;
    navListZIndex?: number;
    navListHeight?: string;
    navListOverflowY?: string;
    navListOverflowX?: string;
    navListPadding?: string;
    navListBoxSizing?: string;
    navListMinWidth?: string;
    navListScrollbarWidth?: string;
    navListScrollbarColor?: string;
    sacredFooterDisplay?: boolean;
    sacredFooterTextAlign?: string;
    sacredFooterPadding?: string;
    sacredFooterTextColor?: string;
    sacredFooterTextFontSize?: string;
    sacredFooterTextFontStyle?: string;
    sacredFooterTextLetterSpacing?: string;
    sacredFooterTextMarginBottom?: string;
    sacredFooterGlyphsDisplay?: string;
    sacredFooterGlyphsJustifyContent?: string;
    sacredFooterGlyphsGap?: string;
    sacredFooterGlyphColor?: string;
    sacredFooterGlyphFontSize?: string;
    transitionDuration?: string;
    transitionEasing?: string;
    mobileOpen?: boolean;
    onClose?: () => void;
    items?: any[];
    router?: {
        push: (route: string) => void;
    };
    pathname?: string;
    margin?: string;
    marginTop?: string;
    marginBottom?: string;
    marginLeft?: string;
    marginRight?: string;
}
export declare const navThemes: Record<'light' | 'dark' | 'sacred', NavTheme>;
export declare const getNavTheme: (styles?: NavStyles) => NavTheme;
export declare const SACRED_GLYPHS: string[];
export declare const getNavStyles: (styles?: NavStyles, titleHover?: boolean) => {
    container: React.CSSProperties;
    contentContainer: React.CSSProperties;
    navList: React.CSSProperties;
    titleContainer: React.CSSProperties;
    titleLink: React.CSSProperties;
    searchContainer: React.CSSProperties;
    divider: React.CSSProperties;
    sacredTitleContainer: React.CSSProperties;
    sacredTitleHeader: React.CSSProperties;
    sacredTitleHeaderLine: React.CSSProperties;
    sacredTitleHeaderGlyph: React.CSSProperties;
    sacredTitleMain: React.CSSProperties;
    sacredSubtitle: React.CSSProperties;
    sacredGlyphsContainer: React.CSSProperties;
    sacredGlyph: React.CSSProperties;
    sacredDivider: React.CSSProperties;
    sacredDividerLine: React.CSSProperties;
    sacredDividerGlyph: React.CSSProperties;
    sacredFooter: React.CSSProperties;
    sacredFooterText: React.CSSProperties;
    sacredFooterGlyphs: React.CSSProperties;
    sacredFooterGlyph: React.CSSProperties;
};
//# sourceMappingURL=nav.d.ts.map