@udixio/theme 2.1.12 → 2.1.14

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.1.14 (2026-02-08)
+
+### 🩹 Fixes
+
+- improve color theme ([e247e14](https://github.com/Udixio/UI/commit/e247e14))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 2.1.13 (2026-02-02)
+
+### 🩹 Fixes
+
+- **theme:** remove debug `console.log` from `udixio ([e02f6ce](https://github.com/Udixio/UI/commit/e02f6ce))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.1.12 (2026-01-30)
 
 ### 🚀 Features

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-DVvlFI1M.cjs");
+const loadFromPath = require("./load-from-path-CewyV1N6.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-CHmj8u_v.js";
+import { l as loadFromPath } from "./load-from-path-Cctfzaw6.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-BZta4ulw.cjs");
-const font_plugin = require("./font.plugin-B6HEs4Om.cjs");
+const loader = require("./loader-DKt7MGAX.cjs");
+const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
 exports.API = loader.API;
 exports.AppContainer = loader.AppContainer;
 exports.AppModule = loader.AppModule;

package/dist/browser.js

@@ -1,44 +1,44 @@
-import { A, a, b, h, i, C, j, k, e, f, o, n, q, D, P, r, s, v, u, V, z, c, d, m, F, g, w, x, l, p, G, B, t, y, E } from "./loader-DVtdg4Xh.js";
-import { F as F2, b as b2, P as P2, a as a2, d as d2 } from "./font.plugin-BorVbapj.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-DnW57GzE.js";
+import { F as F2, a as a2, P as P2, b as b2, d as d2 } from "./font.plugin-BXjaZrFM.js";
 export {
   A as API,
   a as AppContainer,
   b as AppModule,
-  h as Color,
-  i as ColorAlias,
-  C as ColorApi,
-  j as ColorFromHex,
-  k as ColorFromPalette,
-  e as ColorManager,
-  f as ColorModule,
-  o as Context,
-  n as ContextModule,
-  q as ContrastCurve,
+  C as Color,
+  c as ColorAlias,
+  d as ColorApi,
+  e as ColorFromHex,
+  f as ColorFromPalette,
+  g as ColorManager,
+  h as ColorModule,
+  i as Context,
+  j as ContextModule,
+  k as ContrastCurve,
   D as DynamicColor,
   F2 as FontFamily,
-  b2 as FontPlugin,
+  a2 as FontPlugin,
   P as Palette,
-  r as PaletteApi,
-  s as PaletteModule,
+  l as PaletteApi,
+  m as PaletteModule,
   P2 as PluginAbstract,
-  v as PluginApi,
-  a2 as PluginImplAbstract,
-  u as PluginModule,
+  n as PluginApi,
+  b2 as PluginImplAbstract,
+  o as PluginModule,
   V as Variant,
-  z as Variants,
-  c as bootstrap,
-  d as capitalizeFirstLetter,
-  m as defaultColors,
+  p as Variants,
+  q as bootstrap,
+  r as capitalizeFirstLetter,
+  s as defaultColors,
   d2 as defineConfig,
-  F as expressiveVariant,
-  g as getInitialToneFromBackground,
-  w as getPiecewiseHue,
-  x as getRotatedHue,
-  l as highestSurface,
-  p as loader,
-  G as neutralVariant,
+  t as expressiveVariant,
+  u as getInitialToneFromBackground,
+  v as getPiecewiseHue,
+  w as getRotatedHue,
+  x as highestSurface,
+  y as loader,
+  z as neutralVariant,
   B as tonalSpotVariant,
-  t as toneDeltaPair,
-  y as variant,
-  E as vibrantVariant
+  E as toneDeltaPair,
+  F as variant,
+  G as vibrantVariant
 };

package/dist/{font.plugin-BorVbapj.js → font.plugin-BXjaZrFM.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-DVtdg4Xh.js";
+import "./loader-DnW57GzE.js";
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");
@@ -222,7 +222,7 @@ class FontPluginImpl extends PluginImplAbstract {
 export {
   FontFamily as F,
   PluginAbstract as P,
-  PluginImplAbstract as a,
-  FontPlugin as b,
+  FontPlugin as a,
+  PluginImplAbstract as b,
   defineConfig as d
 };

package/dist/{font.plugin-B6HEs4Om.cjs → font.plugin-CCt54Tnx.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-BZta4ulw.cjs");
+require("./loader-DKt7MGAX.cjs");
 class PluginAbstract {
   constructor(options) {
     __publicField(this, "options");

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

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

package/dist/{load-from-path-DVvlFI1M.cjs → load-from-path-CewyV1N6.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-BZta4ulw.cjs");
+const loader = require("./loader-DKt7MGAX.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-DVvlFI1M.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-CewyV1N6.cjs", document.baseURI).href, {
     debug: process.env.NODE_ENV === "development",
     fsCache: true,
     interopDefault: true

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

@@ -3100,7 +3100,6 @@ const createMinContrastToneAdjuster = (ctx, colors, options) => {
   const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
   const baseTone = colors.get(selfKey).options.tone;
   let selfTone = baseTone;
-  console.log("contrast ratio2", referenceTone, selfTone);
   if (materialColorUtilities.Contrast.ratioOfTones(referenceTone, selfTone) < minContrast) {
     const ratio = calculateToneAdjustmentPercentage(
       referenceTone,
@@ -3121,7 +3120,7 @@ const udixioVariant = variant({
     }),
     secondary: ({ sourceColor }) => ({
       hue: sourceColor.hue,
-      chroma: sourceColor.chroma / 1.4
+      chroma: sourceColor.chroma * 0.5
     }),
     tertiary: ({ sourceColor }) => ({
       hue: getRotatedHue(
@@ -3215,13 +3214,7 @@ const udixioVariant = variant({
       [colorContainerKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          if (ctx.variant.name === "vibrant") {
-            return ctx.isDark ? tMinC(palettes.get(colorKey), 30, 40) : tMaxC(palettes.get(colorKey), 84, 90);
-          } else if (ctx.variant.name === "expressive") {
-            return ctx.isDark ? 15 : tMaxC(palettes.get(colorKey), 90, 95);
-          } else {
-            return ctx.isDark ? 25 : 90;
-          }
+          return ctx.isDark ? tMinC(palettes.get(colorKey), 35, 93) : tMaxC(palettes.get(colorKey), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors2),
@@ -3583,7 +3576,7 @@ const udixioVariant = variant({
       secondaryContainer: {
         palette: () => palettes.get("secondary"),
         tone: () => {
-          return ctx.isDark ? 25 : 90;
+          return ctx.isDark ? tMinC(palettes.get("secondary"), 35, 93) : tMaxC(palettes.get("secondary"), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),

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

@@ -3099,7 +3099,6 @@ const createMinContrastToneAdjuster = (ctx, colors, options) => {
   const referenceTone = referenceKey ? colors.get(referenceKey).getTone() : highestSurface(ctx, colors).getTone();
   const baseTone = colors.get(selfKey).options.tone;
   let selfTone = baseTone;
-  console.log("contrast ratio2", referenceTone, selfTone);
   if (Contrast.ratioOfTones(referenceTone, selfTone) < minContrast) {
     const ratio = calculateToneAdjustmentPercentage(
       referenceTone,
@@ -3120,7 +3119,7 @@ const udixioVariant = variant({
     }),
     secondary: ({ sourceColor }) => ({
       hue: sourceColor.hue,
-      chroma: sourceColor.chroma / 1.4
+      chroma: sourceColor.chroma * 0.5
     }),
     tertiary: ({ sourceColor }) => ({
       hue: getRotatedHue(
@@ -3214,13 +3213,7 @@ const udixioVariant = variant({
       [colorContainerKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          if (ctx.variant.name === "vibrant") {
-            return ctx.isDark ? tMinC(palettes.get(colorKey), 30, 40) : tMaxC(palettes.get(colorKey), 84, 90);
-          } else if (ctx.variant.name === "expressive") {
-            return ctx.isDark ? 15 : tMaxC(palettes.get(colorKey), 90, 95);
-          } else {
-            return ctx.isDark ? 25 : 90;
-          }
+          return ctx.isDark ? tMinC(palettes.get(colorKey), 35, 93) : tMaxC(palettes.get(colorKey), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors2),
@@ -3582,7 +3575,7 @@ const udixioVariant = variant({
       secondaryContainer: {
         palette: () => palettes.get("secondary"),
         tone: () => {
-          return ctx.isDark ? 25 : 90;
+          return ctx.isDark ? tMinC(palettes.get("secondary"), 35, 93) : tMaxC(palettes.get("secondary"), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
@@ -3877,37 +3870,37 @@ const loader = async (config, load = true) => {
 export {
   API as A,
   tonalSpotVariant as B,
-  ColorApi as C,
+  Color as C,
   DynamicColor as D,
-  vibrantVariant as E,
-  expressiveVariant as F,
-  neutralVariant as G,
+  toneDeltaPair as E,
+  variant as F,
+  vibrantVariant as G,
   Palette as P,
   Variant as V,
   AppContainer as a,
   AppModule as b,
-  bootstrap as c,
-  capitalizeFirstLetter as d,
-  ColorManager as e,
-  ColorModule as f,
-  getInitialToneFromBackground as g,
-  Color as h,
-  ColorAlias as i,
-  ColorFromHex as j,
-  ColorFromPalette as k,
-  highestSurface$1 as l,
-  defaultColors as m,
-  ContextModule as n,
-  Context as o,
-  loader as p,
-  ContrastCurve as q,
-  PaletteApi as r,
-  PaletteModule as s,
-  toneDeltaPair as t,
-  PluginModule as u,
-  PluginApi as v,
-  getPiecewiseHue as w,
-  getRotatedHue as x,
-  variant as y,
-  Variants as z
+  ColorAlias as c,
+  ColorApi as d,
+  ColorFromHex as e,
+  ColorFromPalette as f,
+  ColorManager as g,
+  ColorModule as h,
+  Context as i,
+  ContextModule as j,
+  ContrastCurve as k,
+  PaletteApi as l,
+  PaletteModule as m,
+  PluginApi as n,
+  PluginModule as o,
+  Variants as p,
+  bootstrap as q,
+  capitalizeFirstLetter as r,
+  defaultColors as s,
+  expressiveVariant as t,
+  getInitialToneFromBackground as u,
+  getPiecewiseHue as v,
+  getRotatedHue as w,
+  highestSurface$1 as x,
+  loader as y,
+  neutralVariant as z
 };

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-BZta4ulw.cjs");
-const font_plugin = require("./font.plugin-B6HEs4Om.cjs");
-const loadFromPath = require("./load-from-path-DVvlFI1M.cjs");
+const loader = require("./loader-DKt7MGAX.cjs");
+const font_plugin = require("./font.plugin-CCt54Tnx.cjs");
+const loadFromPath = require("./load-from-path-CewyV1N6.cjs");
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {

package/dist/node.js

@@ -1,7 +1,7 @@
-import { A, a, b, h, i, C, j, k, e, f, o, n, q, D, P, r, s, v, u, V, z, c, d, m, F, g, w, x, l, p, G, B, t, y, E } from "./loader-DVtdg4Xh.js";
-import { F as F2, b as b2, P as P2, a as a2, d as d2 } from "./font.plugin-BorVbapj.js";
-import { l as loadFromPath } from "./load-from-path-CHmj8u_v.js";
-import { r as r2 } from "./load-from-path-CHmj8u_v.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-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";
 let unpluginInstance = null;
 const createUnpluginTheme = async () => {
   if (unpluginInstance) {
@@ -128,48 +128,48 @@ export {
   A as API,
   a as AppContainer,
   b as AppModule,
-  h as Color,
-  i as ColorAlias,
-  C as ColorApi,
-  j as ColorFromHex,
-  k as ColorFromPalette,
-  e as ColorManager,
-  f as ColorModule,
-  o as Context,
-  n as ContextModule,
-  q as ContrastCurve,
+  C as Color,
+  c as ColorAlias,
+  d as ColorApi,
+  e as ColorFromHex,
+  f as ColorFromPalette,
+  g as ColorManager,
+  h as ColorModule,
+  i as Context,
+  j as ContextModule,
+  k as ContrastCurve,
   D as DynamicColor,
   F2 as FontFamily,
-  b2 as FontPlugin,
+  a2 as FontPlugin,
   P as Palette,
-  r as PaletteApi,
-  s as PaletteModule,
+  l as PaletteApi,
+  m as PaletteModule,
   P2 as PluginAbstract,
-  v as PluginApi,
-  a2 as PluginImplAbstract,
-  u as PluginModule,
+  n as PluginApi,
+  b2 as PluginImplAbstract,
+  o as PluginModule,
   V as Variant,
-  z as Variants,
-  c as bootstrap,
-  d as capitalizeFirstLetter,
-  m as defaultColors,
+  p as Variants,
+  q as bootstrap,
+  r as capitalizeFirstLetter,
+  s as defaultColors,
   d2 as defineConfig,
   esbuildPlugin,
-  F as expressiveVariant,
-  g as getInitialToneFromBackground,
-  w as getPiecewiseHue,
-  x as getRotatedHue,
-  l as highestSurface,
+  t as expressiveVariant,
+  u as getInitialToneFromBackground,
+  v as getPiecewiseHue,
+  w as getRotatedHue,
+  x as highestSurface,
   loadFromPath,
-  p as loader,
-  G as neutralVariant,
+  y as loader,
+  z as neutralVariant,
   r2 as resolveConfig,
   rollupPlugin,
   B as tonalSpotVariant,
-  t as toneDeltaPair,
+  E as toneDeltaPair,
   unpluginUdixioTheme,
-  y as variant,
-  E as vibrantVariant,
+  F as variant,
+  G as vibrantVariant,
   vitePlugin,
   webpackPlugin
 };

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,WAwBF,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,OAiwB1B,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;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"}

package/package.json

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

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

@@ -78,7 +78,6 @@ export const createMinContrastToneAdjuster = (
   const baseTone = (colors.get(selfKey) as ColorFromPalette).options.tone;
 
   let selfTone = baseTone;
-  console.log('contrast ratio2', referenceTone, selfTone);
   if (Contrast.ratioOfTones(referenceTone, selfTone) < minContrast) {
     const ratio = calculateToneAdjustmentPercentage(
       referenceTone,
@@ -101,7 +100,7 @@ export const udixioVariant: Variant = variant({
     }),
     secondary: ({ sourceColor }) => ({
       hue: sourceColor.hue,
-      chroma: sourceColor.chroma / 1.4,
+      chroma: sourceColor.chroma * 0.5,
     }),
     tertiary: ({ sourceColor }) => ({
       hue: getRotatedHue(
@@ -209,15 +208,9 @@ export const udixioVariant: Variant = variant({
       [colorContainerKey]: {
         palette: () => palettes.get(colorKey),
         tone: () => {
-          if (ctx.variant.name === 'vibrant') {
-            return ctx.isDark
-              ? tMinC(palettes.get(colorKey), 30, 40)
-              : tMaxC(palettes.get(colorKey), 84, 90);
-          } else if (ctx.variant.name === 'expressive') {
-            return ctx.isDark ? 15 : tMaxC(palettes.get(colorKey), 90, 95);
-          } else {
-            return ctx.isDark ? 25 : 90;
-          }
+          return ctx.isDark
+            ? tMinC(palettes.get(colorKey), 35, 93)
+            : tMaxC(palettes.get(colorKey), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),
@@ -592,7 +585,9 @@ export const udixioVariant: Variant = variant({
       secondaryContainer: {
         palette: () => palettes.get('secondary'),
         tone: () => {
-          return ctx.isDark ? 25 : 90;
+          return ctx.isDark
+            ? tMinC(palettes.get('secondary'), 35, 93)
+            : tMaxC(palettes.get('secondary'), 0, 90);
         },
         isBackground: true,
         background: () => highestSurface(ctx, colors),