import { LIGHT_COLORS, DARK_COLORS } from "../../Pallette/Colors";
import { LIGHT_THEME, DARK_THEME, DEFAULT_COLOR_TOKENS } from "../../Pallette/themes";
export var defaultThemeInputNumber = {
    backgroundStep: "grayscale2",
    backgroundStepHover: "grayscale4",
    backgroundStepDisabled: "grayscale3",
    iconColorStep: "grayscale10",
    iconColorStepHover: "grayscale8",
    iconColorStepDisabled: "grayscale5"
};
var lightTheme = {
    backgroundStep: LIGHT_COLORS.grayscale2,
    backgroundStepHover: LIGHT_COLORS.grayscale4,
    backgroundStepDisabled: LIGHT_COLORS.grayscale3,
    iconColorStep: LIGHT_COLORS.grayscale10,
    iconColorStepHover: LIGHT_COLORS.grayscale8,
    iconColorStepDisabled: LIGHT_COLORS.grayscale5
};
var darkTheme = {
    backgroundStep: DARK_COLORS.grayscale3,
    backgroundStepHover: DARK_COLORS.grayscale4,
    backgroundStepDisabled: DARK_COLORS.grayscale3,
    iconColorStep: DARK_COLORS.grayscale10,
    iconColorStepHover: DARK_COLORS.grayscale8,
    iconColorStepDisabled: DARK_COLORS.grayscale5
};
LIGHT_THEME.components.inputNumber = lightTheme;
DARK_THEME.components.inputNumber = darkTheme;
DEFAULT_COLOR_TOKENS.inputNumber = defaultThemeInputNumber;
export var themesInputNumber = {
    light: lightTheme,
    dark: darkTheme
};
