import { CSSObject } from '@emotion/styled';
/**
 * FieldHeight are used to ensure buttons, inputs, selects and the like all
 * use consistent heights if put on a horizontal line
 */
export declare enum FieldHeight {
    Regular = "40px",
    Regular2 = "48px",
    Large = "60px",
    Small = "32px"
}
/**
 * This scale is used for spacing between elements, usually margin and padding
 */
export declare enum Spacing {
    L1 = "4px",
    L2 = "8px",
    L3 = "12px",
    L4 = "16px",
    L5 = "24px",
    L6 = "32px",
    L7 = "40px",
    L8 = "48px"
}
/**
 * Standard sizes used for component sizing
 */
export declare enum Size {
    XSmall = "xsmall",
    Small = "small",
    Regular = "regular",
    Regular2 = "regular2",
    Large = "large",
    XLarge = "xlarge",
    XXLarge = "xxlarge"
}
/**
 * z-index list based on NAME, this is easier to manage
 */
export declare enum ZIndex {
    Card = 100,
    Dialog = 200,
    Sidenav = 300,
    Topnav = 310,
    Layer = 400,
    Blanket = 500,
    Modal = 510,
    Flag = 600,
    Spotlight = 700,
    Tooltip = 800
}
export declare const BORDER_RADIUS = 8;
export declare const DEPTH: {
    RAISED: {
        boxShadow: string;
    };
    OVERLAY: {
        boxShadow: string;
    };
    FIXED: {
        boxShadow: string;
    };
    FLOAT: {
        boxShadow: string;
    };
};
declare enum SizeLevel {
    L1 = "L1",
    L2 = "L2",
    L3 = "L3",
    L4 = "L4",
    L5 = "L5",
    L6 = "L6",
    L7 = "L7",
    L8 = "L8",
    L9 = "L9",
    L10 = "L10"
}
interface Typography extends CSSObject {
    fontSize: string;
    lineHeight: string;
}
/**
 * @deprecated Use `MobileTypography` or `DesktopTypography` from '@tablecheck/tablekit-typography'
 */
export declare const TYPOGRAPHY: {
    [key in SizeLevel]: Typography;
};
export {};
