@storybook/theming

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

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;
};

const ignoreSsrWarning: string;

const styled: CreateStyled<Theme>;

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

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

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

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

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

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

darken: (color: string) => string;

ensure: (input: ThemeVars) => Theme;

lighten: (color: string) => string;

type Animation = typeof animation;

type Background = typeof background;

type Color = typeof color;

type Easing = typeof easing;

type TextSize = number | string;

type Typography = typeof typography;