@sitecore/sc-contenthub-blok/dist/Foundations/colors.d.ts

A UI library for [Sitecore Content Hub](https://doc.sitecore.com/ch/).

export type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
export type ColorValue = {
    [key in ColorShade]: string;
};
export type ColorName = "red" | "pink" | "purple" | "blue" | "cyan" | "teal" | "green" | "yellow" | "orange" | "gray" | "theme-color" | "gen-ai" | "ai" | "danger" | "success" | "warning" | "info" | "neutral" | "primary";
export declare const mainColor: string;
export declare const themePrimary: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const primary: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const themePrimaryAlpha: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const whiteAlpha: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const blackAlpha: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const gray: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const red: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const orange: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const yellow: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const green: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const teal: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const redAlpha: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const cyan: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const blue: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const purple: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const pink: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const black: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const white: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const aiGradientColor1: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const aiGradientColor2: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const genAiGradient: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const genAiGradientHorizontal: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const aiGradient: {
    normal: string;
    hover: string;
    active: string;
};
export declare const danger: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const warning: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const success: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const info: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const neutral: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const lightGreen: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const lime: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const deepPurple: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const indigo: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const lightBlue: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const amber: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const deepOrange: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const brown: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const blueGrey: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const colorMap: Record<string, ColorValue>;
export declare const colorWhite = "#ffffff";
export declare const colorBlack = "#000000";
export declare const colorRed: string;
export declare const colorGreen: string;
export declare const colorOrange: string;
export declare const colorBlue: string;
export declare const colorPink: string;
export declare const colorPurple: string;
export declare const colorDeepPurple: string;
export declare const colorIndigo: string;
export declare const colorLightBlue: string;
export declare const colorCyan: string;
export declare const colorTeal: string;
export declare const colorLightGreen: string;
export declare const colorLime: string;
export declare const colorYellow: string;
export declare const colorAmber: string;
export declare const colorDeepOrange: string;
export declare const colorBrown: string;
export declare const colorBlueGray: string;
export declare const colorRoyalBlue = "#4169e1";
export declare const colorMainColor: string;
export declare const defaultButtonColor: string;
export declare const defaultButtonDarkColor: string;
export declare const defaultButtonBackgroundColor = "transparent";
export declare const defaultButtonDarkBackgroundColor = "transparent";
export declare const defaultButtonHoverColor: string;
export declare const defaultButtonDarkHoverColor: string;
export declare const defaultButtonHoverBackgroundColor: string;
export declare const defaultButtonDarkHoverBackgroundColor: string;
export declare const defaultButtonFocusColor: string;
export declare const defaultButtonDarkFocusColor: string;
export declare const defaultButtonFocusBackgroundColor = "transparent";
export declare const defaultButtonDarkFocusBackgroundColor = "transparent";
export declare const defaultButtonActiveColor: string;
export declare const defaultButtonDarkActiveColor: string;
export declare const defaultButtonActiveBackgroundColor: string;
export declare const defaultButtonDarkActiveBackgroundColor: string;
export declare const secondaryButtonColor: string;
export declare const secondaryButtonDarkColor: string;
export declare const secondaryButtonBackgroundColor = "transparent";
export declare const secondaryButtonDarkBackgroundColor = "transparent";
export declare const secondaryButtonBorderColor: string;
export declare const secondaryButtonDarkBorderColor: string;
export declare const secondaryButtonHoverColor: string;
export declare const secondaryButtonDarkHoverColor: string;
export declare const secondaryButtonHoverBackgroundColor: string;
export declare const secondaryButtonDarkHoverBackgroundColor: string;
export declare const secondaryButtonHoverBorderColor: string;
export declare const secondaryButtonHoverDarkBorderColor: string;
export declare const secondaryButtonFocusColor: string;
export declare const secondaryButtonDarkFocusColor: string;
export declare const secondaryButtonFocusBackgroundColor = "transparent";
export declare const secondaryButtonDarkFocusBackgroundColor = "transparent";
export declare const secondaryButtonFocusBorderColor: string;
export declare const secondaryButtonFocusDarkBorderColor: string;
export declare const secondaryButtonActiveColor: string;
export declare const secondaryButtonDarkActiveColor: string;
export declare const secondaryButtonActiveBackgroundColor: string;
export declare const secondaryButtonDarkActiveBackgroundColor: string;
export declare const secondaryButtonActiveBorderColor: string;
export declare const secondaryButtonActiveDarkBorderColor: string;
export declare const linkButtonColor: string;
export declare const linkButtonDarkColor = "white";
export declare const linkButtonBackgroundColor = "transparent";
export declare const linkButtonDarkBackgroundColor = "transparent";
export declare const linkButtonHoverColor: string;
export declare const linkButtonDarkHoverColor = "white";
export declare const linkButtonHoverBackgroundColor: string;
export declare const linkButtonDarkHoverBackgroundColor: string;
export declare const linkButtonFocusColor: string;
export declare const linkButtonDarkFocusColor = "white";
export declare const linkButtonFocusBackgroundColor = "transparent";
export declare const linkButtonDarkFocusBackgroundColor = "transparent";
export declare const linkButtonActiveColor: string;
export declare const linkButtonDarkActiveColor = "white";
export declare const linkButtonActiveBackgroundColor: string;
export declare const linkButtonDarkActiveBackgroundColor: string;
export declare const primaryButtonColor: string;
export declare const primaryButtonBackgroundColor: string;
export declare const primaryButtonBg: {
    50: string;
    100: string;
    200: string;
    300: string;
    400: string;
    500: string;
    600: string;
    700: string;
    800: string;
    900: string;
};
export declare const navbarBg: string;
export declare const navbarLinkColor: string;
export declare const navbarLinkHoverColor: string;
export declare const navbarLinkHoverBg: string;
export declare const navbarLinkActiveColor: string;
export declare const navbarLinkActiveBg: string;
export declare const iconColorLight: string;
export declare const textColorDefault: string;
export declare const textColorLight: string;
export declare const textColorLightOnDark: string;
export declare const textColorDisabled: string;
export declare const textColorDisabledOnDark: string;
export declare const borderColorDark: string;
export declare const borderColorDarkAbs: string;
export declare const inputBackgroundColor = "white";
export declare const borderColorA11y: string;
export declare const inputBorderColor: string;
export declare const inputBorderHoveColor: string;
export declare const bodyBackgroundColor: string;
export declare const imageWrapperBg: string;
export declare const searchItemSelected: string;
export declare const searchItemIsSelecting: string;
export declare const colorByName: (colorName: string, colorShade?: ColorShade) => string;
export declare const backgroundColorByName: (colorName: string, colorShade?: ColorShade) => string;