@veracity/vui/dist/stepper/stepperIndicatorTheme.js

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

//#region src/stepper/stepperIndicatorTheme.ts
const defaultProps = {
	size: "md",
	variant: "active"
};
const baseStyle = {
	circle: { borderColor: "sandstone.90" },
	icon: { borderColor: "sandstone.45" }
};
const ICON_SIZES = {
	status: {
		md: "md",
		sm: "sm"
	},
	iconMode: {
		md: "xs",
		sm: "xxs"
	}
};
const sizes = {
	sm: {
		height: "24px",
		width: "24px"
	},
	md: {
		height: "32px",
		width: "32px"
	}
};
const variants = {
	active: {
		circle: {
			bg: "seaBlue.main",
			borderColor: "seaBlue.main",
			color: "white"
		},
		icon: {
			bg: "white",
			borderColor: "seaBlue.main",
			color: "seaBlue.main"
		}
	},
	completed: {
		circle: {
			bg: "landGreen.41",
			borderColor: "landGreen.41",
			color: "white"
		},
		icon: {
			bg: "white",
			borderColor: "landGreen.41",
			color: "landGreen.41"
		}
	},
	optional: {
		circle: {
			bg: "white",
			borderColor: "seaBlue.45",
			color: "seaBlue.45"
		},
		icon: {
			bg: "white",
			borderColor: "seaBlue.45",
			color: "seaBlue.45"
		}
	},
	pending: {
		circle: {
			bg: "sandstone.90",
			borderColor: "sandstone.90",
			color: "sandstone.45"
		},
		icon: {
			bg: "white",
			borderColor: "sandstone.45",
			color: "sandstone.45"
		}
	},
	error: {
		circle: {
			bg: "energyRed.45",
			borderColor: "energyRed.45",
			color: "white"
		},
		icon: {
			bg: "white",
			borderColor: "energyRed.45",
			color: "energyRed.45"
		}
	}
};
var stepperIndicatorTheme_default = {
	baseStyle,
	defaultProps,
	sizes,
	variants
};

//#endregion
export { ICON_SIZES, stepperIndicatorTheme_default as default, sizes };
globalThis.__vuiVersion__ = "5.3.0-alpha.2"
//# sourceMappingURL=stepperIndicatorTheme.js.map