@hitachivantara/uikit-styles/dist/utils.js

UI Kit styling solution.

//#region src/utils.ts
var spacingUtil = (value, vars) => {
	switch (typeof value) {
		case "number": return value === 0 ? "0" : `calc(${vars.space.base} * ${value}px)`;
		case "string": return vars.space[value] || value;
		default: return value;
	}
};
var toCSSVars = (obj, prefix = "--uikit") => {
	const vars = {};
	if (!obj || typeof obj !== "object") return vars;
	for (const [key, value] of Object.entries(obj)) if (typeof value === "object") {
		const nestedVars = toCSSVars(value, `${prefix}-${key}`);
		for (const [nestedKey, nestedValue] of Object.entries(nestedVars)) vars[nestedKey] = nestedValue;
	} else vars[`${prefix}-${key}`] = value;
	return vars;
};
var hasMultipleArgs = (args) => {
	return args.length > 1;
};
var mapCSSVars = (obj, prefix = "--uikit") => {
	const vars = {};
	for (const [key, value] of Object.entries(obj)) if (typeof value === "object") vars[key] = mapCSSVars(value, `${prefix}-${key}`);
	else vars[key] = `var(${prefix}-${key})`;
	return vars;
};
var isObject = (obj) => obj && typeof obj === "object";
var mergeTheme = (...objects) => {
	return objects.reduce((prev, obj) => {
		Object.keys(obj).forEach((key) => {
			const pVal = prev[key];
			const oVal = obj[key];
			if (isObject(pVal) && isObject(oVal)) prev[key] = mergeTheme(pVal, oVal);
			else prev[key] = oVal !== void 0 ? oVal : pVal;
		});
		return prev;
	}, {});
};
/** removes from `obj` properties that are equal to `base` */
function removeDuplicate(obj, base) {
	return Object.fromEntries(Object.entries(obj).filter(([key, value]) => base[key] !== value));
}
var getThemeVars = (theme) => {
	const cssVars = {};
	const defaultColorMode = theme.defaultColorMode || "light";
	const altColorMode = defaultColorMode === "light" ? "dark" : "light";
	const styleName = `[data-theme="${theme.name}"][data-color-mode="${altColorMode}"]`;
	const themeName = `[data-theme="${theme.name}"]`;
	const { base, components, name, colors, palette, icons, vars, ...rest } = theme;
	cssVars[styleName] = toCSSVars({ colors: removeDuplicate(colors[altColorMode], colors[defaultColorMode]) });
	cssVars[themeName] = toCSSVars({
		...rest,
		colors: colors[defaultColorMode]
	});
	return cssVars;
};
//#endregion
export { getThemeVars, hasMultipleArgs, mapCSSVars, mergeTheme, spacingUtil };