export declare const LIGHT_THM: {
    black: string;
    white: string;
    gray900: string;
    gray800: string;
    gray700: string;
    gray600: string;
    gray500: string;
    gray400: string;
    gray300: string;
    gray200: string;
    gray150: string;
    gray100: string;
    gray50: string;
    green500: string;
    green300: string;
    green100: string;
    purple500: string;
    purple300: string;
    purple100: string;
    yellow500: string;
    yellow100: string;
    red500: string;
    red100: string;
    overlay00: string;
    overlay30: string;
    overlay70: string;
    dangerouslySetPrimaryBg: string;
};
export declare const DARK_THM: {
    black: string;
    white: string;
    gray900: string;
    gray800: string;
    gray700: string;
    gray600: string;
    gray500: string;
    gray400: string;
    gray300: string;
    gray200: string;
    gray150: string;
    gray100: string;
    gray50: string;
    green500: string;
    green300: string;
    green100: string;
    purple500: string;
    purple300: string;
    purple100: string;
    yellow500: string;
    yellow100: string;
    red500: string;
    red100: string;
    overlay00: string;
    overlay30: string;
    overlay70: string;
    dangerouslySetPrimaryBg: string;
};
export declare const DIRECTION: {
    readonly LEFT: "Left";
    readonly RIGHT: "Right";
};
export declare const SIZES: {
    readonly XSMALL: "XSmall";
    readonly SMALL: "Small";
    readonly BASE: "Base";
    readonly LARGE: "Large";
    readonly XLARGE: "XLarge";
};
export declare const ICON_POSITION: {
    readonly LEADING: "Leading";
    readonly TRAILING: "Trailing";
};