@tenphi/glaze 0.16.1 → 0.16.2

package/dist/index.d.cts

@@ -739,7 +739,7 @@ interface GlazeColorCssOptions {
    * `name: 'brand'` → `--brand-color: …`.
    */
   name: string;
-  /** Output color format. Default: 'rgb' (matches `theme.css` default). */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
   /**
    * Suffix appended to the name. Default: '-color' (matches
@@ -944,7 +944,7 @@ interface GlazeTokenOptions {
   };
   /** Override which scheme variants to include. */
   modes?: GlazeOutputModes;
-  /** Output color format. Default: 'okhsl'. */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
   /**
    * Emit hue as a separate custom property, referenced via `var()`.
@@ -960,11 +960,11 @@ interface GlazeTokenOptions {
 interface GlazeJsonOptions {
   /** Override which scheme variants to include. */
   modes?: GlazeOutputModes;
-  /** Output color format. Default: 'okhsl'. */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
 }
 interface GlazeCssOptions {
-  /** Output color format. Default: 'rgb'. */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
   /** Suffix appended to each CSS custom property name. Default: '-color'. */
   suffix?: string;

package/dist/index.d.mts

@@ -739,7 +739,7 @@ interface GlazeColorCssOptions {
    * `name: 'brand'` → `--brand-color: …`.
    */
   name: string;
-  /** Output color format. Default: 'rgb' (matches `theme.css` default). */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
   /**
    * Suffix appended to the name. Default: '-color' (matches
@@ -944,7 +944,7 @@ interface GlazeTokenOptions {
   };
   /** Override which scheme variants to include. */
   modes?: GlazeOutputModes;
-  /** Output color format. Default: 'okhsl'. */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
   /**
    * Emit hue as a separate custom property, referenced via `var()`.
@@ -960,11 +960,11 @@ interface GlazeTokenOptions {
 interface GlazeJsonOptions {
   /** Override which scheme variants to include. */
   modes?: GlazeOutputModes;
-  /** Output color format. Default: 'okhsl'. */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
 }
 interface GlazeCssOptions {
-  /** Output color format. Default: 'rgb'. */
+  /** Output color format. Default: 'oklch'. */
   format?: GlazeColorFormat;
   /** Suffix appended to each CSS custom property name. Default: '-color'. */
   suffix?: string;

package/dist/index.mjs

@@ -2284,7 +2284,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);
@@ -2323,7 +2323,7 @@ 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) {
@@ -2353,7 +2353,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 = {};
@@ -2367,7 +2367,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) };
@@ -2965,7 +2965,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() {
@@ -2979,7 +2979,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]]);
@@ -3316,7 +3316,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), () => ({}));
@@ -3331,7 +3331,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) => {
@@ -3498,8 +3498,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) {
@@ -3509,9 +3509,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) {