@kalamazoo/button/dist/cjs/theme.d.ts

A React component that is a base button.

/// <reference types="react" />
/// <reference types="@emotion/core" />
import { ThemeProps, ThemeTokens, ThemeMode, ThemeFallbacks } from './types';
export declare const fallbacks: ThemeFallbacks;
export declare const baseTheme: {
    background: {
        default: {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        primary: {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        warning: {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        danger: {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        link: {
            default: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        subtle: {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        'subtle-link': {
            default: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
    };
    boxShadowColor: {
        default: {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        primary: {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        warning: {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        danger: {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        link: {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        subtle: {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        'subtle-link': {
            focus: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
    };
    color: {
        default: {
            default: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        primary: {
            default: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        warning: {
            default: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        danger: {
            default: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        link: {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        subtle: {
            default: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
        'subtle-link': {
            default: {
                light: string;
                dark: string;
            };
            hover: {
                light: string;
                dark: string;
            };
            active: {
                light: string;
                dark: string;
            };
            disabled: {
                light: string;
                dark: string;
            };
            selected: {
                light: string;
                dark: string;
            };
            focusSelected: {
                light: string;
                dark: string;
            };
        };
    };
};
export declare function applyPropertyStyle(property: string, { appearance, state, mode, }: {
    appearance?: string;
    state?: string;
    mode?: ThemeMode;
}, theme: any): any;
export declare const Theme: {
    Consumer: import("react").ComponentType<ThemeProps & {
        children: (tokens: ThemeTokens) => import("react").ReactNode;
    }>;
    Provider: import("react").ComponentType<{
        children?: import("react").ReactNode;
        value?: import("@kalamazoo/theme/dist/cjs/components").ThemeProp<ThemeTokens, ThemeProps> | undefined;
    }>;
};