/**
 * All of the config for the Artsy theming system are based on the
 * on tokens from palette
 */
import { SpacingUnit as SpacingUnitNumbers } from "@artsy/palette-tokens/dist/themes/v3";
import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
import { Color, ColorDSValue, ColorLayerName, SpacingUnit } from "./types";
import { TextTreatmentWithoutUnits } from "./utils/webTokensToMobile";
export interface ThemeType {
    space: Record<SpacingUnitNumbers, `${number}px`>;
    colors: Record<ColorLayerName, string>;
    fonts: {
        sans: {
            regular: string;
            italic: string;
            medium: string;
            mediumItalic: string;
        };
    };
    textTreatments: Record<TextVariant, TextTreatmentWithoutUnits>;
}
export interface ThemeWithDarkModeType extends ThemeType {
    colors: Record<ColorDSValue, string>;
}
export type AllThemesType = ThemeType & ThemeWithDarkModeType;
export type SpacingUnitsTheme = {
    space: Record<SpacingUnit, any>;
};
export type ColorsTheme = {
    colors: Record<Color, any>;
};
export declare const COLOR_LAYER_NAME: {
    /** Adding this here for dev usage. Avoid using it for actual components. */
    devpurple: string;
    mono100: string;
    mono60: string;
    mono30: string;
    mono15: string;
    mono10: string;
    mono5: string;
    mono0: string;
    blue200: string;
    blue150: string;
    blue100: string;
    brand: string;
    blue15: string;
    blue10: string;
    green150: string;
    green100: string;
    green10: string;
    yellow150: string;
    yellow100: string;
    yellow10: string;
    orange150: string;
    orange100: string;
    orange10: string;
    red150: string;
    red100: string;
    red50: string;
    red10: string;
};
export declare const COLOR_LAYER_ROLE: readonly ["background", "onBackground", "onBackgroundHigh", "onBackgroundMedium", "onBackgroundLow", "surface", "onSurface", "onSurfaceHigh", "onSurfaceMedium", "onSurfaceLow", "primary", "onPrimaryHigh", "onPrimaryMedium", "onPrimaryLow", "secondary", "onSecondaryHigh", "onSecondaryMedium", "onSecondaryLow", "brand", "onBrand"];
export declare const THEMES: {
    v3: ThemeType;
    v3light: ThemeWithDarkModeType;
    v3dark: ThemeWithDarkModeType;
};