//#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",
			mr: "5px",
			ml: "5px"
		},
		text: {}
	},
	md: {
		container: {
			fontSize: "sm",
			h: 32,
			minW: 64,
			spaceX: 6
		},
		icon: {
			size: "sm",
			mr: "7px",
			ml: "7px"
		},
		text: {}
	},
	lg: {
		container: {
			fontSize: "md",
			h: 40,
			minW: 80,
			spaceX: 8
		},
		icon: {
			size: "md",
			mr: "9px",
			ml: "9px"
		},
		text: {}
	},
	xl: {
		container: {
			fontSize: "lg",
			h: 48,
			minW: 96,
			spaceX: 10
		},
		icon: {
			size: "lg",
			mr: "11px",
			ml: "11px"
		},
		text: {}
	}
};
const variants = {
	primaryDark: { container: {
		bg: "var(--action-brand-solid)",
		color: "var(--action-brand-solid-inverse)",
		hoverBg: "var(--action-brand-solid-hover)",
		activeBg: "var(--action-brand-solid-pressed)"
	} },
	primaryLight: { container: {
		bg: "var(--action-brand-subtle)",
		color: "var(--action-brand-subtle-inverse)",
		hoverBg: "var(--action-brand-subtle-hover)",
		activeBg: "var(--action-brand-subtle-pressed)"
	} },
	secondaryDark: { container: {
		bg: "var(--color-opacity-none)",
		borderColor: "var(--action-brand-solid)",
		color: "var(--action-brand-solid)",
		hoverBg: "var(--action-brand-solid-hover)",
		hoverBorderColor: "var(--action-brand-solid-hover)",
		hoverColor: "var(--action-brand-solid-inverse)",
		activeBg: "var(--action-brand-solid-pressed)",
		activeBorderColor: "var(--action-brand-solid-pressed)",
		activeColor: "var(--action-brand-solid-inverse)"
	} },
	secondaryLight: { container: {
		bg: "var(--color-opacity-none)",
		borderColor: "var(--action-contrast-solid)",
		color: "var(--action-contrast-solid)",
		hoverBg: "var(--color-opacity-none)",
		hoverBorderColor: "var(--action-contrast-solid-hover)",
		hoverColor: "var(--action-contrast-solid-hover)",
		activeBg: "var(--color-opacity-none)",
		activeBorderColor: "var(--action-contrast-solid-pressed)",
		activeColor: "var(--action-contrast-solid-pressed)"
	} },
	tertiaryDark: { container: {
		bg: "var(--color-opacity-none)",
		borderColor: "var(--color-opacity-none)",
		color: "var(--action-brand-solid)",
		hoverBg: "var(--color-opacity-none)",
		hoverBorderColor: "var(--color-opacity-none)",
		hoverColor: "var(--action-brand-solid-hover)",
		activeBg: "var(--color-opacity-none)",
		activeBorderColor: "var(--color-opacity-none)",
		activeColor: "var(--action-brand-solid-pressed)"
	} },
	tertiaryLight: { container: {
		bg: "var(--color-opacity-none)",
		borderColor: "var(--color-opacity-none)",
		color: "var(--action-contrast-solid)",
		hoverBg: "var(--color-opacity-none)",
		hoverBorderColor: "var(--color-opacity-none)",
		hoverColor: "var(--action-contrast-solid-hover)",
		activeBg: "var(--color-opacity-none)",
		activeBorderColor: "var(--color-opacity-none)",
		activeColor: "var(--action-contrast-solid-pressed)"
	} },
	blueOutlined: { container: {
		bg: "var(--color-opacity-none)",
		borderColor: "var(--action-blue-solid)",
		color: "var(--action-blue-solid)",
		hoverBg: "var(--color-opacity-none)",
		hoverBorderColor: "var(--action-blue-solid-hover)",
		hoverColor: "var(--action-blue-solid-hover)",
		activeBg: "var(--color-opacity-none)",
		activeBorderColor: "var(--action-blue-solid-pressed)",
		activeColor: "var(--action-blue-solid-pressed)"
	} },
	blueText: { container: {
		bg: "var(--color-opacity-none)",
		borderColor: "var(--color-opacity-none)",
		color: "var(--action-blue-solid)",
		hoverBg: "var(--color-opacity-none)",
		hoverBorderColor: "var(--color-opacity-none)",
		hoverColor: "var(--action-blue-solid-hover)",
		activeBg: "var(--color-opacity-none)",
		activeBorderColor: "var(--color-opacity-none)",
		activeColor: "var(--action-blue-solid-pressed)"
	} },
	solidGreen: { container: {
		bg: "var(--action-success-solid)",
		color: "var(--action-success-solid-inverse)",
		hoverBg: "var(--action-success-solid-hover)",
		activeBg: "var(--action-success-solid-pressed)"
	} },
	subtleGreen: { container: {
		bg: "var(--action-success-subtle)",
		color: "var(--action-success-subtle-inverse)",
		hoverBg: "var(--action-success-subtle-hover)",
		activeBg: "var(--action-success-subtle-pressed)"
	} },
	solidRed: { container: {
		bg: "var(--action-danger-solid)",
		color: "var(--action-danger-solid-inverse)",
		hoverBg: "var(--action-danger-solid-hover)",
		activeBg: "var(--action-danger-solid-pressed)"
	} },
	subtleRed: { container: {
		bg: "var(--action-danger-subtle)",
		color: "var(--action-danger-subtle-inverse)",
		hoverBg: "var(--action-danger-subtle-hover)",
		activeBg: "var(--action-danger-subtle-pressed)"
	} },
	solidBlue: { container: {
		bg: "var(--action-blue-solid)",
		color: "var(--action-blue-solid-inverse)",
		hoverBg: "var(--action-blue-solid-hover)",
		activeBg: "var(--action-blue-solid-pressed)"
	} },
	subtleBlue: { container: {
		bg: "var(--action-blue-subtle)",
		color: "var(--action-blue-subtle-inverse)",
		hoverBg: "var(--action-blue-subtle-hover)",
		activeBg: "var(--action-blue-subtle-pressed)"
	} },
	solidYellow: { container: {
		bg: "var(--action-yellow-solid)",
		color: "var(--action-yellow-solid-inverse)",
		hoverBg: "var(--action-yellow-solid-hover)",
		activeBg: "var(--action-yellow-solid-pressed)"
	} },
	subtleYellow: { container: {
		bg: "var(--action-yellow-subtle)",
		color: "var(--action-yellow-subtle-inverse)",
		hoverBg: "var(--action-yellow-subtle-hover)",
		activeBg: "var(--action-yellow-subtle-pressed)"
	} },
	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-beta.1"
//# sourceMappingURL=theme.js.map