/**
 * # Operational UI's styling constants.
 *
 * Operational UI is a provider of _opinionated_ building blocks for
 * data-driven user interfaces. Below are centralized _opinions_
 * that we've made that allow for the creation and styling of such
 * building blocks.
 *
 * The opinions are divided into:
 * - Colors
 * - Typography
 * - Space
 *
 * and are used widely throughout the library.
 */
/**
 * Operational UI uses a selection of greys
 * to achieve subtle, yet effective shading
 * effects and readable typography.
 */
export declare type Grey = 96 | 93 | 91 | 75 | 56 | 45 | 40 | 33 | 24 | 20;
declare const constants: {
    font: {
        family: {
            main: string;
            code: string;
        };
        size: {
            /** 18px */
            title: number;
            /** 14px */
            body: number;
            /** 13px */
            small: number;
            /** 12px */
            fineprint: number;
        };
    };
    space: {
        /** Base space is `4px` */
        base: number;
        /** Small space is `8px` */
        small: number;
        /** Content space is `16px` */
        content: number;
        /** Element space is `20px` */
        element: number;
        /** Big space is `28px` */
        big: number;
    };
    zIndex: {
        default: number;
        selectOptions: number;
        formFieldError: number;
    };
    color: {
        /**
         * Greys exist on a spectrum of 0-100.
         *
         * Current _official_ greys are:
         * 96, 93, 56, 45, 40, 33, 24, 20
         */
        grey: (lightness: Grey) => string;
        primary: string;
        disabled: string;
        success: string;
        error: string;
        basic: string;
        ghost: string;
        white: string;
        black: string;
        background: {
            dark: string;
            light: string;
            lighter: string;
        };
        separators: {
            default: string;
            light: string;
        };
        text: {
            dark: string;
            default: string;
            light: string;
            lighter: string;
            lightest: string;
            action: string;
            white: string;
        };
        border: {
            default: string;
            disabled: string;
        };
    };
    borderRadius: number;
    sidebarWidth: number;
    titleHeight: number;
};
export declare type OperationalStyleConstants = Readonly<typeof constants>;
export default constants;