@tenphi/glaze 0.16.1 → 0.17.0

package/dist/index.cjs

@@ -1855,7 +1855,7 @@ function resolveDependentColor(name, def, ctx, isHighContrast, isDark, effective
 	if (!baseResolved) throw new Error(`glaze: base "${baseName}" not yet resolved for "${name}".`);
 	const mode = def.mode ?? "auto";
 	const satFactor = clamp(def.saturation ?? 1, 0, 1);
-	const flip = def.flip ?? ctx.config.autoFlip;
+	const flip = def.autoFlip ?? ctx.config.autoFlip;
 	const pastel = effectivePastel;
 	const baseVariant = getSchemeVariant(baseResolved, isDark, isHighContrast);
 	const baseTone = baseVariant.t * 100;
@@ -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,7 +2325,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) {
@@ -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) };
@@ -2932,7 +2932,7 @@ function buildStandaloneValueDefs(main, options) {
 		tone: toneOption ?? seedTone,
 		contrast: options?.contrast,
 		mode: options?.mode ?? "auto",
-		flip: options?.flip,
+		autoFlip: options?.autoFlip,
 		opacity: options?.opacity,
 		pastel: options?.pastel,
 		role: options?.role,
@@ -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]]);
@@ -3074,7 +3074,7 @@ function createColorToken(input, configOverride) {
 		tone: input.tone,
 		saturation: input.saturationFactor,
 		mode: input.mode ?? "auto",
-		flip: input.flip,
+		autoFlip: input.autoFlip,
 		contrast: input.contrast,
 		opacity: input.opacity,
 		pastel: input.pastel,
@@ -3124,7 +3124,7 @@ function buildOverridesExport(options) {
 	if (options.tone !== void 0) out.tone = options.tone;
 	if (options.saturationFactor !== void 0) out.saturationFactor = options.saturationFactor;
 	if (options.mode !== void 0) out.mode = options.mode;
-	if (options.flip !== void 0) out.flip = options.flip;
+	if (options.autoFlip !== void 0) out.autoFlip = options.autoFlip;
 	if (options.contrast !== void 0) out.contrast = options.contrast;
 	if (options.opacity !== void 0) out.opacity = options.opacity;
 	if (options.name !== void 0) out.name = options.name;
@@ -3141,7 +3141,7 @@ function buildStructuredInputExport(input) {
 	};
 	if (input.saturationFactor !== void 0) out.saturationFactor = input.saturationFactor;
 	if (input.mode !== void 0) out.mode = input.mode;
-	if (input.flip !== void 0) out.flip = input.flip;
+	if (input.autoFlip !== void 0) out.autoFlip = input.autoFlip;
 	if (input.opacity !== void 0) out.opacity = input.opacity;
 	if (input.contrast !== void 0) out.contrast = input.contrast;
 	if (input.name !== void 0) out.name = input.name;
@@ -3163,7 +3163,7 @@ function rehydrateOverrides(data) {
 	if (data.tone !== void 0) out.tone = data.tone;
 	if (data.saturationFactor !== void 0) out.saturationFactor = data.saturationFactor;
 	if (data.mode !== void 0) out.mode = data.mode;
-	if (data.flip !== void 0) out.flip = data.flip;
+	if (data.autoFlip !== void 0) out.autoFlip = data.autoFlip;
 	if (data.contrast !== void 0) out.contrast = data.contrast;
 	if (data.opacity !== void 0) out.opacity = data.opacity;
 	if (data.name !== void 0) out.name = data.name;
@@ -3180,7 +3180,7 @@ function rehydrateStructuredInput(data) {
 	};
 	if (data.saturationFactor !== void 0) out.saturationFactor = data.saturationFactor;
 	if (data.mode !== void 0) out.mode = data.mode;
-	if (data.flip !== void 0) out.flip = data.flip;
+	if (data.autoFlip !== void 0) out.autoFlip = data.autoFlip;
 	if (data.opacity !== void 0) out.opacity = data.opacity;
 	if (data.contrast !== void 0) out.contrast = data.contrast;
 	if (data.name !== void 0) out.name = data.name;
@@ -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) {