@nmorph/nmorph-ui-kit 2.2.59 → 3.0.1

package/dist/types/common.types.js

@@ -1,14 +1,79 @@
-var c = /* @__PURE__ */ ((t) => (t.thick = "thick-component", t.basic = "basic-component", t.thin = "thin-component", t))(c || {});
-const s = {
-  ...c,
+const o = {
+  thick: "thick-component",
+  basic: "basic-component",
+  thin: "thin-component"
+}, t = {
+  ...o,
   "extra-thin": "extra-thin-component"
+}, e = {
+  row: "row",
+  column: "column"
+}, n = {
+  inset: "shadow-inset",
+  outset: "shadow-outset",
+  combined: "shadow-combined",
+  "not-defined": "shadow-not-defined"
+}, r = {
+  accent: "accent",
+  success: "success",
+  error: "error",
+  warning: "warning"
+}, l = {
+  left: "left",
+  right: "right",
+  top: "top",
+  bottom: "bottom"
+}, i = {
+  nmorph: "nmorph",
+  plain: "plain"
+}, c = {
+  "display-large": "display-large",
+  "display-medium": "display-medium",
+  "title-large": "title-large",
+  title: "title",
+  "title-small": "title-small",
+  "body-large": "body-large",
+  body: "body",
+  "body-small": "body-small",
+  caption: "caption",
+  label: "label",
+  "control-large": "control-large",
+  control: "control",
+  "control-small": "control-small",
+  "control-tiny": "control-tiny"
+}, s = {
+  regular: "regular",
+  medium: "medium",
+  semibold: "semibold",
+  bold: "bold",
+  extrabold: "extrabold"
+}, a = {
+  text: "text",
+  "semi-contrast": "semi-contrast",
+  placeholder: "placeholder",
+  focus: "focus",
+  accent: "accent",
+  success: "success",
+  warning: "warning",
+  error: "error",
+  white: "white"
+}, m = {
+  left: "left",
+  center: "center",
+  right: "right",
+  justify: "justify",
+  inherit: "inherit"
 };
-var e = /* @__PURE__ */ ((t) => (t.row = "row", t.column = "column", t))(e || {}), n = /* @__PURE__ */ ((t) => (t.inset = "shadow-inset", t.outset = "shadow-outset", t.combined = "shadow-combined", t["not-defined"] = "shadow-not-defined", t))(n || {}), r = /* @__PURE__ */ ((t) => (t.accent = "accent", t.success = "success", t.error = "error", t.warning = "warning", t))(r || {}), a = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(a || {});
 export {
   r as NmorphColor,
   e as NmorphComponentDirection,
-  c as NmorphComponentHeight,
-  a as NmorphComponentPosition,
-  s as NmorphSelectionControlHeight,
-  n as NmorphShadowType
+  l as NmorphComponentPosition,
+  o as NmorphComponentThickness,
+  i as NmorphElementDesign,
+  t as NmorphSelectionControlThickness,
+  n as NmorphShadowType,
+  m as NmorphTextAlign,
+  a as NmorphTypographyColor,
+  c as NmorphTypographyVariant,
+  s as NmorphTypographyWeight
 };

package/dist/types/date.types.js

@@ -1,4 +1,8 @@
-var d = /* @__PURE__ */ ((a) => (a.date = "date", a.dates = "dates", a.daterange = "daterange", a))(d || {});
+const e = {
+  date: "date",
+  dates: "dates",
+  daterange: "daterange"
+};
 export {
-  d as NmorphSelectionDateType
+  e as NmorphSelectionDateType
 };

package/dist/types/image.types.js

@@ -1,5 +1,14 @@
-var c = /* @__PURE__ */ ((n) => (n.circle = "circle", n.square = "square", n))(c || {}), l = /* @__PURE__ */ ((n) => (n.fill = "fill", n.contain = "contain", n.cover = "cover", n.none = "none", n["scale-down"] = "scale-down", n))(l || {});
+const e = {
+  circle: "circle",
+  square: "square"
+}, c = {
+  fill: "fill",
+  contain: "contain",
+  cover: "cover",
+  none: "none",
+  "scale-down": "scale-down"
+};
 export {
-  c as AvatarShapeType,
-  l as NmorphImageFit
+  e as AvatarShapeType,
+  c as NmorphImageFit
 };

package/dist/types/table.types.js

@@ -1,4 +1,7 @@
-var e = /* @__PURE__ */ ((n) => (n.ascending = "ascending", n.descending = "descending", n))(e || {});
+const n = {
+  ascending: "ascending",
+  descending: "descending"
+};
 export {
-  e as NmorphSortOrder
+  n as NmorphSortOrder
 };

package/dist/types/translation.types.js

@@ -1,4 +1,8 @@
-var n = /* @__PURE__ */ ((r) => (r.en = "en", r.ru = "ru", r.zh = "zh", r))(n || {});
+const e = {
+  en: "en",
+  ru: "ru",
+  zh: "zh"
+};
 export {
-  n as Locale
+  e as Locale
 };

package/dist/utils/common.js

@@ -1,15 +1,15 @@
 const s = (t) => typeof t == "number" ? `${t}px` : t, o = (t) => Object.entries(t).reduce(
-  (e, [n, r]) => (r != null && r !== !1 && (e[n] = r), e),
+  (r, [n, e]) => (e != null && e !== !1 && (r[n] = e), r),
   {}
 ), c = (t) => o(
   Object.entries(t).reduce(
-    (e, [n, r]) => (e[n] = r === !1 || r === null ? r : s(r), e),
+    (r, [n, e]) => (r[n] = e === !1 || e === null ? e : s(e), r),
     {}
   )
 ), i = {
   basic: 30,
   thick: 38,
-  thin: 22
+  thin: 24
 }, b = (t = "basic") => i[t], u = (t) => typeof Element < "u" && t instanceof Element ? t : t?.$el || null, $ = () => {
   const t = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return `${t()}${t()}-${t()}-4${t().substr(0, 3)}-${t().substr(0, 1)}${t().substr(1, 3)}-${t()}${t()}${t()}`;

package/dist/utils/file-types.js

@@ -1,15 +1,14 @@
-import { resolution as r, NmorphImageResolution as c, NmorphAudioResolution as g, NmorphVideoResolution as d } from "../components/form/nmorph-file-upload/types.js";
-const l = Object.entries(r), p = {
+import { resolution as r, NmorphImageResolution as c, NmorphAudioResolution as l, NmorphVideoResolution as p } from "../components/form/nmorph-file-upload/types.js";
+const d = Object.entries(r), g = {
   "svg-xml": "svg",
   msword: "doc",
   mpeg: "mp3",
   "audio-ogg": "ogg",
-  "video-ogg": "ogg",
-  "wideo-ogg": "ogg"
+  "video-ogg": "ogg"
 }, u = (e) => e.split("/")[1]?.toLowerCase() || "", w = (e) => {
   const o = e.split(".").pop()?.toLowerCase();
   return o && o !== e.toLowerCase() ? o : "";
-}, m = (e) => l.find(([, o]) => o.toLowerCase() === e.toLowerCase())?.[0] || "", y = (e, o = "") => Array.from(
+}, m = (e) => d.find(([, o]) => o.toLowerCase() === e.toLowerCase())?.[0] || "", y = (e, o = "") => Array.from(
   new Set(
     [
       e.toLowerCase(),
@@ -18,7 +17,7 @@ const l = Object.entries(r), p = {
       u(e)
     ].filter(Boolean).map((t) => t.toLowerCase())
   )
-), a = (e) => y(e.type, e.name), C = (e, o) => Object.prototype.hasOwnProperty.call(o, e), s = (e, o) => a(e).some((n) => C(n, o)), h = (e) => e.type.toLowerCase().startsWith("image/") || s(e, c), F = (e) => e.type.toLowerCase().startsWith("audio/") || s(e, g), x = (e) => e.type.toLowerCase().startsWith("video/") || s(e, d), A = (e, o) => {
+), a = (e) => y(e.type, e.name), C = (e, o) => Object.prototype.hasOwnProperty.call(o, e), s = (e, o) => a(e).some((n) => C(n, o)), h = (e) => e.type.toLowerCase().startsWith("image/") || s(e, c), F = (e) => e.type.toLowerCase().startsWith("audio/") || s(e, l), x = (e) => e.type.toLowerCase().startsWith("video/") || s(e, p), A = (e, o) => {
   if (o.length === 0) return !0;
   const t = a(e);
   return o.some((n) => t.includes(String(n).toLowerCase()));
@@ -27,7 +26,7 @@ const l = Object.entries(r), p = {
     return Array.from(
       new Set(
         e.flatMap((o) => {
-          const t = String(o).toLowerCase(), n = r[t], i = p[t] || t;
+          const t = String(o).toLowerCase(), n = r[t], i = g[t] || t;
           return t.includes("/") ? t : n ? [`.${i}`, n] : `.${i}`;
         })
       )

package/dist/utils/theme-style.js

@@ -1,60 +1,54 @@
-const n = () => `
-  font-weight: 400;
-  font-size: var(--font-size-tiny);
-  line-height: var(--line-height-regular);
-`, i = () => `
-  font-weight: 400;
-  font-size: var(--font-size-extra-small);
-  line-height: var(--line-height-regular);
-`, r = () => `
-  font-weight: 400;
-  font-size: var(--font-size-small);
-  line-height: var(--line-height-regular);
-`, h = () => `
-  font-weight: 400;
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-regular);
+const o = (n = "body") => `
+  font-weight: var(--nmorph-typography-${n}-font-weight);
+  font-size: var(--nmorph-typography-${n}-font-size);
+  line-height: var(--nmorph-typography-${n}-line-height);
 `, a = () => `
-  font-weight: 600;
-  font-size: var(--font-size-small);
-  line-height: var(--line-height-loose);
+  ${o("caption")}
+`, h = () => `
+  ${o("body-small")}
+`, e = () => `
+  ${o("body")}
 `, s = () => `
-  font-weight: 600;
-  font-size: var(--font-size-medium);
-  line-height: var(--line-height-loose);
-`, l = () => `
-  font-weight: 600;
-  font-size: var(--font-size-large);
-  line-height: var(--line-height-loose);
-`, g = () => `
-  font-weight: 800;
-  font-size: var(--font-size-extra-large);
-  line-height: var(--line-height-loose);
-`, f = () => `
+  ${o("body-large")}
+`, p = () => `
+  ${o("label")}
+`, d = () => `
+  ${o("title-small")}
+`, m = () => `
+  ${o("title")}
+`, c = () => `
+  ${o("title-large")}
+`, i = () => `
   background: var(--nmorph-main-color);
   box-shadow: var(--nmorph-shadow-outset);
-`, m = () => `
+`, l = () => `
   background: var(--nmorph-main-color);
   box-shadow: var(--nmorph-shadow-inset);
-`, t = (o) => `
-  border: ${o}px solid var(--nmorph-main-color);
-`, v = (o = 0, e = !1) => `
-  ${t(o)}
+`, t = (n) => `
+  border: ${n}px solid var(--nmorph-main-color);
+`, b = (n = 0, r = !1) => `
+  ${t(n)}
 
   background: var(--nmorph-main-color);
-  box-shadow: ${e ? "var(--nmorph-shadow-combined-dark)" : "var(--nmorph-shadow-combined)"};
+  box-shadow: ${r ? "var(--nmorph-shadow-combined-dark)" : "var(--nmorph-shadow-combined)"};
+`, y = () => `
+  background: var(--nmorph-main-color);
+  border: var(--nmorph-plain-border);
+  box-shadow: none;
 `;
 export {
-  h as body1,
-  r as body2,
-  i as body3,
-  n as body4,
+  s as body1,
+  e as body2,
+  h as body3,
+  a as body4,
   t as nmorphBorder,
-  v as nmorphCombined,
-  m as nmorphInset,
-  f as nmorphOutset,
-  g as title1,
-  l as title2,
-  s as title3,
-  a as title4
+  b as nmorphCombined,
+  l as nmorphInset,
+  i as nmorphOutset,
+  y as nmorphPlainSurface,
+  c as title1,
+  m as title2,
+  d as title3,
+  p as title4,
+  o as typography
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@nmorph/nmorph-ui-kit",
   "type": "module",
   "private": false,
-  "version": "2.2.59",
+  "version": "3.0.1",
   "license": "MIT",
   "repository": {
     "type": "git",

package/dist/types/selection.types.js

@@ -1,4 +0,0 @@
-var r = /* @__PURE__ */ ((t) => (t["radio-style"] = "radio-style", t.button = "button", t))(r || {});
-export {
-  r as NmorphRadioStyleType
-};