@veracity/vui/dist/breadcrumbs/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/breadcrumbs/theme.ts
const baseStyle = {};
const defaultProps = {
	size: "md",
	variant: "dark"
};
const sizes = {
	xs: {
		item: {
			fontSize: 12,
			lineHeight: "18px"
		},
		separator: { size: "xs" }
	},
	sm: {
		item: {
			fontSize: 14,
			lineHeight: "22px"
		},
		separator: { size: "sm" }
	},
	md: {
		item: {
			fontSize: 16,
			lineHeight: "26px"
		},
		separator: { size: "md" }
	},
	lg: {
		item: {
			fontSize: 18,
			lineHeight: "32px"
		},
		separator: { size: "lg" }
	}
};
const variants = {
	dark: {
		item: { color: "seaBlue.main" },
		main: { bg: "transparent" },
		separator: { pathFill: "sandstone.10" }
	},
	white: {
		item: { color: "white" },
		main: { bg: "darkBlue.main" },
		separator: { pathFill: "white" }
	},
	light: {
		item: { color: "digiGreen.main" },
		main: { bg: "darkBlue.main" },
		separator: { pathFill: "white" }
	}
};
var theme_default = {
	baseStyle,
	defaultProps,
	sizes,
	variants
};

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