mediacube-ui-v2 0.0.290 → 0.0.291

package/dist/composables/useTheme.js

@@ -1,43 +1,14 @@
-import { inject as m } from "vue";
-import { Colors as c } from "../types/styles/Colors.js";
-import { UiThemes as n } from "../types/styles/ColorTheme.js";
-const r = /* @__PURE__ */ new Map();
-function h(o, e) {
-  return Object.defineProperties(
-    {},
-    {
-      colors: {
-        enumerable: !0,
-        get() {
-          return e?.colors?.value || c;
-        }
-      },
-      components: {
-        enumerable: !0,
-        get() {
-          return e.theme ? (
-            // @ts-ignore
-            e?.themes?.value?.[e.theme]?.components ?? n.light.components
-          ) : n.light.components;
-        }
-      },
-      component: {
-        enumerable: !0,
-        get() {
-          const t = e.theme ? (
-            // @ts-ignore
-            e?.themes?.value?.[e.theme]?.components ?? n.light.components
-          ) : n.light.components;
-          return o && t?.[o] ? t[o] : {};
-        }
-      }
-    }
-  );
-}
-function i(o) {
-  const e = m("dsOptions", {}), t = o ?? "";
-  return r.has(t) || r.set(t, h(t, e)), r.get(t);
+import { inject as s, reactive as m } from "vue";
+import { Colors as r } from "../types/styles/Colors.js";
+import { UiThemes as c } from "../types/styles/ColorTheme.js";
+function f(t) {
+  const o = s("dsOptions", {}), e = o.theme ? o.themes?.[o.theme]?.components : c.light.components, n = t ? e[t] : {};
+  return m({
+    colors: o.colors || r,
+    components: e,
+    component: n
+  });
 }
 export {
-  i as useTheme
+  f as useTheme
 };

package/dist/composables/useTheme2.js

@@ -1,40 +1,14 @@
-import { inject as m } from "vue";
-import { Colors as c } from "../types/styles/Colors.js";
-import { UiThemes as n } from "../types/styles/ColorTheme.js";
-const r = /* @__PURE__ */ new Map();
-function h(o, e) {
-  return Object.defineProperties({}, {
-    colors: {
-      enumerable: !0,
-      get() {
-        return e?.colors?.value || c;
-      }
-    },
-    components: {
-      enumerable: !0,
-      get() {
-        return e.theme ? (
-          // @ts-ignore
-          e?.themes?.value?.[e.theme]?.components ?? n.light.components
-        ) : n.light.components;
-      }
-    },
-    component: {
-      enumerable: !0,
-      get() {
-        const t = e.theme ? (
-          // @ts-ignore
-          e?.themes?.value?.[e.theme]?.components ?? n.light.components
-        ) : n.light.components;
-        return o && t?.[o] ? t[o] : {};
-      }
-    }
+import { inject as s, reactive as m } from "vue";
+import { Colors as r } from "../types/styles/Colors.js";
+import { UiThemes as c } from "../types/styles/ColorTheme.js";
+function f(t) {
+  const o = s("dsOptions", {}), e = o.theme ? o.themes?.[o.theme]?.components : c.light.components, n = t ? e[t] : {};
+  return m({
+    colors: o.colors || r,
+    components: e,
+    component: n
   });
 }
-function i(o) {
-  const e = m("dsOptions", {}), t = o ?? "";
-  return r.has(t) || r.set(t, h(t, e)), r.get(t);
-}
 export {
-  i as useTheme
+  f as useTheme
 };

package/dist/index.js

@@ -1,33 +1,34 @@
-import { computed as l } from "vue";
-import { setStoredAppContext as a } from "./storedAppContext.js";
-import { Themes as c } from "./enums/Themes2.js";
-import { UiThemes as n, ThemesColors as d } from "./types/styles/ColorTheme.js";
-import p from "./assets/img/no_user.png.js";
-import { useHelper as i } from "./composables/useHelper2.js";
-import { createProxy as m } from "./utils/proxy2.js";
-const h = i(), v = {
-  install(t, e = {}) {
-    const o = {
+import { setStoredAppContext as s } from "./storedAppContext.js";
+import { Themes as l } from "./enums/Themes2.js";
+import { UiThemes as a, ThemesColors as h } from "./types/styles/ColorTheme.js";
+import c from "./assets/img/no_user.png.js";
+import { useHelper as d } from "./composables/useHelper2.js";
+import { createProxy as r } from "./utils/proxy2.js";
+const n = d(), C = {
+  install(o, e = {}) {
+    const t = {
       drawerComponents: {},
       modalComponents: {},
       toasts: {},
-      defaultAvatar: p,
-      colors: d,
-      themes: n,
-      theme: c.Light,
+      defaultAvatar: c,
+      colors: h,
+      themes: a,
+      theme: l.Light,
       meta: {
         router_push: null
       }
-    }, s = h.deepMerge(o.themes, e.themes), r = {
-      ...o,
+    };
+    n.deepMerge(t.themes, e.themes);
+    const m = {
+      ...t,
       ...e,
-      colors: e.colors ? m(o.colors, e.colors) : o.colors,
-      themes: l(() => s),
-      meta: e.meta ? m(o.meta, e.meta) : o.meta
+      colors: e.colors ? r(t.colors, e.colors) : t.colors,
+      themes: e.themes ? r(t.themes, e.themes) : t.themes,
+      meta: e.meta ? r(t.meta, e.meta) : t.meta
     };
-    t.config.globalProperties.$dsOptions = r, t.provide("dsOptions", r), a(t._context ?? null);
+    o.config.globalProperties.$dsOptions = m, o.provide("dsOptions", m), s(o._context ?? null);
   }
 };
 export {
-  v as default
+  C as default
 };

package/dist/types/composables/useTheme.d.ts

@@ -1,7 +1,139 @@
-type ThemeReactive = {
-    readonly colors: Record<string, string>;
-    readonly components: Record<string, unknown>;
-    readonly component: Record<string, unknown>;
+export declare function useTheme(component?: string): {
+    colors: Record<string, string> | {
+        main: string;
+        purple: string;
+        "hover-purple": string;
+        "light-purple": string;
+        "bg-purple": string;
+        "lighter-purple": string;
+        black: string;
+        "outline-light": string;
+        "dark-gray": string;
+        gray: string;
+        "outline-gray": string;
+        "hover-gray": string;
+        "light-gray": string;
+        "bg-gray": string;
+        white: string;
+        "hover-blue": string;
+        blue: string;
+        "light-blue": string;
+        "lighter-blue": string;
+        "dark-orange": string;
+        orange: string;
+        yellow: string;
+        "dark-red": string;
+        red: string;
+        "bright-pink": string;
+        "pale-pink": string;
+        "dark-green": string;
+        green: string;
+        toxic: string;
+        ultraviolet: string;
+        pinkish: string;
+        azure: string;
+        turquoise: string;
+        "darken-turquoise": string;
+        transparent: string;
+    };
+    components: {
+        badge: {
+            variation: string;
+        };
+        button: {
+            variation: string;
+        };
+        chip: {
+            variation: string;
+            textColor: string;
+        };
+        cropper: {
+            color: string;
+        };
+        datepicker: {
+            color: string;
+        };
+        draggable: {
+            variation: string;
+        };
+        checkbox: {
+            color: string;
+        };
+        radio: {
+            color: string;
+        };
+        range: {
+            color: string;
+        };
+        select: {
+            color: string;
+            selected: string;
+        };
+        fieldText: {
+            color: string;
+        };
+        fieldToggle: {
+            color: string;
+            bg: string;
+        };
+        bottomLoader: {
+            border: string;
+        };
+        noData: {
+            link: string;
+        };
+        notification: {
+            variation: string;
+        };
+        progress: {
+            color: string;
+            helpText: string;
+        };
+        separator: {
+            color: string;
+        };
+        spinDigit: {
+            color: string;
+        };
+        spinNumber: {
+            color: string;
+        };
+        title: {
+            color: string;
+        };
+        tooltip: {
+            color: string;
+            textColor: string;
+        };
+        dropdown: {
+            itemColor: string;
+        };
+        filter: {
+            color: string;
+            chipColor: string;
+            button: string;
+        };
+        overlay: {
+            bg: string;
+            border: string;
+        };
+        sidebar: {
+            chip: string;
+            activeLink: string;
+        };
+        tab: {
+            count: string;
+        };
+        tabs: {
+            color: string;
+            accentColor: string;
+        };
+        tableCard: {
+            backLink: string;
+        };
+        toast: {
+            variation: string;
+        };
+    } | undefined;
+    component: any;
 };
-export declare function useTheme(component?: string): ThemeReactive;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.290",
+  "version": "0.0.291",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [