@100mslive/react-native-room-kit/lib/typescript/utils/theme.d.ts

100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.

import type { ColorPalette, Theme, Typography } from '@100mslive/types-prebuilt';
export declare const FONTS: {
    H1: {
        fontSize: number;
        fontFamily: string;
        fontWeight: "700";
        fontStyle: "normal";
        letterSpacing: number;
    };
    H2: {
        fontSize: number;
        fontFamily: string;
        fontWeight: "700";
        fontStyle: "normal";
        letterSpacing: number;
    };
    H3: {
        fontSize: number;
        fontFamily: string;
        fontWeight: "700";
        fontStyle: "normal";
        letterSpacing: number;
    };
    H4: {
        fontSize: number;
        fontFamily: string;
        fontWeight: "700";
        fontStyle: "normal";
        letterSpacing: number;
    };
    H5: {
        fontSize: number;
        fontFamily: string;
        fontWeight: "700";
        fontStyle: "normal";
    };
    H6: {
        fontSize: number;
        fontFamily: string;
        fontWeight: "700";
        fontStyle: "normal";
        letterSpacing: number;
    };
};
export declare const STATIC_COLOR_PALETTE: ColorPalette;
export declare const COLORS: {
    PRIMARY: {
        LIGHT: string;
        DEFAULT: string;
        DARK: string;
        DISABLED: string;
        ON_PRIMARY: {
            LOW: string;
        };
    };
    SECONDARY: {
        DIM: string;
        LIGHT: string;
        DEFAULT: string;
        DARK: string;
        DISABLED: string;
    };
    BORDER: {
        LIGHT: string;
        BRIGHT: string;
        DEFAULT: string;
        ACCENT: string;
    };
    BLACK: string;
    WHITE: string;
    OVERLAY: string;
    LOADING_BACKDROP: string;
    TEXT: {
        HIGH_EMPHASIS: string;
        MEDIUM_EMPHASIS: string;
        DISABLED: string;
        HIGH_EMPHASIS_ACCENT: string;
        MEDIUM_EMPHASIS_ACCENT: string;
        DISABLED_ACCENT: string;
    };
    SURFACE: {
        BRIGHT: string;
        DIM: string;
        DEFAULT: string;
        LIGHT: string;
        LIGHTER: string;
        ON_SURFACE: {
            LOW: string;
            MEDIUM: string;
            HIGH: string;
        };
    };
    BACKGROUND: {
        DIM: string;
        DIM_80: string;
        DIM_64: string;
        DEFAULT: string;
        DARK: string;
        DARKER: string;
        ERROR: string;
    };
    INDICATORS: {
        WARNING: string;
        ERROR: string;
        SUCCESS: string;
    };
    TWIN: {
        RED: string;
        YELLOW: string;
        GREEN: string;
        PURPLE: string;
        ORANGE: string;
        CYAN: string;
    };
    BASE: {
        BLACK: string;
        WHITE: string;
    };
    EXTENDED: {
        PURPLE: string;
    };
    ALERT: {
        ERROR: {
            DIM: string;
            DEFAULT: string;
            BRIGHT: string;
            BRIGHTER: string;
        };
    };
};
export declare function hexToRgbA(hex: string, alpha?: number): string;
export declare const DEFAULT_TYPOGRAPHY: Required<Typography>;
export declare const DEFAULT_THEME: Required<Theme>;
//# sourceMappingURL=theme.d.ts.map