@quidgest/ui 0.16.24 → 0.16.26

package/esm/utils/theme.js

@@ -1,57 +1,59 @@
-import { computed as u } from "vue";
-import { parseColor as f } from "./color.js";
-import { toKebabCase as i } from "./string.js";
+import { ref as f, toValue as h, computed as c } from "vue";
+import { parseColor as d } from "./color.js";
+import { toKebabCase as p } from "./string.js";
 const a = "q-theme";
-function l() {
+function $() {
   let e = document.getElementById(
     a
   );
   return e || (e = document.createElement("style"), e.id = a, document.head.appendChild(e)), e;
 }
-function g(e) {
-  let t = "";
-  for (const c of e) {
-    t += `.q-theme--${c.name} {
+function l(e) {
+  let t = `.q-theme--${e.name} {
 `;
-    const m = c.scheme;
-    let n;
-    for (n in m) {
-      const o = m[n];
-      if (o) {
-        t += `  ${h(n)}: ${o};
+  const n = e.scheme;
+  let o;
+  for (o in n) {
+    const r = n[o];
+    if (r) {
+      t += `  ${u(o)}: ${r};
 `;
-        const s = f(o);
-        t += `  ${h(n)}-rgb: ${s.r} ${s.g} ${s.b};
+      const m = d(r);
+      t += `  ${u(o)}-rgb: ${m.r} ${m.g} ${m.b};
 `;
-      }
     }
-    t += `}
-`;
   }
-  const r = l();
-  r.textContent = t;
+  return t += `}
+`, t;
+}
+function E(e) {
+  const t = e.map(l).join(`
+`), n = $();
+  n.textContent = t;
 }
-function h(e) {
-  return e ? `--q-theme-${i(e)}` : "";
+function u(e) {
+  return e ? `--q-theme-${p(e)}` : "";
 }
-function E(e, t) {
-  const r = u(() => {
-    const n = t.find((o) => o.name === e.value);
-    if (!n)
-      throw new Error(`Theme "${e}" not found`);
-    return n;
-  }), c = u(() => `q-theme--${r.value.name}`);
+function b(e, t) {
+  const n = f(h(e)), o = c(() => {
+    const s = t.find((i) => i.name === n.value);
+    if (!s)
+      throw new Error(`Theme "${n.value}" not found`);
+    return s;
+  }), r = c(() => `q-theme--${o.value.name}`), m = c(() => l(o.value));
   return {
-    name: e,
-    current: r,
+    name: n,
+    current: o,
     themes: t,
-    class: c
+    class: r,
+    css: m
   };
 }
 export {
   a as THEME_NODE_ID,
-  E as createThemeInstance,
-  g as generateRootStyle,
-  l as getThemeNode,
-  h as toProperty
+  b as createThemeInstance,
+  E as generateRootStyle,
+  l as generateThemeCss,
+  $ as getThemeNode,
+  u as toProperty
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.16.24",
+  "version": "0.16.26",
   "private": false,
   "type": "module",
   "author": "Quidgest",