@storybook/theming

const background: {
    app: string;
    bar: string;
    content: string;
    preview: string;
    gridCellSize: number;
    hoverable: string;
    positive: string;
    negative: string;
    warning: string;
    critical: string;
};

const CacheProvider: Provider<EmotionCache>;

const color: {
    primary: string;
    secondary: string;
    tertiary: string;
    ancillary: string;
    orange: string;
    gold: string;
    green: string;
    seafoam: string;
    purple: string;
    ultraviolet: string;
    lightest: string;
    lighter: string;
    light: string;
    mediumlight: string;
    medium: string;
    mediumdark: string;
    dark: string;
    darker: string;
    darkest: string;
    border: string;
    positive: string;
    negative: string;
    warning: string;
    critical: string;
    defaultText: string;
    inverseText: string;
    positiveText: string;
    negativeText: string;
    warningText: string;
};

const ignoreSsrWarning: string;

const jsx: any;

const styled: CreateStyled;

const ThemeProvider: ThemeProvider;

const themes: { light: ThemeVars; dark: ThemeVars; normal: ThemeVars };

const typography: {
    fonts: { base: string; mono: string };
    weight: { regular: number; bold: number };
    size: {
        s1: number;
        s2: number;
        s3: number;
        m1: number;
        m2: number;
        m3: number;
        l1: number;
        l2: number;
        l3: number;
        code: number;
    };
};

const withTheme: withTheme;

ClassNames: (props: ClassNamesProps) => ReactElement;

convert: (inherit?: ThemeVars) => StorybookTheme;

create: (vars?: ThemeVarsPartial, rest?: Rest) => ThemeVars;

createCache: (options: Options) => EmotionCache;

createGlobal: ({
    color,
    background,
    typography,
}: {
    color: Color;
    background: Background;
    typography: Typography;
}) => Return;

createReset: ({ typography }: { typography: Typography }) => Return;

css: {
    (
        template: TemplateStringsArray,
        ...args: Array<CSSInterpolation>
    ): SerializedStyles;
    (...args: CSSInterpolation[]): SerializedStyles;
};

darken: (color: string) => string;

ensure: (input: ThemeVars) => StorybookTheme;

Global: (props: GlobalProps) => ReactElement;

isPropValid: (prop: string) => boolean;

keyframes: {
    (template: TemplateStringsArray, ...args: Array<CSSInterpolation>): Keyframes;
    (...args: CSSInterpolation[]): Keyframes;
};

lighten: (color: string) => string;

useTheme: () => Theme;

type Animation = typeof animation;

type Background = typeof background;

type Color = typeof color;

type Easing = typeof easing;

type FunctionInterpolationEnhanced<T = {}> = FunctionInterpolation<
    T & {
        theme: StorybookTheme;
    }
>;

type InterpolationEnhanced<T = {}> = Interpolation<
    T & {
        theme: StorybookTheme;
    }
>;

type Keyframes = {
    name: string;
    styles: string;
    anim: number;
    toString: () => string;
} & string;

type TextSize = number | string;

type Typography = typeof typography;

type withTheme = <C extends React$1.ComponentType<React$1.ComponentProps<C>>>(
    component: C
) => React$1.FC<DistributiveOmit<PropsOf<C>, 'theme'> & { theme?: Theme }>;