@veracity/vui/dist/link/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/link/theme.ts
const baseStyle = {
	container: {
		display: "inline",
		h: "min-content"
	},
	icon: {
		h: "100%",
		position: "absolute",
		size: "xs",
		top: "0"
	},
	text: { fontSize: "inherit" }
};
const defaultProps = { variant: "dark" };
const parts = [
	"container",
	"icon",
	"text"
];
const variants = {
	dark: { container: { color: `seaBlue.main` } },
	light: { container: { color: `digiGreen.main` } },
	white: { container: { color: `white` } },
	plain: { container: { hoverTextDecoration: "none" } }
};
const sizes = {
	xs: {
		container: {
			fontSize: "xs",
			lineHeight: "18px"
		},
		icon: { size: "xxs" }
	},
	sm: { container: {
		fontSize: "sm",
		lineHeight: "22px"
	} },
	md: { container: {
		fontSize: "md",
		lineHeight: "26px"
	} },
	lg: { container: {
		fontSize: "lg",
		lineHeight: "32px"
	} }
};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

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