import * as polyIcons from './icons';
import { CSSPropertiesExtended } from './types';
import { BoxVariant } from '../components/Box';
import { ButtonVariant } from '../components/Button';
import { IconVariant } from '../components/Icon';
import { TextVariant } from '../components/Text';
import { BadgeVariant } from '../components/Badge';
import { AttentionBoxVariant } from '../components/AttentionBox';
export declare const BREAKPOINT: {
    xs: number;
    sm: number;
    md: number;
    lg: number;
    xl: number;
};
export declare const MEDIA_QUERY: {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
export declare const GAP: {
    xs: string;
    s: string;
    m: string;
    l: string;
    xl: string;
    xxl: string;
    xxxl: string;
};
export declare const COLOR: {
    light: string;
    gray1: string;
    gray2: string;
    gray3: string;
    gray4: string;
    gray5: string;
    gray6: string;
    brandBg: string;
    brandMain: string;
    brandLight: string;
    brandLight2: string;
    brandLightest: string;
    brandDark: string;
    brandDark2: string;
    success: string;
    success2: string;
    warning: string;
    warning2: string;
    warning3: string;
    danger: string;
    danger2: string;
    teal800: string;
    teal100: string;
    cyan800: string;
    cyan100: string;
    indigo800: string;
    indigo100: string;
    orange800: string;
    orange100: string;
    purple800: string;
    purple100: string;
    plum800: string;
    plum100: string;
    pink800: string;
    pink100: string;
    lime800: string;
    lime100: string;
    overlay: string;
    gradient: string;
};
export declare const SHADOW: {
    xs: string;
    s: string;
    m: string;
    l: string;
    xl: string;
};
export declare const RADIUS: {
    s: string;
    m: string;
    l: string;
    xl: string;
};
export declare const TYPOGRAPHY: {
    font: string;
    h1: {
        margin: string;
        lineHeight: string;
        fontWeight: number;
        fontSize: string;
        color: string;
        letterSpacing: string;
    };
    h2: {
        margin: string;
        lineHeight: string;
        fontWeight: number;
        fontSize: string;
        color: string;
        letterSpacing: string;
    };
    h3: {
        margin: string;
        lineHeight: string;
        fontWeight: number;
        fontSize: string;
        color: string;
        letterSpacing: string;
    };
    h4: {
        margin: string;
        lineHeight: string;
        fontWeight: number;
        fontSize: string;
        color: string;
    };
    h5: {
        margin: string;
        lineHeight: string;
        fontWeight: number;
        fontSize: string;
        color: string;
        letterSpacing: string;
    };
    h6: {
        margin: string;
        lineHeight: string;
        fontWeight: number;
        fontSize: string;
        color: string;
    };
    b1m: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
    b1: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
    b2m: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
    b2: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
    b3m: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
    b3: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
    c1: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
        letterSpacing: string;
    };
    c2: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
        letterSpacing: string;
    };
    btn: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
        letterSpacing: string;
    };
    tn: {
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
        letterSpacing: string;
    };
    code: {
        fontFamily: string;
        fontWeight: number;
        fontSize: string;
        lineHeight: string;
        color: string;
    };
};
export declare const ICONS: {
    polyIcons: typeof polyIcons.polyIcons;
};
export declare const ICON: Record<IconVariant, CSSPropertiesExtended>;
export declare const BUTTON: Record<ButtonVariant, CSSPropertiesExtended>;
export declare const BOX: Record<BoxVariant, CSSPropertiesExtended>;
export declare const TEXT: Record<TextVariant, CSSPropertiesExtended>;
export declare const BADGE: Record<BadgeVariant, CSSPropertiesExtended>;
export declare const INPUT: CSSPropertiesExtended;
export declare const DATEPICKER: CSSPropertiesExtended;
export declare const PAGE: CSSPropertiesExtended;
export declare const SELECT: any;
export declare const TOOLTIP: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
export declare const ATTENTIONBOX: Record<AttentionBoxVariant, CSSPropertiesExtended>;
//# sourceMappingURL=definition.d.ts.map