export declare const DEFAULT_ID: string;
export declare const DEFAULT_LABEL: string;
export declare const DEFAULT_PLACEHOLDER: string;
export declare const DEFAULT_MESSAGE_ID_SUFFIX: string;
export declare const DEFAULT_VALID_MESSAGE_ID_SUFFIX: string;
export declare const DEFAULT_INVALID_MESSAGE_ID_SUFFIX: string;
export declare const DEFAULT_PLACEHOLDER_ID_SUFFIX: string;
export declare const DEFAULT_DATALIST_ID_SUFFIX: string;
export declare const DEFAULT_VALID_MESSAGE: string;
export declare const DEFAULT_INVALID_MESSAGE: string;
export declare const DEFAULT_BACK: string;
export declare const DEFAULT_BURGER_MENU: string;
export declare const DEFAULT_ICON: string;
export declare const DEFAULT_ROWS: number;
export declare const DEFAULT_CLOSE_BUTTON: string;
export declare const DENSITY_CONST: string;
export declare const COLOR_CONST: string;
export declare enum DENSITY {
    'FUNCTIONAL' = "functional",
    'REGULAR' = "regular",
    'EXPRESSIVE' = "expressive"
}
export declare const DENSITIES: DENSITY[];
export declare enum COLOR_SIMPLE {
    'PRIMARY' = "primary"
}
export declare enum COLOR {
    'NEUTRAL_BG_LEVEL_1' = "neutral-bg-basic-level-1",
    'NEUTRAL_BG_LEVEL_2' = "neutral-bg-basic-level-2",
    'NEUTRAL_BG_LEVEL_3' = "neutral-bg-basic-level-3",
    'NEUTRAL_BG_TRANSPARENT_SEMI' = "neutral-bg-basic-transparent-semi",
    'NEUTRAL_BG_TRANSPARENT_FULL' = "neutral-bg-basic-transparent-full",
    'BRAND_BG_LEVEL_1' = "brand-bg-basic-level-1",
    'BRAND_BG_LEVEL_2' = "brand-bg-basic-level-2",
    'BRAND_BG_LEVEL_3' = "brand-bg-basic-level-3",
    'BRAND_BG_TRANSPARENT_SEMI' = "brand-bg-basic-transparent-semi",
    'BRAND_BG_TRANSPARENT_FULL' = "brand-bg-basic-transparent-full",
    'SUCCESSFUL_BG_LEVEL_1' = "successful-bg-basic-level-1",
    'SUCCESSFUL_BG_LEVEL_2' = "successful-bg-basic-level-2",
    'SUCCESSFUL_BG_LEVEL_3' = "successful-bg-basic-level-3",
    'SUCCESSFUL_BG_TRANSPARENT_SEMI' = "successful-bg-basic-transparent-semi",
    'SUCCESSFUL_BG_TRANSPARENT_FULL' = "successful-bg-basic-transparent-full",
    'CRITICAL_BG_LEVEL_1' = "critical-bg-basic-level-1",
    'CRITICAL_BG_LEVEL_2' = "critical-bg-basic-level-2",
    'CRITICAL_BG_LEVEL_3' = "critical-bg-basic-level-3",
    'CRITICAL_BG_TRANSPARENT_SEMI' = "critical-bg-basic-transparent-semi",
    'CRITICAL_BG_TRANSPARENT_Full' = "critical-bg-basic-transparent-full",
    'WARNING_BG_LEVEL_1' = "warning-bg-basic-level-1",
    'WARNING_BG_LEVEL_2' = "warning-bg-basic-level-2",
    'WARNING_BG_LEVEL_3' = "warning-bg-basic-level-3",
    'WARNING_BG_TRANSPARENT_SEMI' = "warning-bg-basic-transparent-semi",
    'WARNING_BG_TRANSPARENT_FULL' = "warning-bg-basic-transparent-full",
    'INFORMATIONAL_BG_LEVEL_1' = "informational-bg-basic-level-1",
    'INFORMATIONAL_BG_LEVEL_2' = "informational-bg-basic-level-2",
    'INFORMATIONAL_BG_LEVEL_3' = "informational-bg-basic-level-3",
    'INFORMATIONAL_BG_TRANSPARENT_SEMI' = "informational-bg-basic-transparent-semi",
    'INFORMATIONAL_BG_TRANSPARENT_FULL' = "informational-bg-basic-transparent-full"
}
export declare const COLORS: COLOR[];
export declare const COLORS_SIMPLE: COLOR_SIMPLE[];
export declare enum SEMANTIC {
    'CRITICAL' = "critical",
    'INFORMATIONAL' = "informational",
    'WARNING' = "warning",
    'SUCCESSFUL' = "successful"
}
export declare const SEMANTICS: SEMANTIC[];
export declare const DEFAULT_VIEWPORT: {
    width: number;
    height: number;
};
export declare const DESKTOP_VIEWPORT: {
    width: number;
    height: number;
};
/**
 * Use those viewports if your component has a css media-query otherwise use the DEFAULT_VIEWPORT
 */
export declare const TESTING_VIEWPORTS: {
    width: number;
    height: number;
    name: string;
}[];