@veracity/vui/dist/header/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/header/theme.ts
const baseStyle = {};
const defaultProps = { variant: "default" };
const parts = [
	"container",
	"account",
	"accountUserInfo",
	"content",
	"createAccount",
	"divider",
	"linkItem",
	"logo",
	"mainLinks",
	"mobileContent",
	"mobileToggle",
	"notifications",
	"services",
	"servicesMessage",
	"signIn"
];
const sizes = {};
const variants = {
	default: {
		container: { borderColor: "darkBlue.main" },
		createAccount: { link: { variant: "dark" } },
		linkItem: {
			container: {
				hoverBg: "skyBlue.90",
				activeBg: "transparent",
				activeBorderColor: "darkBlue.main"
			},
			link: {
				size: "md",
				color: "darkBlue.main",
				borderColor: "darkBlue.main",
				hoverColor: "darkBlue.main",
				activeColor: "darkBlue.main"
			}
		},
		logo: { svg: { pathFill: "#0F204B" } },
		divider: { color: "darkBlue.main" },
		mobileToggle: {
			color: "darkBlue.main",
			hoverColor: "darkBlue.main",
			activeColor: "darkBlue.main"
		},
		notifications: { container: {
			color: "darkBlue.main",
			hoverColor: "darkBlue.main"
		} },
		services: {
			button: {
				color: "darkBlue.main",
				hoverColor: "darkBlue.main",
				activeColor: "darkBlue.main"
			},
			list: { variant: "blue" }
		},
		signIn: { background: "darkBlue.main" }
	},
	dark: {
		container: {
			bg: "darkBlue.main",
			borderBottom: 0
		},
		createAccount: {
			link: { variant: "light" },
			text: { color: "white" }
		},
		account: { trigger: {
			variant: "primary",
			intent: "contrast"
		} },
		divider: { borderColor: "white" },
		linkItem: {
			container: {
				hoverBg: "seaBlue.25",
				activeBg: "transparent",
				activeBorderColor: "digiGreen.main"
			},
			link: {
				size: "md",
				color: "white",
				borderColor: "digiGreen.main",
				hoverBg: "seaBlue.25",
				hoverColor: "white",
				activeBg: "seaBlue.35",
				activeColor: "white"
			}
		},
		logo: { svg: { pathFill: "#FFFFFF" } },
		mainLinks: { color: { md: "white" } },
		mobileContent: { top: "100%" },
		mobileToggle: {
			color: "white",
			hoverBg: "seaBlue.25",
			hoverColor: "white",
			activeBg: "seaBlue.35",
			activeColor: "white"
		},
		notifications: {
			container: {
				variant: "solid",
				color: "white",
				hoverBg: "seaBlue.25",
				hoverColor: "white",
				activeBg: "seaBlue.35",
				borderColor: "transparent"
			},
			icon: { color: "white" }
		},
		services: {
			button: {
				color: "white",
				hoverBg: "seaBlue.25",
				hoverColor: "white",
				activeBg: "seaBlue.35",
				activeColor: "white"
			},
			list: { variant: "blue" }
		},
		signIn: {
			button: {
				variant: "primary",
				intent: "contrast"
			},
			colorScheme: "pink"
		}
	}
};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

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