@veracity/vui/dist/tagToggle/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/tagToggle/theme.ts
const baseStyle = {};
const defaultProps = {
	size: "md",
	variant: "solid",
	fontWeight: "medium"
};
const parts = ["container", "icon"];
const sizes = {
	xs: {
		container: {
			fontSize: "sm",
			h: 20,
			paddingX: 4,
			paddingY: 2,
			gapX: 4,
			borderRadius: 6
		},
		icon: { size: "xs" }
	},
	sm: {
		container: {
			fontSize: "sm",
			h: 24,
			paddingX: 6,
			paddingY: 4,
			gapX: 6,
			borderRadius: 6
		},
		icon: { size: "xs" }
	},
	md: {
		container: {
			fontSize: "sm",
			h: 32,
			paddingX: 8,
			paddingY: 6,
			gapX: 8,
			borderRadius: 6
		},
		icon: { size: "sm" }
	}
};
const variants = {
	subtle: { container: {
		bg: "white",
		color: "var(--vui-action-brand-subtle-inverse)",
		bgHover: "var(--vui-action-brand-subtle-hover)",
		bgPressed: "var(--vui-action-brand-subtle)"
	} },
	subtleSelected: { container: {
		bg: "var(--vui-action-brand-subtle)",
		color: "var(--vui-action-brand-subtle-inverse)",
		bgHover: "var(--vui-action-brand-subtle-hover)",
		bgPressed: "var(--vui-action-brand-subtle-pressed)"
	} },
	solid: { container: {
		bg: "var(--vui-action-brand-subtle)",
		color: "var(--vui-action-brand-subtle-inverse)",
		bgHover: "var(--vui-action-brand-subtle-hover)",
		bgPressed: "var(--vui-action-brand-subtle-pressed)"
	} },
	solidSelected: { container: {
		bg: "var(--vui-action-brand-solid)",
		color: "var(--vui-action-brand-solid-inverse)",
		bgHover: "var(--vui-action-brand-solid-hover)",
		bgPressed: "var(--vui-action-brand-solid-pressed)"
	} }
};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

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