@veracity/vui/dist/list/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/list/theme.ts
const baseStyle = {
	item: {
		color: "sandstone.10",
		activeBg: "skyBlue.95",
		hoverBg: "skyBlue.90",
		selectedBg: "skyBlue.95",
		px: 2
	},
	heading: { color: "sandstone.45" }
};
const defaultProps = {
	size: "lg",
	button: { size: "sm" },
	variant: "default"
};
const parts = [
	"container",
	"divider",
	"heading",
	"icon",
	"item",
	"text",
	"button"
];
const sizes = {
	sm: {
		icon: { size: "xs" },
		button: { size: "sm" },
		item: {
			fontSize: 12,
			minH: 24
		},
		heading: { fontSize: 12 }
	},
	md: {
		icon: { size: "xs" },
		button: { size: "sm" },
		item: {
			fontSize: 14,
			minH: 32
		},
		heading: { fontSize: 14 }
	},
	lg: {
		icon: { size: "sm" },
		button: { size: "sm" },
		item: {
			fontSize: 16,
			minH: 40
		},
		heading: { fontSize: 16 }
	},
	xl: {
		icon: { size: "md" },
		button: { size: "md" },
		item: {
			fontSize: 18,
			minH: 48
		},
		heading: { fontSize: 18 }
	},
	xxl: {
		icon: { size: "md" },
		button: { size: "md" },
		item: {
			fontSize: 18,
			minH: 56
		},
		heading: { fontSize: 18 }
	}
};
const variants = {
	default: {},
	ordered: {
		container: {
			as: "ol",
			listStyleType: "decimal",
			pl: 3
		},
		item: { display: "list-item" }
	},
	unordered: {
		container: {
			as: "ul",
			listStyleType: "disc",
			pl: 3
		},
		item: { display: "list-item" }
	},
	blue: { heading: { color: "darkBlue.main" } }
};
var theme_default = {
	baseStyle,
	defaultProps,
	parts,
	sizes,
	variants
};

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