//#region src/notification/theme.ts
const baseStyle = {};
const defaultProps = { variant: "subtleBlue" };
const parts = [
	"container",
	"button",
	"icon",
	"text",
	"title"
];
const sizes = {};
const variants = {
	subtleBlue: {
		container: {
			bg: "skyBlue.95",
			borderColor: "seaBlue.main",
			color: "seaBlue.main"
		},
		button: { borderColor: "transparent" }
	},
	subtleRed: { container: {
		bg: "energyRed.95",
		borderColor: "energyRed.45",
		color: "energyRed.45"
	} },
	subtleYellow: { container: {
		bg: "sunflower.85",
		borderColor: "sunflower.15",
		color: "sunflower.15"
	} },
	subtleGreen: { container: {
		bg: "landGreen.95",
		borderColor: "landGreen.30",
		color: "landGreen.30"
	} },
	bannerBlue: {
		container: {
			bg: "skyBlue.95",
			borderColor: "skyBlue.95",
			color: "seaBlue.main"
		},
		button: { borderColor: "transparent" }
	},
	bannerRed: { container: {
		bg: "energyRed.95",
		borderColor: "energyRed.95",
		color: "energyRed.45"
	} },
	bannerYellow: { container: {
		bg: "sunflower.85",
		borderColor: "sunflower.85",
		color: "sunflower.15"
	} },
	bannerGreen: { container: {
		bg: "landGreen.95",
		borderColor: "landGreen.95",
		color: "landGreen.30"
	} }
};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

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