@vimeo/iris/themes/index.d.ts

Vimeo Design System

export interface IrisTheme {
    name: string;
    content: {
        [key: string]: string;
    };
    item: {
        [key: string]: string;
    };
    formats: {
        [key: string]: string;
    };
    inputs: {
        [key: string]: string;
    };
    shadows: {
        [key: string]: string;
    };
    a11y: {
        [key: string]: string | number | boolean;
    };
}
export type Formats = 'basic' | 'soft' | 'alternative' | 'secondary' | 'primary';
export type Statuses = 'positive' | 'negative' | 'neutral';
export type Sizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export declare const themes: {
    [key: string]: IrisTheme;
};
export declare function a11yColor(color: any): ({ theme }: {
    theme: any;
}) => string;
export declare function a11yText(size: any): ({ theme }: {
    theme: any;
}) => number;
export declare function a11yContrast(color: any): ({ theme }: {
    theme: any;
}) => any;