import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemeSelect = {
    colorError: "muspelheim1",
    backgroundMenu: "grayscale0",
    colorMenu: "grayscale10",
    colorMenuDisabled: "grayscale5",
    backgroundDropdownIndicator: "grayscale2",
    iconColorDropdownIndicator: "grayscale10",
    backgroundDropdownIndicatorFocused: "jotunheim1",
    backgroundDropdownIndicatorDisabled: "grayscale3",
    iconColorDropdownIndicatorFocused: "grayscale1",
    iconColorDropdownIndicatorDisabled: "grayscale5",
    color: "grayscale12",
    colorDisabled: "grayscale5"
};
export var lightTheme = {
    colorError: LIGHT_COLORS.muspelheim1,
    backgroundMenu: LIGHT_COLORS.grayscale0,
    colorMenu: LIGHT_COLORS.grayscale10,
    colorMenuDisabled: LIGHT_COLORS.grayscale5,
    backgroundDropdownIndicator: LIGHT_COLORS.grayscale2,
    iconColorDropdownIndicator: LIGHT_COLORS.grayscale10,
    backgroundDropdownIndicatorFocused: LIGHT_COLORS.jotunheim5,
    backgroundDropdownIndicatorDisabled: LIGHT_COLORS.grayscale3,
    iconColorDropdownIndicatorFocused: LIGHT_COLORS.grayscale1,
    iconColorDropdownIndicatorDisabled: LIGHT_COLORS.grayscale5,
    color: LIGHT_COLORS.grayscale12,
    colorDisabled: LIGHT_COLORS.grayscale5
};
export var darkTheme = {
    colorError: DARK_COLORS.muspelheim1,
    backgroundMenu: DARK_COLORS.grayscale1,
    colorMenu: DARK_COLORS.grayscale12,
    colorMenuDisabled: DARK_COLORS.grayscale5,
    backgroundDropdownIndicator: DARK_COLORS.grayscale3,
    iconColorDropdownIndicator: DARK_COLORS.grayscale10,
    backgroundDropdownIndicatorFocused: DARK_COLORS.jotunheim5,
    backgroundDropdownIndicatorDisabled: DARK_COLORS.grayscale3,
    iconColorDropdownIndicatorFocused: DARK_COLORS.grayscale12,
    iconColorDropdownIndicatorDisabled: DARK_COLORS.grayscale5,
    color: DARK_COLORS.grayscale12,
    colorDisabled: DARK_COLORS.grayscale5
};
LIGHT_THEME.components.select = lightTheme;
DARK_THEME.components.select = darkTheme;
DEFAULT_COLOR_TOKENS.select = defaultThemeSelect;
export var themesSelect = {
    light: lightTheme,
    dark: darkTheme
};
