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

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

import fonts_default from "../theme/foundations/fonts.js";

//#region src/t/theme.ts
const baseStyle = {};
const defaultProps = {
	size: "md",
	lineHeight: "normal"
};
const sizes = {
	xs: { fontSize: "var(--vui-font-size-xs)" },
	sm: { fontSize: "var(--vui-font-size-sm)" },
	md: { fontSize: "var(--vui-font-size-md)" },
	lg: { fontSize: "var(--vui-font-size-lg)" },
	xl: { fontSize: "var(--vui-font-size-xl)" }
};
const variants = {
	label: {
		fontWeight: "var(--vui-label-font-weight)",
		lineHeight: "var(--vui-label-line-height)"
	},
	input: {
		fontWeight: "var(--vui-input-font-weight)",
		lineHeight: "var(--vui-input-line-height)"
	},
	caption: {
		fontWeight: "var(--vui-caption-font-weight)",
		lineHeight: "var(--vui-caption-line-height)"
	},
	navigation: {
		fontWeight: "var(--vui-navigation-font-weight)",
		lineHeight: "var(--vui-navigation-line-height)"
	},
	caps: {
		textTransform: "var(--vui-caps-text-transform)",
		fontWeight: "var(--vui-caps-font-weight)",
		lineHeight: "var(--vui-caps-line-height)"
	},
	button: {
		fontWeight: "var(--vui-button-font-weight)",
		lineHeight: "var(--vui-button-line-height)"
	},
	mono: { fontFamily: fonts_default.mono }
};
var theme_default = {
	baseStyle,
	defaultProps,
	sizes,
	variants
};

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