@nmorph/nmorph-ui-kit 3.0.13 → 3.0.15

package/dist/outside-hooks/use-nmorph-theme.js

@@ -16,9 +16,9 @@ const $ = {
   black: "#000000",
   overlay: "#00000095"
 }, V = {
-  darkShade: "#c8c9ca",
+  darkShade: "#c4c8ca",
   main: "#e9ecec",
-  lightShade: "#fdfdfd",
+  lightShade: "#fcfcfc",
   text: "#687b9e",
   scrollThumb: "#687b9e",
   accent: "#4a90e2",
@@ -27,9 +27,9 @@ const $ = {
   semiContrastText: "#8a9dc0",
   contrastText: "#b4c4de"
 }, F = {
-  darkShade: "#0f1112",
+  darkShade: "#131415",
   main: "#1c1f21",
-  lightShade: "#292d30",
+  lightShade: "#242728",
   text: "#778288",
   scrollThumb: "#778288",
   accent: "#006cb6",
@@ -48,7 +48,7 @@ const $ = {
   darkShadeGeneratorCoefficient: -45,
   lightShadeGeneratorCoefficient: 45,
   other: {
-    baseShadowWidth: "3.5px",
+    baseShadowWidth: "2px",
     baseShadowBlurCoefficient: "2"
   }
 }, U = (r) => /^#[0-9A-Fa-f]{6}$/.test(r), L = (r) => {
@@ -64,8 +64,8 @@ const $ = {
 }, y = (r, e) => {
   let n = parseInt(r.substring(1, 3), 16), a = parseInt(r.substring(3, 5), 16), s = parseInt(r.substring(5, 7), 16);
   n = Math.round(n * (1 + e / 100)), a = Math.round(a * (1 + e / 100)), s = Math.round(s * (1 + e / 100)), n = Math.min(255, Math.max(0, n)), a = Math.min(255, Math.max(0, a)), s = Math.min(255, Math.max(0, s));
-  const i = n.toString(16).padStart(2, "0"), c = a.toString(16).padStart(2, "0"), l = s.toString(16).padStart(2, "0");
-  return `#${i}${c}${l}`;
+  const c = n.toString(16).padStart(2, "0"), i = a.toString(16).padStart(2, "0"), d = s.toString(16).padStart(2, "0");
+  return `#${c}${i}${d}`;
 }, G = (r) => ({
   themes: r?.themes ?? C.themes,
   defaultTheme: r?.defaultTheme ?? C.defaultTheme,
@@ -87,14 +87,14 @@ const $ = {
   name: `--nmorph-${E(e)}-color`,
   color: n
 })), P = (r, e) => {
-  const n = (i) => i.map((c) => `${c.name}: ${c.color};`).join(" "), a = Object.entries(e).map(([i, c]) => `--${E(i)}: ${c};`).join(" "), s = [];
-  return Object.entries(r).forEach(([i, c]) => {
-    const l = x($);
-    if (i === "common") s.push(n(A(l, c)));
+  const n = (c) => c.map((i) => `${i.name}: ${i.color};`).join(" "), a = Object.entries(e).map(([c, i]) => `--${E(c)}: ${i};`).join(" "), s = [];
+  return Object.entries(r).forEach(([c, i]) => {
+    const d = x($);
+    if (c === "common") s.push(n(A(d, i)));
     else {
       const S = `
-        &[${T}='${i}'] {
-          ${n(c)}
+        &[${T}='${c}'] {
+          ${n(i)}
         }
       `;
       s.push(S);
@@ -109,8 +109,8 @@ const $ = {
   const e = {};
   return Object.entries(r.themes).forEach(([n, a]) => {
     e[n] = [];
-    const s = !!a.darkShade, i = !!a.lightShade;
-    !!a.main && !s && !i && a.main && (e[n] = x(N(r, a.main))), e[n] = [...e[n], ...x(a)];
+    const s = !!a.darkShade, c = !!a.lightShade;
+    !!a.main && !s && !c && a.main && (e[n] = x(N(r, a.main))), e[n] = [...e[n], ...x(a)];
   }), e;
 }, J = (r) => {
   const e = G(r);
@@ -133,7 +133,7 @@ const $ = {
   }, s = (o) => Object.entries(o).filter(([, t]) => typeof t == "string").map(([t, h]) => ({
     name: `--nmorph-${E(t)}-color`,
     color: h
-  })), i = (o, t) => {
+  })), c = (o, t) => {
     const h = (f) => f.map((u) => `${u.name}: ${u.color};`).join(" "), m = Object.entries(t).map(([f, u]) => `--${E(f)}: ${u};`).join(" "), b = [];
     return Object.entries(o).forEach(([f, u]) => {
       const k = s($);
@@ -152,20 +152,20 @@ const $ = {
         ${m}
       }
     `;
-  }, c = (o) => {
+  }, i = (o) => {
     const t = {};
     return Object.entries(o).forEach(([h, m]) => {
       t[h] = [];
       const b = !!m.darkShade, f = !!m.lightShade;
       !!m.main && !b && !f && m.main && (t[h] = a(m.main)), t[h] = [...t[h], ...s(m)];
     }), t;
-  }, l = typeof document < "u", S = H(e.defaultTheme);
-  let g = c(e.themes), d = null;
-  l && (d = document.getElementById("nmorph-theme-styles"), d || (d = document.createElement("style"), d.id = "nmorph-theme-styles", d.type = "text/css", document.head.appendChild(d)), d.innerHTML = i(g, e.other));
+  }, d = typeof document < "u", S = H(e.defaultTheme);
+  let g = i(e.themes), l = null;
+  d && (l = document.getElementById("nmorph-theme-styles"), l || (l = document.createElement("style"), l.id = "nmorph-theme-styles", l.type = "text/css", document.head.appendChild(l)), l.innerHTML = c(g, e.other));
   const D = () => {
-    g = c(e.themes), d && (d.innerHTML = i(g, e.other));
+    g = i(e.themes), l && (l.innerHTML = c(g, e.other));
   }, p = (o) => {
-    S.value = o, l && (document.documentElement.setAttribute(T, S.value), !(typeof localStorage > "u") && (e.saveCurrentThemeToLS ? localStorage.setItem(T, o) : localStorage.removeItem(T)));
+    S.value = o, d && (document.documentElement.setAttribute(T, S.value), !(typeof localStorage > "u") && (e.saveCurrentThemeToLS ? localStorage.setItem(T, o) : localStorage.removeItem(T)));
   }, M = (o, t) => {
     const h = t.main && !t.darkShade && !t.lightShade ? n(t.main) : {};
     e.themes[o] = { ...e.themes[o], ...t, ...h }, D();
@@ -175,7 +175,7 @@ const $ = {
     const o = document.documentElement.getAttribute(T), t = typeof localStorage < "u" ? localStorage.getItem(T) : null, h = t ? g[t] : void 0, m = o ? g[o] : void 0;
     return e.saveCurrentThemeToLS && t && h ? t : o && m ? o : S.value;
   };
-  l ? document.documentElement.hasAttribute(T) ? window.requestAnimationFrame(() => p(v())) : p(v()) : p(S.value);
+  d ? document.documentElement.hasAttribute(T) ? window.requestAnimationFrame(() => p(v())) : p(v()) : p(S.value);
   const j = e;
   return {
     setTheme: p,

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "3.0.13", e = {
+const a = "3.0.15", e = {
   version: a
 };
 export {

package/dist/src/components/data/nmorph-media-gallery/NmorphMediaGallery.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: DefineComponent<INmorphMediaGalleryProps, {}, {}, {}, {}
     "onUpdate:active-index"?: (value: number) => any;
     onFullscreen?: (item: NmorphMediaGalleryItem, index: number) => any;
 }>, {
+    design: "nmorph" | "plain";
     modelValue: boolean;
     height: string | number;
     zIndex: number;

package/dist/src/components/data/nmorph-media-gallery/types.d.ts

@@ -1,4 +1,4 @@
-import { NmorphCSSProperties } from '../../../types';
+import { NmorphCSSProperties, NmorphElementDesignType } from '../../../types';
 export type NmorphMediaGalleryFit = 'cover' | 'contain';
 export type NmorphMediaGalleryTriggerLayout = 'grid' | 'natural' | 'mosaic';
 export type NmorphMediaGalleryVideoPreload = 'none' | 'metadata' | 'auto';
@@ -28,6 +28,7 @@ export type NmorphMediaGalleryItem = (INmorphMediaGalleryItemBase & {
 });
 export interface INmorphMediaGalleryProps {
     modelValue?: boolean;
+    design?: NmorphElementDesignType;
     items: NmorphMediaGalleryItem[];
     initialIndex?: number;
     activeIndex?: number;