@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.
- package/CHANGELOG.md +20 -0
- package/dist/bin.cjs +1 -1
- package/dist/bin.js +1 -1
- package/dist/browser.cjs +3 -4
- package/dist/browser.js +11 -12
- package/dist/color/color.manager.d.ts.map +1 -1
- package/dist/color/default-color.d.ts.map +1 -1
- package/dist/{define-config-CGG8l3fb.js → define-config-BasMdCqD.js} +32 -2
- package/dist/{define-config-BFo7Sy7c.cjs → define-config-CKSsLMnc.cjs} +32 -2
- package/dist/{load-from-path-CFpw2P_Y.js → load-from-path-Bo1kCfh9.js} +1 -1
- package/dist/{load-from-path-BvdfXUD0.cjs → load-from-path-DoZnR1-p.cjs} +2 -2
- package/dist/loader/loader.d.ts.map +1 -1
- package/dist/{loader-C_BIrsO2.js → loader-C8_TyOuS.js} +132 -119
- package/dist/{loader-TksB6_mM.cjs → loader-R7hccp8_.cjs} +124 -111
- package/dist/material-color-utilities/dynamic_color.d.ts +9 -15
- package/dist/material-color-utilities/dynamic_color.d.ts.map +1 -1
- package/dist/material-color-utilities/toneDeltaPair.d.ts +9 -2
- package/dist/material-color-utilities/toneDeltaPair.d.ts.map +1 -1
- package/dist/node.cjs +4 -5
- package/dist/node.js +13 -14
- package/dist/theme/scheme.d.ts +1 -1
- package/dist/theme/scheme.d.ts.map +1 -1
- package/dist/theme/theme.api.d.ts +1 -0
- package/dist/theme/theme.api.d.ts.map +1 -1
- package/dist/theme/variants/fidelity.variant.d.ts +3 -0
- package/dist/theme/variants/fidelity.variant.d.ts.map +1 -0
- package/dist/theme/variants/index.d.ts +1 -0
- package/dist/theme/variants/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/color/color.manager.ts +10 -8
- package/src/color/default-color.ts +82 -34
- package/src/loader/loader.ts +1 -5
- package/src/material-color-utilities/dynamic_color.ts +18 -120
- package/src/material-color-utilities/toneDeltaPair.ts +91 -2
- package/src/theme/scheme.ts +7 -1
- package/src/theme/theme.api.ts +4 -0
- package/src/theme/variants/fidelity.variant.ts +38 -0
- 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-
|
|
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-
|
|
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-
|
|
4
|
-
const defineConfig = require("./define-config-
|
|
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,
|
|
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-
|
|
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
|
-
|
|
16
|
+
j as PluginApi,
|
|
17
17
|
a2 as PluginImplAbstract,
|
|
18
18
|
P as PluginModule,
|
|
19
|
-
|
|
19
|
+
m as Scheme,
|
|
20
20
|
S as SchemeManager,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
T as ToneDeltaPair,
|
|
21
|
+
n as ThemeApi,
|
|
22
|
+
T as ThemeModule,
|
|
24
23
|
V as Variant,
|
|
25
|
-
|
|
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
|
-
|
|
32
|
-
p as
|
|
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
|
-
|
|
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;
|
|
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;
|
|
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 {
|
|
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-
|
|
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) {
|
|
@@ -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-
|
|
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-
|
|
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,
|
|
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"}
|