import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemeCheckBox = {
    colorDefault: "grayscale10",
    colorHover: "grayscale7",
    colorChecked: "grayscale12",
    colorDisabled: "grayscale5",
    backgroundDefault: "grayscale2",
    backgroundHover: "grayscale6",
    backgroundChecked: "jotunheim1",
    backgroundDisabled: "overlay2",
    iconChecked: "grayscale1",
    iconDisabledChecked: "grayscale5"
};
export var lightTheme = {
    colorDefault: LIGHT_COLORS.grayscale10,
    colorHover: LIGHT_COLORS.grayscale7,
    colorChecked: LIGHT_COLORS.grayscale12,
    colorDisabled: LIGHT_COLORS.grayscale5,
    backgroundDefault: LIGHT_COLORS.grayscale2,
    backgroundHover: LIGHT_COLORS.grayscale6,
    backgroundChecked: LIGHT_COLORS.jotunheim3,
    backgroundDisabled: LIGHT_COLORS.overlay2,
    iconChecked: LIGHT_COLORS.grayscale0,
    iconDisabledChecked: LIGHT_COLORS.grayscale5
};
export var darkTheme = {
    colorDefault: DARK_COLORS.grayscale10,
    colorHover: DARK_COLORS.grayscale7,
    colorChecked: DARK_COLORS.grayscale12,
    colorDisabled: DARK_COLORS.grayscale5,
    backgroundDefault: DARK_COLORS.grayscale4,
    backgroundHover: DARK_COLORS.grayscale5,
    backgroundChecked: DARK_COLORS.jotunheim3,
    backgroundDisabled: DARK_COLORS.grayscale6,
    iconChecked: DARK_COLORS.grayscale12,
    iconDisabledChecked: DARK_COLORS.grayscale5
};
LIGHT_THEME.components.checkBox = lightTheme;
DARK_THEME.components.checkBox = darkTheme;
DEFAULT_COLOR_TOKENS.checkBox = defaultThemeCheckBox;
export var themesCheckBox = {
    light: lightTheme,
    dark: darkTheme
};
