@veracity/vui/dist/progress/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/progress/theme.ts
const baseStyle = {};
const defaultProps = {
	size: "md",
	variant: "primary"
};
const sizes = {
	sm: {
		container: { minH: "4px" },
		percentage: {
			fontSize: "80%",
			top: "-16px"
		}
	},
	md: {
		container: { minH: "8px" },
		percentage: {
			fontSize: "100%",
			top: "-20px"
		}
	},
	lg: {
		container: { minH: "12px" },
		percentage: {
			fontSize: "110%",
			top: "-22px"
		}
	},
	xl: {
		container: { minH: "16px" },
		percentage: {
			fontSize: "120%",
			top: "-24px"
		}
	}
};
const variants = {
	primary: {
		bg: "darkBlue.95",
		color: "darkBlue.main"
	},
	green: {
		bg: "landGreen.95",
		color: "landGreen.main"
	},
	red: {
		bg: "energyRed.95",
		color: "energyRed.main"
	}
};
var theme_default = {
	baseStyle,
	defaultProps,
	sizes,
	variants
};

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