@veracity/vui/dist/stepIndicator/theme.js

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

//#region src/stepIndicator/theme.ts
const baseStyle = { button: { borderColor: "transparent" } };
const defaultProps = {
	size: "md",
	variant: "active"
};
const sizes = {
	sm: {},
	md: {}
};
const variants = {
	active: {
		button: { bg: "seaBlue.main" },
		icon: {
			bg: "white",
			color: "seaBlue.main",
			borderColor: "seaBlue.main"
		}
	},
	completed: {
		button: { bg: "landGreen.41" },
		icon: {
			bg: "white",
			color: "landGreen.41",
			borderColor: "landGreen.41"
		}
	},
	optional: {
		button: {
			bg: "white",
			borderColor: "seaBlue.45",
			color: "seaBlue.45"
		},
		icon: {
			bg: "white",
			color: "seaBlue.45",
			borderColor: "seaBlue.45"
		}
	},
	pending: {
		button: {
			bg: "sandstone.90",
			color: "sandstone.45"
		},
		icon: {
			bg: "white",
			color: "sandstone.45",
			borderColor: "sandstone.45"
		}
	},
	error: {
		button: {
			bg: "energyRed.45",
			color: "white"
		},
		icon: {
			bg: "white",
			color: "energyRed.45",
			borderColor: "energyRed.45"
		}
	}
};
var theme_default = {
	baseStyle,
	defaultProps,
	sizes,
	variants
};

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