//#region src/button/theme.ts
const baseStyle = {};
const defaultProps = {
	size: "lg",
	variant: "primaryDark",
	fontWeight: "medium"
};
const parts = [
	"container",
	"icon",
	"text"
];
const sizes = {
	sm: {
		container: {
			fontSize: "xs",
			h: 24,
			minW: 48,
			spaceX: 4
		},
		icon: { size: "xs" },
		text: {}
	},
	md: {
		container: {
			fontSize: "sm",
			h: 32,
			minW: 64,
			spaceX: 6
		},
		icon: { size: "sm" },
		text: {}
	},
	lg: {
		container: {
			fontSize: "md",
			h: 40,
			minW: 80,
			spaceX: 8
		},
		icon: { size: "md" },
		text: {}
	},
	xl: {
		container: {
			fontSize: "lg",
			h: 48,
			minW: 96,
			spaceX: 10
		},
		icon: { size: "lg" },
		text: {}
	}
};
const variants = {
	primaryDark: { container: {
		bg: "buttonTypePrimaryDefaultBackgroundColorDark",
		borderColor: "buttonTypePrimaryDefaultBorderColorDark",
		color: "buttonTypePrimaryDefaultTextColorDark",
		hoverBg: "buttonTypePrimaryHoverBackgroundColorDark",
		hoverBorderColor: "buttonTypePrimaryHoverBorderColorDark",
		hoverColor: "buttonTypePrimaryHoverTextColorDark",
		activeBg: "buttonTypePrimaryActiveBackgroundColorDark",
		activeBorderColor: "buttonTypePrimaryActiveBorderColorDark",
		activeColor: "buttonTypePrimaryActiveTextColorDark"
	} },
	primaryLight: { container: {
		bg: "buttonTypePrimaryDefaultBackgroundColorLight",
		borderColor: "buttonTypePrimaryDefaultBorderColorLight",
		color: "buttonTypePrimaryDefaultTextColorLight",
		hoverBg: "buttonTypePrimaryHoverBackgroundColorLight",
		hoverBorderColor: "buttonTypePrimaryHoverBorderColorLight",
		hoverColor: "buttonTypePrimaryHoverTextColorLight",
		activeBg: "buttonTypePrimaryActiveBackgroundColorLight",
		activeBorderColor: "buttonTypePrimaryActiveBorderColorLight",
		activeColor: "buttonTypePrimaryActiveTextColorLight"
	} },
	secondaryDark: { container: {
		bg: "buttonTypeSecondaryDefaultBackgroundColorDark",
		borderColor: "buttonTypeSecondaryDefaultBorderColorDark",
		color: "buttonTypeSecondaryDefaultTextColorDark",
		hoverBg: "buttonTypeSecondaryHoverBackgroundColorDark",
		hoverBorderColor: "buttonTypeSecondaryHoverBorderColorDark",
		hoverColor: "buttonTypeSecondaryHoverTextColorDark",
		activeBg: "buttonTypeSecondaryActiveBackgroundColorDark",
		activeBorderColor: "buttonTypeSecondaryActiveBorderColorDark",
		activeColor: "buttonTypeSecondaryActiveTextColorDark"
	} },
	secondaryLight: { container: {
		bg: "buttonTypeSecondaryDefaultBackgroundColorLight",
		borderColor: "buttonTypeSecondaryDefaultBorderColorLight",
		color: "buttonTypeSecondaryDefaultTextColorLight",
		hoverBg: "buttonTypeSecondaryHoverBackgroundColorLight",
		hoverBorderColor: "buttonTypeSecondaryHoverBorderColorLight",
		hoverColor: "buttonTypeSecondaryHoverTextColorLight",
		activeBg: "buttonTypeSecondaryActiveBackgroundColorLight",
		activeBorderColor: "buttonTypeSecondaryActiveBorderColorLight",
		activeColor: "buttonTypeSecondaryActiveTextColorLight"
	} },
	tertiaryDark: { container: {
		bg: "buttonTypeTertiaryDefaultBackgroundColorDark",
		borderColor: "buttonTypeTertiaryDefaultBorderColorDark",
		color: "buttonTypeTertiaryDefaultTextColorDark",
		hoverBg: "buttonTypeTertiaryHoverBackgroundColorDark",
		hoverBorderColor: "buttonTypeTertiaryHoverBorderColorDark",
		hoverColor: "buttonTypeTertiaryHoverTextColorDark",
		activeBg: "buttonTypeTertiaryActiveBackgroundColorDark",
		activeBorderColor: "buttonTypeTertiaryActiveBorderColorDark",
		activeColor: "buttonTypeTertiaryActiveTextColorDark"
	} },
	tertiaryLight: { container: {
		bg: "buttonTypeTertiaryDefaultBackgroundColorLight",
		borderColor: "buttonTypeTertiaryDefaultBorderColorLight",
		color: "buttonTypeTertiaryDefaultTextColorLight",
		hoverBg: "buttonTypeTertiaryHoverBackgroundColorLight",
		hoverBorderColor: "buttonTypeTertiaryHoverBorderColorLight",
		hoverColor: "buttonTypeTertiaryHoverTextColorLight",
		activeBg: "buttonTypeTertiaryActiveBackgroundColorLight",
		activeBorderColor: "buttonTypeTertiaryActiveBorderColorLight",
		activeColor: "buttonTypeTertiaryActiveTextColorLight"
	} },
	solidBlue: { container: {
		bg: "seaBlue.main",
		borderColor: "seaBlue.main",
		color: "white",
		disabledBg: "darkBlue.75",
		disabledBorderColor: "darkBlue.75",
		disabledColor: "white",
		hoverBg: "seaBlue.20",
		hoverBorderColor: "seaBlue.20",
		focusBg: "seaBlue.main",
		activeBg: "seaBlue.35",
		activeBorderColor: "seaBlue.35"
	} },
	blueOutlined: { container: {
		bg: "white",
		borderColor: "seaBlue.main",
		color: "seaBlue.main",
		disabledBg: "white",
		disabledBorderColor: "darkBlue.75",
		disabledColor: "darkBlue.75",
		hoverBg: "skyBlue.85",
		hoverBorderColor: "seaBlue.35",
		activeBg: "skyBlue.90",
		activeBorderColor: "seaBlue.35"
	} },
	blueText: { container: {
		bg: "transparent",
		borderColor: "transparent",
		color: "seaBlue.main",
		disabledBg: "white",
		disabledBorderColor: "white",
		disabledColor: "darkBlue.75",
		hoverBg: "skyBlue.85",
		hoverBorderColor: "skyBlue.85",
		focusBg: "transparent",
		activeBg: "skyBlue.90",
		activeBorderColor: "skyBlue.90"
	} },
	solidGreen: { container: {
		bg: "landGreen.35",
		borderColor: "landGreen.35",
		color: "white",
		disabledBg: "landGreen.70",
		disabledBorderColor: "landGreen.70",
		disabledColor: "white",
		hoverBg: "landGreen.25",
		hoverBorderColor: "landGreen.25",
		focusBg: "landGreen.35",
		activeBg: "landGreen.41",
		activeBorderColor: "landGreen.41"
	} },
	solidRed: { container: {
		bg: "energyRed.45",
		borderColor: "energyRed.45",
		color: "white",
		disabledBg: "energyRed.80",
		disabledBorderColor: "energyRed.80",
		disabledColor: "white",
		hoverBg: "energyRed.35",
		hoverBorderColor: "energyRed.35",
		focusBg: "energyRed.45",
		activeBg: "energyRed.50",
		activeBorderColor: "energyRed.50"
	} },
	subtleBlue: { container: {
		bg: "transparent",
		borderColor: "transparent",
		color: "seaBlue.main",
		disabledBg: "white",
		disabledBorderColor: "darkBlue.75",
		disabledColor: "darkBlue.75",
		hoverBg: "skyBlue.90",
		hoverBorderColor: "skyBlue.90",
		focusBg: "transparent",
		activeBg: "skyBlue.85",
		activeBorderColor: "skyBlue.85"
	} },
	subtleRed: { container: {
		bg: "transparent",
		borderColor: "transparent",
		hoverBg: "energyRed.90",
		hoverBorderColor: "energyRed.90",
		focusBg: "transparent",
		activeBg: "energyRed.85",
		color: "energyRed.45"
	} },
	subtleYellow: { container: {
		bg: "transparent",
		borderColor: "transparent",
		hoverBg: "sunflower.70",
		hoverBorderColor: "sunflower.70",
		focusBg: "transparent",
		activeBg: "sunflower.65",
		color: "sunflower.15"
	} },
	subtleGreen: { container: {
		bg: "transparent",
		borderColor: "transparent",
		hoverBg: "landGreen.90",
		hoverBorderColor: "landGreen.90",
		focusBg: "transparent",
		activeBg: "landGreen.85",
		color: "landGreen.30"
	} },
	menuLight: { container: {
		bg: "#ffffff",
		hoverBg: "#D3EEF8",
		activeBg: "#E9F7FC",
		disabledBg: "#F8F7F7",
		borderColor: "transparent",
		hoverBorderColor: "#003591",
		activeBorderColor: "#003591",
		color: "#1A1A19",
		hoverColor: "#1A1A19",
		activeColor: "#003591",
		disabledColor: "#908D89",
		disabledBorderColor: "transparent",
		disabledOpacity: "1"
	} },
	menuDark: { container: {
		bg: "#0F204B",
		hoverBg: "#003591",
		activeBg: "#0041B2",
		disabledBg: "#0F204B",
		borderColor: "transparent",
		hoverBorderColor: "#91FFB4",
		activeBorderColor: "#91FFB4",
		color: "#FFFFFF",
		hoverColor: "#FFFFFF",
		activeColor: "#91FFBA",
		disabledColor: "#FFFFFF",
		disabledBorderColor: "transparent",
		disabledOpacity: "1"
	} }
};
variants.buttonGroupDefault = { container: {
	...variants.secondaryDark.container,
	borderColor: "sandstone.60"
} };
variants.buttonGroupRounded = { container: {
	bg: "white",
	borderColor: "sandstone.79",
	color: "sandstone.10",
	hoverBg: "seaBlue.20",
	hoverBorderColor: "buttonTypePrimaryHoverBorderColorDark",
	hoverColor: "white",
	activeBg: "seaBlue.35",
	activeBorderColor: "buttonTypePrimaryActiveBorderColorDark",
	activeColor: "white",
	borderRadius: "round",
	marginRight: "22px"
} };
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

//#endregion
export { theme_default as default };
globalThis.__vuiVersion__ = "4.0.0"
//# sourceMappingURL=theme.js.map