@udixio/theme 2.1.16 → 2.1.17

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 2.1.17 (2026-03-20)
+
+### 🩹 Fixes
+
+- **variant:** normalize contrast levels and adjust tone inversion logic ([cc369c3](https://github.com/Udixio/UI/commit/cc369c3))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.1.16 (2026-02-15)
 
 This was a version bump only for @udixio/theme to align it with other projects, there were no code changes.

package/dist/bin.cjs

@@ -2,7 +2,7 @@
 const commander = require("commander");
 const chokidar = require("chokidar");
 const chalk = require("chalk");
-const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
+const loadFromPath = require("./load-from-path-CuZeSC9R.cjs");
 const program = new commander.Command();
 async function runOnce(configPath) {
   try {

package/dist/bin.js

@@ -1,7 +1,7 @@
 import { Command } from "commander";
 import chokidar from "chokidar";
 import chalk from "chalk";
-import { l as loadFromPath } from "./load-from-path-Cctfzaw6.js";
+import { l as loadFromPath } from "./load-from-path-IJo3DMek.js";
 const program = new Command();
 async function runOnce(configPath) {
   try {

package/dist/browser.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-DKt7MGAX.cjs");
-const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
+const loader = require("./loader-COk_13QK.cjs");
+const font_plugin = require("./font.plugin-DKvzB0yr.cjs");
 exports.API = loader.API;
 exports.AppContainer = loader.AppContainer;
 exports.AppModule = loader.AppModule;

package/dist/browser.js

@@ -1,5 +1,5 @@
-import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DnW57GzE.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
+import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DPnknsVo.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-CE1jX3iF.js";
 export {
   A as API,
   a as AppContainer,

package/dist/{font.plugin-BXjaZrFM.js → font.plugin-CE1jX3iF.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import "./loader-DnW57GzE.js";
+import "./loader-DPnknsVo.js";
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{font.plugin-CCt54Tnx.cjs → font.plugin-DKvzB0yr.cjs}

@@ -2,7 +2,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-require("./loader-DKt7MGAX.cjs");
+require("./loader-COk_13QK.cjs");
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

package/dist/{load-from-path-CewyV1N6.cjs → load-from-path-CuZeSC9R.cjs}

@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
-const loader = require("./loader-DKt7MGAX.cjs");
+const loader = require("./loader-COk_13QK.cjs");
 const fs = require("node:fs");
 var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
 function _interopNamespaceDefault(e) {
@@ -44,7 +44,7 @@ const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");
   const { resolve } = await import("pathe");
-  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-CewyV1N6.cjs", document.baseURI).href, {
+  const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-CuZeSC9R.cjs", document.baseURI).href, {
     debug: process.env.NODE_ENV === "development",
     fsCache: true,
     interopDefault: true

package/dist/{load-from-path-Cctfzaw6.js → load-from-path-IJo3DMek.js}

@@ -1,4 +1,4 @@
-import { y as loader } from "./loader-DnW57GzE.js";
+import { y as loader } from "./loader-DPnknsVo.js";
 import * as fs from "node:fs";
 async function resolveConfig(configPath = "./theme.config") {
   const { createJiti } = await import("jiti");

package/dist/{loader-DKt7MGAX.cjs → loader-COk_13QK.cjs}

@@ -3074,8 +3074,12 @@ const vibrantVariant = variant({
   colors: defaultColors
 });
 const surfaceContainerToneDelta = 2.5;
-const inverseTone = (tone) => {
-  return 100 - tone;
+const normalize = (value, inputRange, outputRange = [0, 1]) => {
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+  const clampedValue = Math.max(inputMin, Math.min(value, inputMax));
+  const normalizedValue = (clampedValue - inputMin) / (inputMax - inputMin);
+  return outputMin + normalizedValue * (outputMax - outputMin);
 };
 const surfaceContainerTone = (layer, api) => {
   const t = surfaceContainerToneDelta * layer * (1 + api.context.contrastLevel);
@@ -3096,7 +3100,8 @@ const highestSurface = (context, colorService) => {
   }
 };
 const createMinContrastToneAdjuster = (ctx, colors, options) => {
-  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const { selfKey, referenceKey } = options;
+  const minContrast = ctx.contrastLevel >= 0 ? normalize(ctx.contrastLevel, [0, 1], [4.5, 7]) : normalize(ctx.contrastLevel, [-1, 0], [0, 4.5]);
   const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
   const baseTone = colors.get(selfKey).options.tone;
   let selfTone = baseTone;
@@ -3106,7 +3111,7 @@ const createMinContrastToneAdjuster = (ctx, colors, options) => {
       selfTone,
       minContrast
     );
-    const inverseT = inverseTone(baseTone);
+    const inverseT = ctx.isDark ? 100 : 0;
     selfTone = selfTone + (inverseT - selfTone) * ratio;
   }
   return selfTone;

package/dist/{loader-DnW57GzE.js → loader-DPnknsVo.js}

@@ -3073,8 +3073,12 @@ const vibrantVariant = variant({
   colors: defaultColors
 });
 const surfaceContainerToneDelta = 2.5;
-const inverseTone = (tone) => {
-  return 100 - tone;
+const normalize = (value, inputRange, outputRange = [0, 1]) => {
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+  const clampedValue = Math.max(inputMin, Math.min(value, inputMax));
+  const normalizedValue = (clampedValue - inputMin) / (inputMax - inputMin);
+  return outputMin + normalizedValue * (outputMax - outputMin);
 };
 const surfaceContainerTone = (layer, api) => {
   const t = surfaceContainerToneDelta * layer * (1 + api.context.contrastLevel);
@@ -3095,7 +3099,8 @@ const highestSurface = (context, colorService) => {
   }
 };
 const createMinContrastToneAdjuster = (ctx, colors, options) => {
-  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const { selfKey, referenceKey } = options;
+  const minContrast = ctx.contrastLevel >= 0 ? normalize(ctx.contrastLevel, [0, 1], [4.5, 7]) : normalize(ctx.contrastLevel, [-1, 0], [0, 4.5]);
   const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
   const baseTone = colors.get(selfKey).options.tone;
   let selfTone = baseTone;
@@ -3105,7 +3110,7 @@ const createMinContrastToneAdjuster = (ctx, colors, options) => {
       selfTone,
       minContrast
     );
-    const inverseT = inverseTone(baseTone);
+    const inverseT = ctx.isDark ? 100 : 0;
     selfTone = selfTone + (inverseT - selfTone) * ratio;
   }
   return selfTone;

package/dist/node.cjs

@@ -22,9 +22,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loader = require("./loader-DKt7MGAX.cjs");
-const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
-const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
+const loader = require("./loader-COk_13QK.cjs");
+const font_plugin = require("./font.plugin-DKvzB0yr.cjs");
+const loadFromPath = require("./load-from-path-CuZeSC9R.cjs");
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/node.js

@@ -1,7 +1,7 @@
-import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DnW57GzE.js";
-import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
-import { l as loadFromPath } from "./load-from-path-Cctfzaw6.js";
-import { r as r2 } from "./load-from-path-Cctfzaw6.js";
+import { A, a, b, C, c, d, e, f, g, h, i, j, k, D, P, l, m, n, o, V, p, q, r, s, t, u, v, w, x, y, z, B, E, F, G } from "./loader-DPnknsVo.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-CE1jX3iF.js";
+import { l as loadFromPath } from "./load-from-path-IJo3DMek.js";
+import { r as r2 } from "./load-from-path-IJo3DMek.js";
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/variant/variants/udixio.variant.d.ts

@@ -2,10 +2,10 @@ import { Variant } from '../variant';
 import { DynamicColorKey } from '../../color/color.utils';
 import { ColorApi, ColorManager } from '../../color';
 import { Context } from '../../context';
+export declare const normalize: (value: number, inputRange: [number, number], outputRange?: [number, number]) => number;
 export declare const createMinContrastToneAdjuster: (ctx: Context, colors: ColorManager | ColorApi, options: {
     selfKey: DynamicColorKey;
     referenceKey?: DynamicColorKey;
-    minContrast?: number;
 }) => number;
 export declare const udixioVariant: Variant;
 //# sourceMappingURL=udixio.variant.d.ts.map

package/dist/variant/variants/udixio.variant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"udixio.variant.d.ts","sourceRoot":"","sources":["../../../src/variant/variants/udixio.variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAIL,QAAQ,EAER,YAAY,EAEb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAyCxC,eAAO,MAAM,6BAA6B,GACxC,KAAK,OAAO,EACZ,QAAQ,YAAY,GAAG,QAAQ,EAC/B,SAAS;IACP,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,WAuBF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OA6vB1B,CAAC"}
+{"version":3,"file":"udixio.variant.d.ts","sourceRoot":"","sources":["../../../src/variant/variants/udixio.variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9E,OAAO,EAEL,eAAe,EAIhB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAIL,QAAQ,EAER,YAAY,EAEb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASxC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAkCF,eAAO,MAAM,6BAA6B,GACxC,KAAK,OAAO,EACZ,QAAQ,YAAY,GAAG,QAAQ,EAC/B,SAAS;IACP,OAAO,EAAE,eAAe,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,CAAC;CAChC,WA2BF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OA6vB1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/theme",
-  "version": "2.1.16",
+  "version": "2.1.17",
   "type": "module",
   "main": "./dist/node.js",
   "module": "./dist/node.js",

package/src/variant/variants/udixio.variant.ts

@@ -27,6 +27,21 @@ const inverseTone = (tone: number) => {
   return 100 - tone;
 };
 
+export const normalize = (
+  value: number,
+  inputRange: [number, number],
+  outputRange: [number, number] = [0, 1],
+): number => {
+  const [inputMin, inputMax] = inputRange;
+  const [outputMin, outputMax] = outputRange;
+
+  const clampedValue = Math.max(inputMin, Math.min(value, inputMax));
+
+  const normalizedValue = (clampedValue - inputMin) / (inputMax - inputMin);
+
+  return outputMin + normalizedValue * (outputMax - outputMin);
+};
+
 const surfaceContainerTone = (
   layer: number,
   api: Pick<API, 'palettes' | 'context'>,
@@ -65,10 +80,13 @@ export const createMinContrastToneAdjuster = (
   options: {
     selfKey: DynamicColorKey;
     referenceKey?: DynamicColorKey; // par défaut: la surface la plus "haute"
-    minContrast?: number; // par défaut: 3
   },
 ) => {
-  const { selfKey, referenceKey, minContrast = 3 } = options;
+  const { selfKey, referenceKey } = options;
+  const minContrast =
+    ctx.contrastLevel >= 0
+      ? normalize(ctx.contrastLevel, [0, 1], [4.5, 7])
+      : normalize(ctx.contrastLevel, [-1, 0], [0, 4.5]);
 
   const referenceTone = referenceKey
     ? colors.get(referenceKey).getTone()
@@ -84,7 +102,7 @@ export const createMinContrastToneAdjuster = (
       selfTone,
       minContrast,
     );
-    const inverseT = inverseTone(baseTone);
+    const inverseT = ctx.isDark ? 100 : 0;
     selfTone = selfTone + (inverseT - selfTone) * ratio;
   }