@nuralogix.ai/web-ui/lib/themes/dark/index.d.ts

Nuralogix Web UI

import * as _stylexjs_stylex from '@stylexjs/stylex';

declare const tokens: {
    color: {
        primary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        secondary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        svgPrimary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        svgSecondary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        textPrimary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        textSecondary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        textHighlight: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        dfxPointBandGreen: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        dfxPointBandLightGreen: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        dfxPointBandYellow: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        dfxPointBandLightRed: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        dfxPointBandRed: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        backgroundPrimary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        backgroundSecondary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        backgroundTertiary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        placeholder: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        success: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        danger: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        warning: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        outline: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        borderPrimary: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    size: {
        none: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xxs: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xs: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        s: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        m: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        l: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xl: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xxl: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    space: {
        "0": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "1": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "2": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "3": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "4": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "5": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "6": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "7": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "8": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "9": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "10": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        px: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "0.5": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "1.5": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "2.5": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "3.5": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        full: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    shadow: {
        small: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        regular: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        medium: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        large: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        inner: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        none: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    fontSize: {
        xxs: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xs: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        s: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        base: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        m: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        l: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xl: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        xxl: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    font: {
        family: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        familyCode: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightLighter: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightLight: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightSemiLight: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightNormal: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightMedium: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightSemiBold: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightBold: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightBolder: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        weightExtraBold: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        spacingTighter: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        spacingTight: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        spacingNormal: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        spacingWide: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        spacingWider: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        spacingWidest: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    leading: {
        none: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        tight: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        normal: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        relaxed: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        loose: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        extraLoose: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    borderRadius: {
        none: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        small: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        normal: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        medium: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        large: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        extraLarge: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        full: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    filter: {
        blurNone: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        blurSmall: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        blurMedium: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        blurLarge: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    transition: {
        none: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        fast: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        slow: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        slower: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
    elevation: {
        "10": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "20": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "30": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "40": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        "50": {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        behind: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
        auto: {
            default: string;
            "@media (max-width: 1024px)": string;
        };
    };
};
declare const colorTokens: _stylexjs_stylex.VarGroup<Readonly<{
    primary: string;
    secondary: string;
    svgPrimary: string;
    svgSecondary: string;
    textPrimary: string;
    textSecondary: string;
    textHighlight: string;
    dfxPointBandGreen: string;
    dfxPointBandLightGreen: string;
    dfxPointBandYellow: string;
    dfxPointBandLightRed: string;
    dfxPointBandRed: string;
    backgroundPrimary: string;
    backgroundSecondary: string;
    backgroundTertiary: string;
    placeholder: string;
    success: string;
    danger: string;
    warning: string;
    outline: string;
    borderPrimary: string;
}>, symbol>;
declare const sizeTokens: _stylexjs_stylex.VarGroup<Readonly<{
    none: string;
    xxs: string;
    xs: string;
    s: string;
    m: string;
    l: string;
    xl: string;
    xxl: string;
}>, symbol>;
declare const spaceTokens: _stylexjs_stylex.VarGroup<Readonly<{
    "0": string;
    "1": string;
    "2": string;
    "3": string;
    "4": string;
    "5": string;
    "6": string;
    "7": string;
    "8": string;
    "9": string;
    "10": string;
    px: string;
    "0.5": string;
    "1.5": string;
    "2.5": string;
    "3.5": string;
    full: string;
}>, symbol>;
declare const shadowTokens: _stylexjs_stylex.VarGroup<Readonly<{
    small: string;
    regular: string;
    medium: string;
    large: string;
    inner: string;
    none: string;
}>, symbol>;
declare const fontSizeTokens: _stylexjs_stylex.VarGroup<Readonly<{
    xxs: string;
    xs: string;
    s: string;
    base: string;
    m: string;
    l: string;
    xl: string;
    xxl: string;
}>, symbol>;
declare const fontTokens: _stylexjs_stylex.VarGroup<Readonly<{
    family: string;
    familyCode: string;
    weightLighter: string;
    weightLight: string;
    weightSemiLight: string;
    weightNormal: string;
    weightMedium: string;
    weightSemiBold: string;
    weightBold: string;
    weightBolder: string;
    weightExtraBold: string;
    spacingTighter: string;
    spacingTight: string;
    spacingNormal: string;
    spacingWide: string;
    spacingWider: string;
    spacingWidest: string;
}>, symbol>;
declare const leadingTokens: _stylexjs_stylex.VarGroup<Readonly<{
    none: string;
    tight: string;
    normal: string;
    relaxed: string;
    loose: string;
    extraLoose: string;
}>, symbol>;
declare const borderRadiusTokens: _stylexjs_stylex.VarGroup<Readonly<{
    none: string;
    small: string;
    normal: string;
    medium: string;
    large: string;
    extraLarge: string;
    full: string;
}>, symbol>;
declare const filterTokens: _stylexjs_stylex.VarGroup<Readonly<{
    blurNone: string;
    blurSmall: string;
    blurMedium: string;
    blurLarge: string;
}>, symbol>;
declare const transitionTokens: _stylexjs_stylex.VarGroup<Readonly<{
    none: string;
    fast: string;
    slow: string;
    slower: string;
}>, symbol>;
declare const elevationTokens: _stylexjs_stylex.VarGroup<Readonly<{
    "10": string;
    "20": string;
    "30": string;
    "40": string;
    "50": string;
    behind: string;
    auto: string;
}>, symbol>;
declare const themeTokens: {
    colorTokens: _stylexjs_stylex.VarGroup<Readonly<{
        primary: string;
        secondary: string;
        svgPrimary: string;
        svgSecondary: string;
        textPrimary: string;
        textSecondary: string;
        textHighlight: string;
        dfxPointBandGreen: string;
        dfxPointBandLightGreen: string;
        dfxPointBandYellow: string;
        dfxPointBandLightRed: string;
        dfxPointBandRed: string;
        backgroundPrimary: string;
        backgroundSecondary: string;
        backgroundTertiary: string;
        placeholder: string;
        success: string;
        danger: string;
        warning: string;
        outline: string;
        borderPrimary: string;
    }>, symbol>;
    sizeTokens: _stylexjs_stylex.VarGroup<Readonly<{
        none: string;
        xxs: string;
        xs: string;
        s: string;
        m: string;
        l: string;
        xl: string;
        xxl: string;
    }>, symbol>;
    spaceTokens: _stylexjs_stylex.VarGroup<Readonly<{
        "0": string;
        "1": string;
        "2": string;
        "3": string;
        "4": string;
        "5": string;
        "6": string;
        "7": string;
        "8": string;
        "9": string;
        "10": string;
        px: string;
        "0.5": string;
        "1.5": string;
        "2.5": string;
        "3.5": string;
        full: string;
    }>, symbol>;
    shadowTokens: _stylexjs_stylex.VarGroup<Readonly<{
        small: string;
        regular: string;
        medium: string;
        large: string;
        inner: string;
        none: string;
    }>, symbol>;
    fontSizeTokens: _stylexjs_stylex.VarGroup<Readonly<{
        xxs: string;
        xs: string;
        s: string;
        base: string;
        m: string;
        l: string;
        xl: string;
        xxl: string;
    }>, symbol>;
    fontTokens: _stylexjs_stylex.VarGroup<Readonly<{
        family: string;
        familyCode: string;
        weightLighter: string;
        weightLight: string;
        weightSemiLight: string;
        weightNormal: string;
        weightMedium: string;
        weightSemiBold: string;
        weightBold: string;
        weightBolder: string;
        weightExtraBold: string;
        spacingTighter: string;
        spacingTight: string;
        spacingNormal: string;
        spacingWide: string;
        spacingWider: string;
        spacingWidest: string;
    }>, symbol>;
    leadingTokens: _stylexjs_stylex.VarGroup<Readonly<{
        none: string;
        tight: string;
        normal: string;
        relaxed: string;
        loose: string;
        extraLoose: string;
    }>, symbol>;
    borderRadiusTokens: _stylexjs_stylex.VarGroup<Readonly<{
        none: string;
        small: string;
        normal: string;
        medium: string;
        large: string;
        extraLarge: string;
        full: string;
    }>, symbol>;
    filterTokens: _stylexjs_stylex.VarGroup<Readonly<{
        blurNone: string;
        blurSmall: string;
        blurMedium: string;
        blurLarge: string;
    }>, symbol>;
    transitionTokens: _stylexjs_stylex.VarGroup<Readonly<{
        none: string;
        fast: string;
        slow: string;
        slower: string;
    }>, symbol>;
    elevationTokens: _stylexjs_stylex.VarGroup<Readonly<{
        "10": string;
        "20": string;
        "30": string;
        "40": string;
        "50": string;
        behind: string;
        auto: string;
    }>, symbol>;
};

export { borderRadiusTokens, colorTokens, themeTokens as default, elevationTokens, filterTokens, fontSizeTokens, fontTokens, leadingTokens, shadowTokens, sizeTokens, spaceTokens, tokens, transitionTokens };