@tenphi/glaze 0.16.0 → 0.16.2

package/dist/index.cjs

@@ -2286,7 +2286,7 @@ const formatters = {
 function fmt(value, decimals) {
 	return parseFloat(value.toFixed(decimals)).toString();
 }
-function formatVariant(v, format = "okhsl", pastel = false) {
+function formatVariant(v, format = "oklch", pastel = false) {
 	const effectivePastel = v.pastel ?? pastel;
 	let base;
 	if (format === "okhst") base = formatOkhst(v.h, v.s * 100, v.t * 100, effectivePastel);
@@ -2325,16 +2325,16 @@ function resolveModes(override) {
 		highContrast: override?.highContrast ?? cfg.modes.highContrast
 	};
 }
-function buildTokenMap(resolved, prefix, states, modes, format = "okhsl", pastel = false, channelCtx) {
+function buildTokenMap(resolved, prefix, states, modes, format = "oklch", pastel = false, channelCtx) {
 	const tokens = {};
 	const huePlans = channelCtx !== void 0 && format === "oklch" ? buildHuePlans(resolved, channelCtx) : void 0;
 	if (huePlans !== void 0 && channelCtx !== void 0) {
 		const emitDecls = channelCtx.emitDeclarations !== false;
-		if (emitDecls && channelCtx.mode === "theme") tokens[`#${channelCtx.baseName}-hue`] = { "": String(channelCtx.seedHue) };
+		if (emitDecls && channelCtx.mode === "theme") tokens[`$${channelCtx.baseName}-hue`] = { "": String(channelCtx.seedHue) };
 		for (const [name, color] of resolved) {
 			const plan = huePlans.get(name);
 			if (emitDecls) for (const decl of plan.declarations) {
-				const key = `#${decl.prop.slice(2)}`;
+				const key = `$${decl.prop.slice(2)}`;
 				if (!(key in tokens)) tokens[key] = { "": decl.value };
 			}
 			const colorKey = `#${prefix}${name}`;
@@ -2355,7 +2355,7 @@ function buildTokenEntry(color, states, modes, format, pastel, huePlan) {
 	if (modes.dark && modes.highContrast) entry[`${states.dark} & ${states.highContrast}`] = formatColorValue(color.darkContrast, format, pastel, huePlan);
 	return entry;
 }
-function buildFlatTokenMap(resolved, prefix, modes, format = "okhsl", pastel = false) {
+function buildFlatTokenMap(resolved, prefix, modes, format = "oklch", pastel = false) {
 	const result = { light: {} };
 	if (modes.dark) result.dark = {};
 	if (modes.highContrast) result.lightContrast = {};
@@ -2369,7 +2369,7 @@ function buildFlatTokenMap(resolved, prefix, modes, format = "okhsl", pastel = f
 	}
 	return result;
 }
-function buildJsonMap(resolved, modes, format = "okhsl", pastel = false) {
+function buildJsonMap(resolved, modes, format = "oklch", pastel = false) {
 	const result = {};
 	for (const [name, color] of resolved) {
 		const entry = { light: formatVariant(color.light, format, pastel) };
@@ -2967,7 +2967,7 @@ function createColorTokenFromDefs(seedHue, seedSaturation, defs, primary, effect
 		};
 	};
 	const tokenLike = (options) => {
-		return buildTokenMap(resolveOnce(), "", resolveStates(options), resolveModes(options?.modes), options?.format, effectiveConfig.pastel)[`#${primary}`];
+		return buildTokenMap(resolveOnce(), "", resolveStates(options), resolveModes(options?.modes), options?.format ?? "oklch", effectiveConfig.pastel)[`#${primary}`];
 	};
 	return {
 		resolve() {
@@ -2981,7 +2981,7 @@ function createColorTokenFromDefs(seedHue, seedSaturation, defs, primary, effect
 			return buildJsonMap(resolveOnce(), resolveModes(options?.modes), format, effectiveConfig.pastel)[primary];
 		},
 		css(options) {
-			const format = options.format ?? "rgb";
+			const format = options.format ?? "oklch";
 			assertNativeFormat(format, "css");
 			const resolved = resolveOnce().get(primary);
 			const renamed = new Map([[options.name, resolved]]);
@@ -3318,7 +3318,7 @@ function createPalette(themes, paletteOptions) {
 				highContrast: options?.states?.highContrast ?? cfg.states.highContrast
 			};
 			const modes = resolveModes(options?.modes);
-			const format = options?.format ?? "okhsl";
+			const format = options?.format ?? "oklch";
 			return buildPaletteOutput(themes, paletteOptions, options, (filtered, prefix, pastel, themeName, theme) => {
 				return buildTokenMap(filtered, prefix, states, modes, format, pastel, channelCtxForTheme(theme, themeName, prefix, resolvePrefix(options, themeName, true), options?.splitHue, format, modes, filtered));
 			}, (acc, part) => Object.assign(acc, part), () => ({}));
@@ -3333,7 +3333,7 @@ function createPalette(themes, paletteOptions) {
 		},
 		css(options) {
 			const suffix = options?.suffix ?? "-color";
-			const format = options?.format ?? "rgb";
+			const format = options?.format ?? "oklch";
 			assertNativeFormat(format, "css");
 			const modes = resolveModes();
 			const lines = buildPaletteOutput(themes, paletteOptions, options, (filtered, prefix, pastel, themeName, theme) => {
@@ -3500,8 +3500,8 @@ function createTheme(hue, saturation, initialColors, configOverride) {
 				highContrast: options?.states?.highContrast ?? cfg.states.highContrast
 			};
 			const modes = resolveModes(options?.modes);
-			const format = options?.format ?? "okhsl";
-			const channelCtx = channelCtxFor(options, "okhsl", "");
+			const format = options?.format ?? "oklch";
+			const channelCtx = channelCtxFor(options, "oklch", "");
 			return buildTokenMap(resolveCached(), "", states, modes, format, cfg.pastel, channelCtx);
 		},
 		json(options) {
@@ -3511,9 +3511,9 @@ function createTheme(hue, saturation, initialColors, configOverride) {
 			return buildJsonMap(resolveCached(), modes, format, getEffectiveConfig().pastel);
 		},
 		css(options) {
-			const format = options?.format ?? "rgb";
+			const format = options?.format ?? "oklch";
 			assertNativeFormat(format, "css");
-			const channelCtx = channelCtxFor(options, "rgb", "");
+			const channelCtx = channelCtxFor(options, "oklch", "");
 			return buildCssMap(resolveCached(), "", options?.suffix ?? "-color", format, getEffectiveConfig().pastel, channelCtx);
 		},
 		dtcg(options) {