export declare const FLATTENED = "__FLATTENED__";
export declare const CHANNEL = "__ATLASKIT_THEME__";
export declare const DEFAULT_THEME_MODE = "light";
export declare const THEME_MODES: string[];
export declare const borderRadius: () => number;
export declare const gridSize: () => number;
export declare const fontSize: () => number;
export declare const fontSizeSmall: () => number;
export declare const fontFamily: () => string;
export declare const codeFontFamily: () => string;
export declare const focusRing: (color?: string, outlineWidth?: number) => string;
export declare const noFocusRing: () => string;
export declare const layers: {
    card: () => number;
    dialog: () => number;
    navigation: () => number;
    layer: () => number;
    blanket: () => number;
    modal: () => number;
    flag: () => number;
    spotlight: () => number;
    tooltip: () => number;
};
export declare const assistive: () => import("styled-components").InterpolationValue[];
export declare const skeletonShimmer: () => {
    css: {
        backgroundColor: string;
        backgroundImage: string;
        backgroundRepeat: string;
        backgroundSize: string;
        animationDuration: string;
        animationFillMode: string;
        animationIterationCount: string;
        animationTimingFunction: string;
    };
    keyframes: {
        '0%': {
            backgroundPosition: string;
        };
        '100%': {
            backgroundPosition: string;
        };
    };
};