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

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

import { sizes as sizes$1 } from "./stepperIndicatorTheme.js";

//#region src/stepper/stepperTheme.ts
const baseStyle = { desc: { color: "sandstone.45" } };
const defaultProps = { size: "md" };
const variants = {
	active: {
		tailColor: "seaBlue.main",
		iconTailColor: "seaBlue.main",
		titleColor: "sandstone.10",
		titleFontWeight: 600
	},
	completed: {
		tailColor: "landGreen.41",
		iconTailColor: "landGreen.41",
		titleColor: "sandstone.10"
	},
	optional: {
		tailColor: "seaBlue.45",
		iconTailColor: "seaBlue.45",
		titleColor: "sandstone.10"
	},
	pending: {
		tailColor: "sandstone.90",
		iconTailColor: "sandstone.45",
		titleColor: "sandstone.55"
	},
	error: {
		tailColor: "energyRed.45",
		iconTailColor: "energyRed.45",
		titleColor: "energyRed.main",
		titleFontWeight: 600
	}
};
const sizes = {
	md: {
		title: {
			fontSize: "16px",
			pt: "4px"
		},
		indicatorWidth: sizes$1.md.width,
		vertTailWidth: "16px",
		desc: { fontSize: "14px" }
	},
	sm: {
		title: {
			fontSize: "14px",
			pt: "2px"
		},
		indicatorWidth: sizes$1.sm.width,
		vertTailWidth: "12px",
		desc: { fontSize: "12px" }
	}
};
var stepperTheme_default = {
	baseStyle,
	defaultProps,
	sizes,
	variants
};

//#endregion
export { stepperTheme_default as default };
globalThis.__vuiVersion__ = "5.3.0-alpha.2"
//# sourceMappingURL=stepperTheme.js.map