@spark-web/theme/dist/declarations/src/tokens.d.ts

--- title: Theme isExperimentalPackage: true ---

import type { FontMetrics } from '@capsizecss/core';
import type { Breakpoint } from './breakpoints';
export declare type TextBreakpoint = Exclude<Breakpoint, 'desktop' | 'wide'>;
export declare type TextDefinition = {
    fontSize: number;
    rows: number;
};
export declare type ResponsiveTextDefinition = Record<TextBreakpoint, TextDefinition>;
export declare const defaultTokens: {
    name: string;
    typography: {
        fontFamily: {
            sans: {
                fontMetrics: FontMetrics;
                name: string;
            };
            display: {
                fontMetrics: FontMetrics;
                name: string;
            };
        };
        fontWeight: {
            regular: number;
            semibold: number;
        };
        heading: {
            level: {
                '1': {
                    mobile: {
                        fontSize: number;
                        rows: number;
                    };
                    tablet: {
                        fontSize: number;
                        rows: number;
                    };
                };
                '2': {
                    mobile: {
                        fontSize: number;
                        rows: number;
                    };
                    tablet: {
                        fontSize: number;
                        rows: number;
                    };
                };
                '3': {
                    mobile: {
                        fontSize: number;
                        rows: number;
                    };
                    tablet: {
                        fontSize: number;
                        rows: number;
                    };
                };
                '4': {
                    mobile: {
                        fontSize: number;
                        rows: number;
                    };
                    tablet: {
                        fontSize: number;
                        rows: number;
                    };
                };
            };
        };
        text: {
            xsmall: {
                mobile: {
                    fontSize: number;
                    rows: number;
                };
                tablet: {
                    fontSize: number;
                    rows: number;
                };
            };
            small: {
                mobile: {
                    fontSize: number;
                    rows: number;
                };
                tablet: {
                    fontSize: number;
                    rows: number;
                };
            };
            standard: {
                mobile: {
                    fontSize: number;
                    rows: number;
                };
                tablet: {
                    fontSize: number;
                    rows: number;
                };
            };
            large: {
                mobile: {
                    fontSize: number;
                    rows: number;
                };
                tablet: {
                    fontSize: number;
                    rows: number;
                };
            };
        };
    };
    border: {
        radius: {
            small: number;
            medium: number;
            large: number;
        };
        width: {
            standard: number;
            large: number;
        };
        color: {
            neutral: string;
            standard: string;
            standardInverted: string;
            field: string;
            fieldHover: string;
            fieldAccent: string;
            fieldDisabled: string;
            primary: string;
            primaryHover: string;
            primaryActive: string;
            secondary: string;
            secondaryHover: string;
            secondaryActive: string;
            accent: string;
            accentMuted: string;
            caution: string;
            cautionMuted: string;
            critical: string;
            criticalMuted: string;
            info: string;
            infoMuted: string;
            positive: string;
            positiveMuted: string;
        };
    };
    color: {
        foreground: {
            neutral: string;
            neutralInverted: string;
            muted: string;
            mutedInverted: string;
            link: string;
            disabled: string;
            fieldAccent: string;
            placeholder: string;
            accent: string;
            primary: string;
            primaryHover: string;
            primaryActive: string;
            secondary: string;
            secondaryHover: string;
            secondaryActive: string;
            caution: string;
            critical: string;
            info: string;
            positive: string;
        };
        background: {
            muted: string;
            disabled: string;
            backdrop: string;
            body: string;
            surface: string;
            surfaceMuted: string;
            surfacePressed: string;
            fieldAccent: string;
            input: string;
            inputPressed: string;
            inputDisabled: string;
            accent: string;
            accentMuted: string;
            neutral: string;
            neutralLow: string;
            primary: string;
            primaryLow: string;
            primaryMuted: string;
            secondary: string;
            secondaryLow: string;
            secondaryMuted: string;
            caution: string;
            cautionLow: string;
            cautionMuted: string;
            critical: string;
            criticalLow: string;
            criticalMuted: string;
            info: string;
            infoLow: string;
            infoMuted: string;
            positive: string;
            positiveLow: string;
            positiveMuted: string;
        };
        status: {
            accent: string;
            caution: string;
            critical: string;
            info: string;
            neutral: string;
            positive: string;
        };
    };
    backgroundInteractions: {
        none: string;
        primaryActive: string;
        primaryHover: string;
        primaryLowHover: string;
        primaryLowActive: string;
        secondaryActive: string;
        secondaryHover: string;
        secondaryLowHover: string;
        secondaryLowActive: string;
        neutralHover: string;
        neutralActive: string;
        neutralLowHover: string;
        neutralLowActive: string;
        cautionLowHover: string;
        cautionLowActive: string;
        criticalActive: string;
        criticalHover: string;
        criticalLowHover: string;
        criticalLowActive: string;
        infoLowHover: string;
        infoLowActive: string;
        positiveHover: string;
        positiveActive: string;
        positiveLowHover: string;
        positiveLowActive: string;
    };
    contentWidth: {
        xsmall: number;
        small: number;
        medium: number;
        large: number;
        xlarge: number;
    };
    elevation: {
        dropdownBlanket: number;
        dropdown: number;
        sticky: number;
        modalBlanket: number;
        modal: number;
        notification: number;
    };
    spacing: {
        xxsmall: number;
        xsmall: number;
        small: number;
        medium: number;
        large: number;
        xlarge: number;
        xxlarge: number;
    };
    sizing: {
        xxsmall: number;
        xsmall: number;
        small: number;
        medium: number;
        large: number;
    };
    shadow: {
        small: string;
        medium: string;
        large: string;
    };
    animation: {
        standard: {
            duration: number;
            easing: string;
        };
    };
};
export declare type BrighteTokens = typeof defaultTokens;