@maz-ui/themes 4.0.0-beta.27 → 4.0.0-beta.35
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/dist/composables/index.js +1 -1
- package/dist/composables/useTheme.js +40 -53
- package/dist/plugin.js +2 -3
- package/dist/types/composables/useTheme.d.ts +2 -2
- package/dist/types/composables/useTheme.d.ts.map +1 -1
- package/dist/types/define-preset.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/plugin.d.ts +2 -4
- package/dist/types/plugin.d.ts.map +1 -1
- package/dist/types/types/index.d.ts +2 -1
- package/dist/types/types/index.d.ts.map +1 -1
- package/dist/types/utils/color-utils.d.ts.map +1 -1
- package/dist/types/utils/css-generator.d.ts +0 -14
- package/dist/types/utils/css-generator.d.ts.map +1 -1
- package/dist/types/utils/get-preset.d.ts +3 -4
- package/dist/types/utils/get-preset.d.ts.map +1 -1
- package/dist/utils/color-utils.js +28 -37
- package/package.json +7 -5
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { initThemeState as T, useTheme as a } from "./useTheme.js";
|
|
2
1
|
import "vue";
|
|
3
2
|
import "../utils/cookie-storage.js";
|
|
4
3
|
import "../utils/css-generator.js";
|
|
5
4
|
import "../utils/get-color-mode.js";
|
|
6
5
|
import "../utils/get-preset.js";
|
|
7
6
|
import "../utils/preset-merger.js";
|
|
7
|
+
import { initThemeState as T, useTheme as a } from "./useTheme.js";
|
|
8
8
|
export {
|
|
9
9
|
T as initThemeState,
|
|
10
10
|
a as useTheme
|
|
@@ -1,21 +1,18 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { setCookie as
|
|
3
|
-
import { generateCriticalCSS as
|
|
4
|
-
import { getColorMode as
|
|
5
|
-
import { getPreset as
|
|
6
|
-
import { mergePresets as
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
const r = M();
|
|
11
|
-
function k(e) {
|
|
1
|
+
import { ref as g, computed as a, watchEffect as p, inject as v, getCurrentInstance as c, watch as k } from "vue";
|
|
2
|
+
import { setCookie as y } from "../utils/cookie-storage.js";
|
|
3
|
+
import { generateCriticalCSS as S, generateFullCSS as M, injectCSS as s, CSS_IDS as u } from "../utils/css-generator.js";
|
|
4
|
+
import { getColorMode as P, isSystemPrefersDark as h } from "../utils/get-color-mode.js";
|
|
5
|
+
import { getPreset as C } from "../utils/get-preset.js";
|
|
6
|
+
import { mergePresets as T } from "../utils/preset-merger.js";
|
|
7
|
+
const r = g();
|
|
8
|
+
function d(e) {
|
|
12
9
|
typeof document > "u" || !e || e.darkModeStrategy === "media" || e.mode === "light" || (e.isDark ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"));
|
|
13
10
|
}
|
|
14
|
-
function
|
|
15
|
-
const e =
|
|
11
|
+
function w() {
|
|
12
|
+
const e = c()?.appContext.app;
|
|
16
13
|
e && r.value && (e.config.globalProperties.$mazThemeState = r.value);
|
|
17
14
|
}
|
|
18
|
-
function
|
|
15
|
+
function b(e) {
|
|
19
16
|
if (e.currentPreset && e.colorMode !== void 0) {
|
|
20
17
|
l({
|
|
21
18
|
currentPreset: e.currentPreset,
|
|
@@ -27,7 +24,7 @@ function I(e) {
|
|
|
27
24
|
});
|
|
28
25
|
return;
|
|
29
26
|
}
|
|
30
|
-
const t =
|
|
27
|
+
const t = P(e.colorMode), o = t === "auto" ? h() : t === "dark";
|
|
31
28
|
l({
|
|
32
29
|
currentPreset: e.currentPreset,
|
|
33
30
|
colorMode: t,
|
|
@@ -44,74 +41,64 @@ function l(e) {
|
|
|
44
41
|
};
|
|
45
42
|
t.addEventListener("change", o), o();
|
|
46
43
|
}
|
|
47
|
-
|
|
48
|
-
r.value && (
|
|
44
|
+
p(() => {
|
|
45
|
+
r.value && (d(r.value), w());
|
|
49
46
|
});
|
|
50
47
|
}
|
|
51
|
-
const
|
|
48
|
+
const z = a({
|
|
52
49
|
get: () => r.value?.colorMode,
|
|
53
50
|
set: (e) => n(e)
|
|
54
|
-
}),
|
|
55
|
-
async function
|
|
51
|
+
}), E = a(() => r.value?.isDark ?? !1), L = a(() => r.value?.strategy), x = a(() => r.value?.mode), D = a(() => r.value?.darkModeStrategy), F = a(() => r.value?.currentPreset.name);
|
|
52
|
+
async function I(e) {
|
|
56
53
|
if (!r.value)
|
|
57
54
|
return;
|
|
58
|
-
const t = typeof e == "string" ? await
|
|
55
|
+
const t = typeof e == "string" ? await C(e) : e, o = "name" in t && t.name !== r.value.currentPreset.name ? t : T(r.value.currentPreset, t);
|
|
59
56
|
if (r.value.currentPreset = o, r.value.strategy === "runtime" || r.value.strategy === "hybrid") {
|
|
60
57
|
const i = {
|
|
61
58
|
mode: r.value.mode,
|
|
62
59
|
darkSelectorStrategy: r.value.darkModeStrategy,
|
|
63
60
|
prefix: "maz"
|
|
64
|
-
},
|
|
65
|
-
s(u.CRITICAL,
|
|
61
|
+
}, f = S(o, i), m = M(o, i);
|
|
62
|
+
s(u.CRITICAL, f), s(u.FULL, m);
|
|
66
63
|
}
|
|
67
64
|
}
|
|
68
65
|
function n(e) {
|
|
69
|
-
r.value && (r.value.colorMode = e, e === "auto" ? r.value.isDark = typeof globalThis.window < "u" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches : r.value.isDark = e === "dark",
|
|
66
|
+
r.value && (r.value.colorMode = e, e === "auto" ? r.value.isDark = typeof globalThis.window < "u" && globalThis.matchMedia("(prefers-color-scheme: dark)").matches : r.value.isDark = e === "dark", d(r.value), y("maz-color-mode", e));
|
|
70
67
|
}
|
|
71
|
-
function
|
|
68
|
+
function U() {
|
|
72
69
|
r.value && n(r.value.isDark ? "light" : "dark");
|
|
73
70
|
}
|
|
74
|
-
function
|
|
71
|
+
function O() {
|
|
75
72
|
let e;
|
|
76
73
|
try {
|
|
77
|
-
if (e =
|
|
74
|
+
if (e = v("mazThemeState", void 0), !e)
|
|
78
75
|
throw new Error("mazThemeState not found");
|
|
79
76
|
} catch {
|
|
80
|
-
const t =
|
|
77
|
+
const t = c();
|
|
81
78
|
t?.appContext?.app?.config?.globalProperties && (e = t.appContext.app.config.globalProperties.$mazThemeState);
|
|
82
79
|
}
|
|
83
|
-
|
|
80
|
+
if (e && (r.value ? (typeof document > "u" || typeof globalThis.window > "u") && (r.value = {
|
|
84
81
|
...r.value,
|
|
85
82
|
...e
|
|
86
|
-
}) :
|
|
83
|
+
}) : b(e)), k(() => e?.currentPreset, (t) => {
|
|
87
84
|
r.value && t && (r.value.currentPreset = t);
|
|
88
85
|
}, {
|
|
89
86
|
once: !0
|
|
90
|
-
}), r.value
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
87
|
+
}), !r.value)
|
|
88
|
+
throw new Error("[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin before using useTheme composable");
|
|
89
|
+
return {
|
|
90
|
+
presetName: F,
|
|
91
|
+
colorMode: z,
|
|
92
|
+
isDark: E,
|
|
93
|
+
strategy: L,
|
|
94
|
+
updateTheme: I,
|
|
96
95
|
setColorMode: n,
|
|
97
|
-
toggleDarkMode:
|
|
98
|
-
mode:
|
|
99
|
-
darkModeStrategy:
|
|
100
|
-
}
|
|
101
|
-
presetName: p,
|
|
102
|
-
colorMode: c,
|
|
103
|
-
isDark: d,
|
|
104
|
-
strategy: m,
|
|
105
|
-
mode: f,
|
|
106
|
-
darkModeStrategy: g,
|
|
107
|
-
updateTheme: () => Promise.resolve(),
|
|
108
|
-
setColorMode: () => {
|
|
109
|
-
},
|
|
110
|
-
toggleDarkMode: () => {
|
|
111
|
-
}
|
|
112
|
-
});
|
|
96
|
+
toggleDarkMode: U,
|
|
97
|
+
mode: x,
|
|
98
|
+
darkModeStrategy: D
|
|
99
|
+
};
|
|
113
100
|
}
|
|
114
101
|
export {
|
|
115
102
|
l as initThemeState,
|
|
116
|
-
|
|
103
|
+
O as useTheme
|
|
117
104
|
};
|
package/dist/plugin.js
CHANGED
|
@@ -28,13 +28,12 @@ function M(r, t) {
|
|
|
28
28
|
r.provide("mazThemeState", t), r.config.globalProperties.$mazThemeState = t;
|
|
29
29
|
}
|
|
30
30
|
const v = {
|
|
31
|
-
async install(r, t
|
|
31
|
+
async install(r, t) {
|
|
32
32
|
const e = {
|
|
33
|
-
preset: "maz-ui",
|
|
34
33
|
strategy: "runtime",
|
|
35
34
|
overrides: {},
|
|
36
35
|
darkModeStrategy: "class",
|
|
37
|
-
colorMode: (t
|
|
36
|
+
colorMode: (t?.mode !== "both" ? t?.mode : t?.colorMode) ?? "auto",
|
|
38
37
|
injectCriticalCSS: !0,
|
|
39
38
|
injectFullCSS: !0,
|
|
40
39
|
mode: "both",
|
|
@@ -8,11 +8,11 @@ export declare function useTheme(): {
|
|
|
8
8
|
colorMode: import('vue').WritableComputedRef<ColorMode, ColorMode>;
|
|
9
9
|
isDark: import('vue').ComputedRef<boolean>;
|
|
10
10
|
strategy: import('vue').ComputedRef<Strategy>;
|
|
11
|
-
mode: import('vue').ComputedRef<ThemeMode>;
|
|
12
|
-
darkModeStrategy: import('vue').ComputedRef<DarkModeStrategy>;
|
|
13
11
|
updateTheme: typeof updateTheme;
|
|
14
12
|
setColorMode: typeof setColorMode;
|
|
15
13
|
toggleDarkMode: typeof toggleDarkMode;
|
|
14
|
+
mode: import('vue').ComputedRef<ThemeMode>;
|
|
15
|
+
darkModeStrategy: import('vue').ComputedRef<DarkModeStrategy>;
|
|
16
16
|
};
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=useTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/composables/useTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AA2DhJ,wBAAgB,cAAc,CAAC,YAAY,EAAE,UAAU,QAsBtD;AAaD,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBAyBtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAgBzC;AAED,iBAAS,cAAc,SAKtB;AAED,wBAAgB,QAAQ;;;;;;;;;;EAoDvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../../src/define-preset.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../../src/define-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,WAAW,CAAA;AAEf,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA"}
|
package/dist/types/plugin.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Plugin } from 'vue';
|
|
2
2
|
import { ThemeConfig, ThemeState } from './types';
|
|
3
3
|
export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
|
|
4
4
|
/**
|
|
@@ -28,9 +28,7 @@ export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
|
|
|
28
28
|
* })
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
|
-
export declare const MazUiTheme:
|
|
32
|
-
install(app: App, options?: MazUiThemeOptions): Promise<void>;
|
|
33
|
-
};
|
|
31
|
+
export declare const MazUiTheme: Plugin<[MazUiThemeOptions]>;
|
|
34
32
|
declare module 'vue' {
|
|
35
33
|
interface ComponentCustomProperties {
|
|
36
34
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,KAAK,EAAoB,WAAW,EAAe,UAAU,EAAE,MAAM,SAAS,CAAA;AAarF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACpE;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAiDD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CA+ClD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,UAAU,CAAA;KAC3B;CACF"}
|
|
@@ -79,7 +79,7 @@ export interface ThemeConfig {
|
|
|
79
79
|
* @description Can be a predefined preset name or a custom preset object
|
|
80
80
|
* @default mazUi preset
|
|
81
81
|
*/
|
|
82
|
-
preset
|
|
82
|
+
preset: ThemePreset;
|
|
83
83
|
/**
|
|
84
84
|
* Custom preset overrides
|
|
85
85
|
* @description Allows customizing specific parts of the preset without redefining it entirely
|
|
@@ -133,6 +133,7 @@ export interface ColorScale {
|
|
|
133
133
|
700: string;
|
|
134
134
|
800: string;
|
|
135
135
|
900: string;
|
|
136
|
+
950: string;
|
|
136
137
|
}
|
|
137
138
|
export interface ThemeState {
|
|
138
139
|
currentPreset: ThemePreset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,MAAM,KAAK,MAAM,GAAG,CAAA;AACnD,MAAM,MAAM,QAAQ,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,EAAE,CAAA;AAE9F,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,GAAG,CAAA;IACjB,YAAY,EAAE,GAAG,CAAA;IACjB,SAAS,EAAE,GAAG,CAAA;IACd,oBAAoB,EAAE,GAAG,CAAA;IACzB,WAAW,EAAE,GAAG,CAAA;IAChB,sBAAsB,EAAE,GAAG,CAAA;IAC3B,QAAQ,EAAE,GAAG,CAAA;IACb,mBAAmB,EAAE,GAAG,CAAA;IACxB,MAAM,EAAE,GAAG,CAAA;IACX,iBAAiB,EAAE,GAAG,CAAA;IACtB,UAAU,EAAE,GAAG,CAAA;IACf,qBAAqB,EAAE,GAAG,CAAA;IAC1B,aAAa,EAAE,GAAG,CAAA;IAClB,wBAAwB,EAAE,GAAG,CAAA;IAC7B,SAAS,EAAE,GAAG,CAAA;IACd,oBAAoB,EAAE,GAAG,CAAA;IACzB,SAAS,EAAE,GAAG,CAAA;IACd,oBAAoB,EAAE,GAAG,CAAA;IACzB,SAAS,EAAE,GAAG,CAAA;IACd,OAAO,EAAE,GAAG,CAAA;IACZ,QAAQ,EAAE,GAAG,CAAA;IACb,QAAQ,EAAE,GAAG,CAAA;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,gBAAgB,CAAC,EAAE,QAAQ,CAAA;IAC3B,QAAQ,EAAE,QAAQ,CAAA;IAClB,cAAc,EAAE,QAAQ,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;OAGG;IACH,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QAC5B,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC5B,CAAA;IAED;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE;QACN,KAAK,EAAE,WAAW,CAAA;QAClB,IAAI,EAAE,WAAW,CAAA;KAClB,CAAA;IACD,UAAU,EAAE,eAAe,CAAA;CAC5B;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,OAAO,CAAA;AAEhD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAA;AAEzD,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;OAIG;IACH,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKjE;
|
|
1
|
+
{"version":3,"file":"color-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/color-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAUzE;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAKjE;AAkCD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,CAyChE;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAG1D;AAED,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAIlF"}
|
|
@@ -23,26 +23,12 @@ export interface FullCSSOptions {
|
|
|
23
23
|
/** Include color scales (50-900) */
|
|
24
24
|
includeColorScales?: boolean;
|
|
25
25
|
}
|
|
26
|
-
/**
|
|
27
|
-
* Generates critical CSS to prevent FOUC
|
|
28
|
-
* Contains only essential variables
|
|
29
|
-
*/
|
|
30
26
|
export declare function generateCriticalCSS(preset: ThemePreset, options?: CriticalCSSOptions): string;
|
|
31
|
-
/**
|
|
32
|
-
* Generates full CSS without critical variables
|
|
33
|
-
* Avoids duplication with critical CSS
|
|
34
|
-
*/
|
|
35
27
|
export declare function generateFullCSS(preset: ThemePreset, options?: FullCSSOptions): string;
|
|
36
28
|
export declare enum CSS_IDS {
|
|
37
29
|
FULL = "maz-theme-full",
|
|
38
30
|
CRITICAL = "maz-theme-critical"
|
|
39
31
|
}
|
|
40
|
-
/**
|
|
41
|
-
* Injects CSS into the DOM
|
|
42
|
-
*/
|
|
43
32
|
export declare function injectCSS(id: CSS_IDS, css: string): void;
|
|
44
|
-
/**
|
|
45
|
-
* Supprime le CSS du DOM
|
|
46
|
-
*/
|
|
47
33
|
export declare function removeCSS(id: CSS_IDS): void;
|
|
48
34
|
//# sourceMappingURL=css-generator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"css-generator.d.ts","sourceRoot":"","sources":["../../../src/utils/css-generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGtG,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,CAAC,EAAE,CAAA;IACtC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,CAAC,MAAM,eAAe,CAAC,EAAE,CAAA;IAC9C,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,MAAM,eAAe,CAAC,EAAE,CAAA;IAC/D,6BAA6B;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,6DAA6D;IAC7D,oBAAoB,EAAE,gBAAgB,CAAA;IACtC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAmCD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,kBAGR,GACA,MAAM,CAwCR;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,OAAO,GAAE,cAGR,GACA,MAAM,CA4CR;AAoHD,oBAAY,OAAO;IACjB,IAAI,mBAAmB;IACvB,QAAQ,uBAAuB;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAaxD;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAQ3C"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare function
|
|
4
|
-
export declare function getPreset(preset?: MazUiThemeOptions['preset']): Promise<ThemePreset>;
|
|
1
|
+
import { ThemePreset, ThemePresetName, ThemePresetOverrides } from '../types';
|
|
2
|
+
export declare function isPresetObject(preset?: ThemePresetName | ThemePreset | ThemePresetOverrides): preset is ThemePreset;
|
|
3
|
+
export declare function getPreset(preset?: ThemePresetName | ThemePreset): Promise<ThemePreset>;
|
|
5
4
|
//# sourceMappingURL=get-preset.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-preset.d.ts","sourceRoot":"","sources":["../../../src/utils/get-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"get-preset.d.ts","sourceRoot":"","sources":["../../../src/utils/get-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAElF,wBAAgB,cAAc,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,WAAW,GAAG,oBAAoB,GAAG,MAAM,IAAI,WAAW,CAEnH;AAED,wBAAsB,SAAS,CAAC,MAAM,CAAC,EAAE,eAAe,GAAG,WAAW,wBA0BrE"}
|
|
@@ -8,70 +8,61 @@ function l(n) {
|
|
|
8
8
|
l: Number.parseFloat(t[3])
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
|
-
function i(n, t,
|
|
12
|
-
const
|
|
13
|
-
return `${
|
|
11
|
+
function i(n, t, r) {
|
|
12
|
+
const o = Math.round(n * 10) / 10, s = Math.round(t * 10) / 10, e = Math.round(r * 10) / 10;
|
|
13
|
+
return `${o} ${s}% ${e}%`;
|
|
14
14
|
}
|
|
15
|
-
const
|
|
15
|
+
const d = {
|
|
16
16
|
50: 37.5,
|
|
17
|
-
// Base + 50% = very light
|
|
18
17
|
100: 30,
|
|
19
|
-
// Base + 35% = light
|
|
20
18
|
200: 22.5,
|
|
21
|
-
// Base + 20% = moderately light
|
|
22
19
|
300: 15,
|
|
23
|
-
// Base + 10% = slightly lighter
|
|
24
20
|
400: 7.5,
|
|
25
|
-
// Base + 5% = slightly lighter
|
|
26
21
|
500: 0,
|
|
27
|
-
// Base (original color)
|
|
28
22
|
600: -7.5,
|
|
29
|
-
// Base - 5% = slightly darker
|
|
30
23
|
700: -15,
|
|
31
|
-
// Base - 15% = dark
|
|
32
24
|
800: -22.5,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
// Base - 25% = extremely dark
|
|
25
|
+
900: -30,
|
|
26
|
+
950: -37.5
|
|
36
27
|
};
|
|
37
|
-
function
|
|
28
|
+
function p(n, t, r) {
|
|
38
29
|
if (t === n)
|
|
39
30
|
return 1;
|
|
40
|
-
const
|
|
31
|
+
const o = Math.min(r / 100, 1), s = Math.abs(t - n);
|
|
41
32
|
if (t < n) {
|
|
42
|
-
const e = s / 500 * 0.25 *
|
|
33
|
+
const e = s / 500 * 0.25 * o;
|
|
43
34
|
return Math.max(0.3, 1 - e);
|
|
44
35
|
} else {
|
|
45
|
-
const e = s / 400 * 0.15 *
|
|
36
|
+
const e = s / 400 * 0.15 * o;
|
|
46
37
|
return Math.min(1.3, 1 + e);
|
|
47
38
|
}
|
|
48
39
|
}
|
|
49
|
-
function
|
|
50
|
-
const { h: t, s:
|
|
51
|
-
return
|
|
52
|
-
if (
|
|
53
|
-
c
|
|
40
|
+
function b(n) {
|
|
41
|
+
const { h: t, s: r, l: o } = l(n), s = 500, e = o, m = Object.keys(d).map(Number), u = {};
|
|
42
|
+
return m.forEach((c) => {
|
|
43
|
+
if (c === s)
|
|
44
|
+
u[c] = i(t, r, o);
|
|
54
45
|
else {
|
|
55
|
-
const h = M[
|
|
56
|
-
let
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
c
|
|
46
|
+
const h = c < s, f = c > s, M = d[c];
|
|
47
|
+
let a;
|
|
48
|
+
h && o >= 100 ? a = e : a = e + M, f && o <= 0 && (a = 0), a = Math.min(100, Math.max(0, a));
|
|
49
|
+
const S = p(s, c, r), L = Math.min(100, Math.max(5, r * S));
|
|
50
|
+
u[c] = i(t, L, a);
|
|
60
51
|
}
|
|
61
|
-
}),
|
|
52
|
+
}), u;
|
|
62
53
|
}
|
|
63
|
-
function
|
|
54
|
+
function F(n) {
|
|
64
55
|
const { l: t } = l(n);
|
|
65
56
|
return t > 50 ? "0 0% 0%" : "0 0% 100%";
|
|
66
57
|
}
|
|
67
|
-
function
|
|
68
|
-
const { h:
|
|
69
|
-
return i(
|
|
58
|
+
function x(n, t) {
|
|
59
|
+
const { h: r, s: o, l: s } = l(n), e = Math.max(0, Math.min(100, s + t));
|
|
60
|
+
return i(r, o, e);
|
|
70
61
|
}
|
|
71
62
|
export {
|
|
72
|
-
|
|
63
|
+
x as adjustColorLightness,
|
|
73
64
|
i as formatHSL,
|
|
74
|
-
|
|
75
|
-
|
|
65
|
+
b as generateColorScale,
|
|
66
|
+
F as getContrastColor,
|
|
76
67
|
l as parseHSL
|
|
77
68
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maz-ui/themes",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.35",
|
|
5
5
|
"description": "Theme system for Maz-UI with TypeScript support and CSS variables",
|
|
6
6
|
"author": "Louis Mazel <me@loicmazuel.com>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -61,8 +61,7 @@
|
|
|
61
61
|
"./plugin": {
|
|
62
62
|
"types": "./dist/types/plugin.d.ts",
|
|
63
63
|
"import": "./dist/plugin/index.js"
|
|
64
|
-
}
|
|
65
|
-
"./*": "./*"
|
|
64
|
+
}
|
|
66
65
|
},
|
|
67
66
|
"main": "./dist/index.js",
|
|
68
67
|
"module": "./dist/index.js",
|
|
@@ -76,7 +75,7 @@
|
|
|
76
75
|
},
|
|
77
76
|
"scripts": {
|
|
78
77
|
"build": "vite build",
|
|
79
|
-
"
|
|
78
|
+
"build:watch": "vite build --watch",
|
|
80
79
|
"typecheck": "vue-tsc --noEmit",
|
|
81
80
|
"lint": "cross-env NODE_ENV=production eslint .",
|
|
82
81
|
"lint:fix": "pnpm lint --fix",
|
|
@@ -91,6 +90,9 @@
|
|
|
91
90
|
"peerDependencies": {
|
|
92
91
|
"vue": "^3.5.0"
|
|
93
92
|
},
|
|
93
|
+
"dependencies": {
|
|
94
|
+
"@maz-ui/utils": "4.0.0-beta.35"
|
|
95
|
+
},
|
|
94
96
|
"devDependencies": {
|
|
95
97
|
"glob": "^11.0.3",
|
|
96
98
|
"typescript": "^5.9.2",
|
|
@@ -100,5 +102,5 @@
|
|
|
100
102
|
"lint-staged": {
|
|
101
103
|
"*.{js,ts,vue,mjs,mts,cjs,md,yml,json}": "cross-env NODE_ENV=production eslint --fix"
|
|
102
104
|
},
|
|
103
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "c27390faa3370a981efb0bd908d712871e654f1e"
|
|
104
106
|
}
|