@udixio/theme 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/bin.cjs +1 -1
  3. package/dist/bin.js +1 -1
  4. package/dist/browser.cjs +3 -4
  5. package/dist/browser.js +11 -12
  6. package/dist/color/color.manager.d.ts.map +1 -1
  7. package/dist/color/default-color.d.ts.map +1 -1
  8. package/dist/{define-config-CGG8l3fb.js → define-config-BasMdCqD.js} +32 -2
  9. package/dist/{define-config-BFo7Sy7c.cjs → define-config-CKSsLMnc.cjs} +32 -2
  10. package/dist/{load-from-path-CFpw2P_Y.js → load-from-path-Bo1kCfh9.js} +1 -1
  11. package/dist/{load-from-path-BvdfXUD0.cjs → load-from-path-DoZnR1-p.cjs} +2 -2
  12. package/dist/loader/loader.d.ts.map +1 -1
  13. package/dist/{loader-C_BIrsO2.js → loader-C8_TyOuS.js} +132 -119
  14. package/dist/{loader-TksB6_mM.cjs → loader-R7hccp8_.cjs} +124 -111
  15. package/dist/material-color-utilities/dynamic_color.d.ts +9 -15
  16. package/dist/material-color-utilities/dynamic_color.d.ts.map +1 -1
  17. package/dist/material-color-utilities/toneDeltaPair.d.ts +9 -2
  18. package/dist/material-color-utilities/toneDeltaPair.d.ts.map +1 -1
  19. package/dist/node.cjs +4 -5
  20. package/dist/node.js +13 -14
  21. package/dist/theme/scheme.d.ts +1 -1
  22. package/dist/theme/scheme.d.ts.map +1 -1
  23. package/dist/theme/theme.api.d.ts +1 -0
  24. package/dist/theme/theme.api.d.ts.map +1 -1
  25. package/dist/theme/variants/fidelity.variant.d.ts +3 -0
  26. package/dist/theme/variants/fidelity.variant.d.ts.map +1 -0
  27. package/dist/theme/variants/index.d.ts +1 -0
  28. package/dist/theme/variants/index.d.ts.map +1 -1
  29. package/package.json +1 -1
  30. package/src/color/color.manager.ts +10 -8
  31. package/src/color/default-color.ts +82 -34
  32. package/src/loader/loader.ts +1 -5
  33. package/src/material-color-utilities/dynamic_color.ts +18 -120
  34. package/src/material-color-utilities/toneDeltaPair.ts +91 -2
  35. package/src/theme/scheme.ts +7 -1
  36. package/src/theme/theme.api.ts +4 -0
  37. package/src/theme/variants/fidelity.variant.ts +38 -0
  38. package/src/theme/variants/index.ts +2 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 1.3.1 (2025-09-04)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - the external colors must be coherent ([08cd685](https://github.com/Udixio/UI/commit/08cd685))
6
+
7
+ ### ❤️ Thank You
8
+
9
+ - Joël VIGREUX
10
+
11
+ ## 1.3.0 (2025-09-04)
12
+
13
+ ### 🚀 Features
14
+
15
+ - add fidelity variant ([7675e2a](https://github.com/Udixio/UI/commit/7675e2a))
16
+
17
+ ### ❤️ Thank You
18
+
19
+ - Joël VIGREUX
20
+
1
21
  ## 1.2.0 (2025-08-27)
2
22
 
3
23
  ### 🚀 Features
package/dist/bin.cjs CHANGED
@@ -2,7 +2,7 @@
2
2
  const commander = require("commander");
3
3
  const chokidar = require("chokidar");
4
4
  const chalk = require("chalk");
5
- const loadFromPath = require("./load-from-path-BvdfXUD0.cjs");
5
+ const loadFromPath = require("./load-from-path-DoZnR1-p.cjs");
6
6
  const program = new commander.Command();
7
7
  async function runOnce(configPath) {
8
8
  try {
package/dist/bin.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Command } from "commander";
2
2
  import chokidar from "chokidar";
3
3
  import chalk from "chalk";
4
- import { l as loadFromPath } from "./load-from-path-CFpw2P_Y.js";
4
+ import { l as loadFromPath } from "./load-from-path-Bo1kCfh9.js";
5
5
  const program = new Command();
6
6
  async function runOnce(configPath) {
7
7
  try {
package/dist/browser.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const loader = require("./loader-TksB6_mM.cjs");
4
- const defineConfig = require("./define-config-BFo7Sy7c.cjs");
3
+ const loader = require("./loader-R7hccp8_.cjs");
4
+ const defineConfig = require("./define-config-CKSsLMnc.cjs");
5
5
  exports.API = loader.API;
6
6
  exports.AppContainer = loader.AppContainer;
7
7
  exports.AppModule = loader.AppModule;
@@ -17,18 +17,17 @@ exports.Scheme = loader.Scheme;
17
17
  exports.SchemeManager = loader.SchemeManager;
18
18
  exports.ThemeApi = loader.ThemeApi;
19
19
  exports.ThemeModule = loader.ThemeModule;
20
- exports.ToneDeltaPair = loader.ToneDeltaPair;
21
20
  exports.Variant = loader.Variant;
22
21
  exports.VariantManager = loader.VariantManager;
23
22
  exports.bootstrap = loader.bootstrap;
24
23
  exports.defaultColors = loader.defaultColors;
25
- exports.extendSpecVersion = loader.extendSpecVersion;
26
24
  exports.getPiecewiseHue = loader.getPiecewiseHue;
27
25
  exports.getRotatedHue = loader.getRotatedHue;
28
26
  exports.highestSurface = loader.highestSurface;
29
27
  exports.loader = loader.loader;
30
28
  exports.registerModule = loader.registerModule;
31
29
  exports.tonalSpotVariant = loader.tonalSpotVariant;
30
+ exports.toneDeltaPair = loader.toneDeltaPair;
32
31
  exports.FontFamily = defineConfig.FontFamily;
33
32
  exports.FontPlugin = defineConfig.FontPlugin;
34
33
  exports.PluginAbstract = defineConfig.PluginAbstract;
package/dist/browser.js CHANGED
@@ -1,5 +1,5 @@
1
- import { b, A, a, C, c, d, e, i, D, k, P, n, S, o, m, T, V, s, g, f, j, p, q, h, l, r, t } from "./loader-C_BIrsO2.js";
2
- import { F, b as b2, P as P2, a as a2, V as V2, d as d2, e as e2, n as n2, v } from "./define-config-CGG8l3fb.js";
1
+ import { b, A, a, C, c, d, e, i, D, j, P, m, S, n, T, V, q, g, f, o, p, h, l, r, k, t } from "./loader-C8_TyOuS.js";
2
+ import { F, b as b2, P as P2, a as a2, V as V2, d as d2, e as e2, n as n2, v } from "./define-config-BasMdCqD.js";
3
3
  export {
4
4
  b as API,
5
5
  A as AppContainer,
@@ -13,28 +13,27 @@ export {
13
13
  F as FontFamily,
14
14
  b2 as FontPlugin,
15
15
  P2 as PluginAbstract,
16
- k as PluginApi,
16
+ j as PluginApi,
17
17
  a2 as PluginImplAbstract,
18
18
  P as PluginModule,
19
- n as Scheme,
19
+ m as Scheme,
20
20
  S as SchemeManager,
21
- o as ThemeApi,
22
- m as ThemeModule,
23
- T as ToneDeltaPair,
21
+ n as ThemeApi,
22
+ T as ThemeModule,
24
23
  V as Variant,
25
- s as VariantManager,
24
+ q as VariantManager,
26
25
  V2 as Variants,
27
26
  g as bootstrap,
28
27
  f as defaultColors,
29
28
  d2 as defineConfig,
30
29
  e2 as expressiveVariant,
31
- j as extendSpecVersion,
32
- p as getPiecewiseHue,
33
- q as getRotatedHue,
30
+ o as getPiecewiseHue,
31
+ p as getRotatedHue,
34
32
  h as highestSurface,
35
33
  l as loader,
36
34
  n2 as neutralVariant,
37
35
  r as registerModule,
38
- t as tonalSpotVariant,
36
+ k as tonalSpotVariant,
37
+ t as toneDeltaPair,
39
38
  v as vibrantVariant
40
39
  };
@@ -1 +1 @@
1
- {"version":3,"file":"color.manager.d.ts","sourceRoot":"","sources":["../../src/color/color.manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiB,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,eAAO,MAAM,cAAc,GACzB,GAAG,MAAM,EACT,cAAc,YAAY,GAAG,QAAQ,KACpC,YAUF,CAAC;AAEF,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;gBAElC,EAAE,aAAa,EAAE,EAAE;QAAE,aAAa,EAAE,aAAa,CAAA;KAAE;IAI/D,cAAc,CACZ,GAAG,EAAE,MAAM,EACX,IAAI,EACA,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,GAC3C;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAA;KAAE,GACnD,iBAAiB;IA4Bb,MAAM,CAAC,GAAG,EAAE,MAAM;IAIlB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB;IASnC,MAAM,IAAI,WAAW,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAIvD,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAgIlC"}
1
+ {"version":3,"file":"color.manager.d.ts","sourceRoot":"","sources":["../../src/color/color.manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiB,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEvE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAMvC,eAAO,MAAM,cAAc,GACzB,GAAG,MAAM,EACT,cAAc,YAAY,GAAG,QAAQ,KACpC,YAUF,CAAC;AAEF,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAgB;gBAElC,EAAE,aAAa,EAAE,EAAE;QAAE,aAAa,EAAE,aAAa,CAAA;KAAE;IAI/D,cAAc,CACZ,GAAG,EAAE,MAAM,EACX,IAAI,EACA,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG;QAAE,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,CAAC,GAC3C;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAC;QAAC,IAAI,CAAC,EAAE,KAAK,CAAA;KAAE,GACnD,iBAAiB;IA4Bb,MAAM,CAAC,GAAG,EAAE,MAAM;IAIlB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,iBAAiB;IASnC,MAAM,IAAI,WAAW,CAAC,MAAM,EAAE,iBAAiB,CAAC;IAIvD,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;CAkIlC"}
@@ -1 +1 @@
1
- {"version":3,"file":"default-color.d.ts","sourceRoot":"","sources":["../../src/color/default-color.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAY,MAAM,aAAa,CAAC;AAMzD,eAAO,MAAM,aAAa,EAAE,gBAszB3B,CAAC"}
1
+ {"version":3,"file":"default-color.d.ts","sourceRoot":"","sources":["../../src/color/default-color.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAY,MAAM,aAAa,CAAC;AAWzD,eAAO,MAAM,aAAa,EAAE,gBAi2B3B,CAAC"}
@@ -1,7 +1,7 @@
1
1
  var __defProp = Object.defineProperty;
2
2
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
3
3
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
4
- import { q as getRotatedHue, p as getPiecewiseHue, H as Hct, t as tonalSpotVariant } from "./loader-C_BIrsO2.js";
4
+ import { p as getRotatedHue, o as getPiecewiseHue, H as Hct, k as tonalSpotVariant } from "./loader-C8_TyOuS.js";
5
5
  import { TonalPalette } from "@material/material-color-utilities";
6
6
  const getExpressiveNeutralHue = (sourceColorHct) => {
7
7
  const hue = getRotatedHue(
@@ -164,11 +164,41 @@ const vibrantVariant = {
164
164
  56
165
165
  )
166
166
  };
167
+ const fidelityVariant = {
168
+ name: "fidelity",
169
+ palettes: {
170
+ primary: ({ sourceColorHct, isDark }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, sourceColorHct.chroma),
171
+ secondary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
172
+ sourceColorHct.hue,
173
+ sourceColorHct.chroma * 0.5
174
+ ),
175
+ tertiary: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(
176
+ getRotatedHue(
177
+ sourceColorHct,
178
+ [0, 20, 71, 161, 333, 360],
179
+ [-40, 48, -32, 40, -32]
180
+ ),
181
+ sourceColorHct.chroma
182
+ ),
183
+ neutral: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, 5),
184
+ neutralVariant: ({ sourceColorHct }) => TonalPalette.fromHueAndChroma(sourceColorHct.hue, 5 * 1.7),
185
+ error: ({ sourceColorHct }) => {
186
+ const errorHue = getPiecewiseHue(
187
+ sourceColorHct,
188
+ [0, 3, 13, 23, 33, 43, 153, 273, 360],
189
+ [12, 22, 32, 12, 22, 32, 22, 12]
190
+ );
191
+ return TonalPalette.fromHueAndChroma(errorHue, 60);
192
+ }
193
+ },
194
+ customPalettes: ({ colorHct, sourceColorHct }) => TonalPalette.fromHueAndChroma(colorHct.hue, sourceColorHct.chroma)
195
+ };
167
196
  const Variants = {
168
197
  Expressive: expressiveVariant,
169
198
  Neutral: neutralVariant,
170
199
  TonalSpot: tonalSpotVariant,
171
- Vibrant: vibrantVariant
200
+ Vibrant: vibrantVariant,
201
+ Fidelity: fidelityVariant
172
202
  };
173
203
  class PluginAbstract {
174
204
  constructor(options) {
@@ -2,7 +2,7 @@
2
2
  var __defProp = Object.defineProperty;
3
3
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
4
4
  var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
5
- const loader = require("./loader-TksB6_mM.cjs");
5
+ const loader = require("./loader-R7hccp8_.cjs");
6
6
  const materialColorUtilities = require("@material/material-color-utilities");
7
7
  const getExpressiveNeutralHue = (sourceColorHct) => {
8
8
  const hue = loader.getRotatedHue(
@@ -165,11 +165,41 @@ const vibrantVariant = {
165
165
  56
166
166
  )
167
167
  };
168
+ const fidelityVariant = {
169
+ name: "fidelity",
170
+ palettes: {
171
+ primary: ({ sourceColorHct, isDark }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, sourceColorHct.chroma),
172
+ secondary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
173
+ sourceColorHct.hue,
174
+ sourceColorHct.chroma * 0.5
175
+ ),
176
+ tertiary: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(
177
+ loader.getRotatedHue(
178
+ sourceColorHct,
179
+ [0, 20, 71, 161, 333, 360],
180
+ [-40, 48, -32, 40, -32]
181
+ ),
182
+ sourceColorHct.chroma
183
+ ),
184
+ neutral: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 5),
185
+ neutralVariant: ({ sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(sourceColorHct.hue, 5 * 1.7),
186
+ error: ({ sourceColorHct }) => {
187
+ const errorHue = loader.getPiecewiseHue(
188
+ sourceColorHct,
189
+ [0, 3, 13, 23, 33, 43, 153, 273, 360],
190
+ [12, 22, 32, 12, 22, 32, 22, 12]
191
+ );
192
+ return materialColorUtilities.TonalPalette.fromHueAndChroma(errorHue, 60);
193
+ }
194
+ },
195
+ customPalettes: ({ colorHct, sourceColorHct }) => materialColorUtilities.TonalPalette.fromHueAndChroma(colorHct.hue, sourceColorHct.chroma)
196
+ };
168
197
  const Variants = {
169
198
  Expressive: expressiveVariant,
170
199
  Neutral: neutralVariant,
171
200
  TonalSpot: loader.tonalSpotVariant,
172
- Vibrant: vibrantVariant
201
+ Vibrant: vibrantVariant,
202
+ Fidelity: fidelityVariant
173
203
  };
174
204
  class PluginAbstract {
175
205
  constructor(options) {
@@ -1,4 +1,4 @@
1
- import { l as loader } from "./loader-C_BIrsO2.js";
1
+ import { l as loader } from "./loader-C8_TyOuS.js";
2
2
  import * as fs from "node:fs";
3
3
  async function resolveConfig(configPath = "./theme.config") {
4
4
  const { createJiti } = await import("jiti");
@@ -21,7 +21,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
21
21
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
22
  mod
23
23
  ));
24
- const loader = require("./loader-TksB6_mM.cjs");
24
+ const loader = require("./loader-R7hccp8_.cjs");
25
25
  const fs = require("node:fs");
26
26
  var _documentCurrentScript = typeof document !== "undefined" ? document.currentScript : null;
27
27
  function _interopNamespaceDefault(e) {
@@ -44,7 +44,7 @@ const fs__namespace = /* @__PURE__ */ _interopNamespaceDefault(fs);
44
44
  async function resolveConfig(configPath = "./theme.config") {
45
45
  const { createJiti } = await import("jiti");
46
46
  const { resolve } = await import("pathe");
47
- const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-BvdfXUD0.cjs", document.baseURI).href, {
47
+ const jiti = createJiti(typeof document === "undefined" ? require("url").pathToFileURL(__filename).href : _documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === "SCRIPT" && _documentCurrentScript.src || new URL("load-from-path-DoZnR1-p.cjs", document.baseURI).href, {
48
48
  debug: process.env.NODE_ENV === "development",
49
49
  fsCache: true,
50
50
  interopDefault: true
@@ -1 +1 @@
1
- {"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/loader/loader.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAU5C,eAAO,MAAM,MAAM,GAAU,QAAQ,eAAe,8BA+CnD,CAAC"}
1
+ {"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/loader/loader.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAU5C,eAAO,MAAM,MAAM,GAAU,QAAQ,eAAe,8BA2CnD,CAAC"}