@nmorph/nmorph-ui-kit 2.2.59 → 3.0.1

package/dist/assets/icons/expand.svg.js

@@ -1,21 +1,28 @@
-import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
+import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
 const r = {
   xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
   viewBox: "0 0 1024 1024"
 };
 function l(m, e) {
-  return t(), n("svg", r, [...e[0] || (e[0] = [
-    o(
+  return o(), t("svg", r, [...e[0] || (e[0] = [
+    n(
       "path",
-      { d: "M128 192h768v128H128zm0 256h512v128H128zm0 256h768v128H128zm576-352 192 160-192 128z" },
+      {
+        stroke: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "96",
+        d: "M392 392 168 168m0 0h184m-184 0v184M632 392l224-224m0 0H672m184 0v184M392 632 168 856m0 0h184m-184 0V672M632 632l224 224m0 0H672m184 0V672"
+      },
       null,
       -1
       /* CACHED */
     )
   ])]);
 }
-const s = { render: l };
+const d = { render: l };
 export {
-  s as default,
+  d as default,
   l as render
 };

package/dist/assets/icons/hand.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as n } from "vue";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function r(l, a) {
+  return e(), t("svg", o, [...a[0] || (a[0] = [
+    n(
+      "path",
+      { d: "M416 96a96 96 0 0 1 96 96v224h16V288a96 96 0 1 1 192 0v144.64A96 96 0 0 1 880 504v160c0 159.04-128.96 288-288 288H448c-89.152 0-173.248-41.408-227.584-112.064L82.624 660.8a96 96 0 0 1 152.192-116.992L320 654.72V192a96 96 0 0 1 96-96m0 64a32 32 0 0 0-32 32v512a32 32 0 0 1-57.376 19.456l-142.56-144.704a32 32 0 0 0-50.752 38.976l137.792 179.136A224 224 0 0 0 448 888h144a224 224 0 0 0 224-224V504a32 32 0 1 0-64 0v80a32 32 0 0 1-64 0V288a32 32 0 1 0-64 0v232a32 32 0 0 1-64 0V224a32 32 0 1 0-64 0v296a32 32 0 0 1-64 0V192a32 32 0 0 0-32-32" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const c = { render: r };
+export {
+  c as default,
+  r as render
+};

package/dist/assets/icons/list-simple.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as a, createElementVNode as o } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function r(l, e) {
+  return t(), a("svg", n, [...e[0] || (e[0] = [
+    o(
+      "path",
+      { d: "M192 256a64 64 0 1 0 0-128 64 64 0 0 0 0 128m192-96a48 48 0 0 0 0 96h480a48 48 0 0 0 0-96zm0 304a48 48 0 0 0 0 96h480a48 48 0 0 0 0-96zm0 304a48 48 0 0 0 0 96h480a48 48 0 0 0 0-96zM256 512a64 64 0 1 1-128 0 64 64 0 0 1 128 0m-64 368a64 64 0 1 0 0-128 64 64 0 0 0 0 128" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const s = { render: r };
+export {
+  s as default,
+  r as render
+};

package/dist/assets/icons/mute-speaker.svg.js

@@ -0,0 +1,28 @@
+import { openBlock as a, createElementBlock as l, createElementVNode as t } from "vue";
+const n = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function o(r, e) {
+  return a(), l("svg", n, [...e[0] || (e[0] = [
+    t(
+      "path",
+      { d: "M128 384a64 64 0 0 1 64-64h168.448l224-179.2A64 64 0 0 1 688 190.784v642.432A64 64 0 0 1 584.448 883.2l-224-179.2H192a64 64 0 0 1-64-64zm64 0v256h192a32 32 0 0 1 19.968 7.008L624 823.04V200.96L403.968 376.992A32 32 0 0 1 384 384zm595.2 2.368a32 32 0 0 1 45.248 0A223.3 223.3 0 0 1 896 544a223.3 223.3 0 0 1-63.552 157.632 32 32 0 1 1-45.248-45.248A159.42 159.42 0 0 0 832 544a159.42 159.42 0 0 0-44.8-112.384 32 32 0 0 1 0-45.248m-90.496 90.496a32 32 0 0 1 45.248 0A95.78 95.78 0 0 1 768 544a95.78 95.78 0 0 1-26.048 67.136 32 32 0 0 1-45.248-45.248A31.9 31.9 0 0 0 704 544c0-8.448-3.328-16.576-7.296-21.888a32 32 0 0 1 0-45.248" },
+      null,
+      -1
+      /* CACHED */
+    ),
+    t(
+      "path",
+      { d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const c = { render: o };
+export {
+  c as default,
+  o as render
+};

package/dist/assets/icons/pagination.svg.js

@@ -1,8 +1,21 @@
-function n(e, r) {
-  return null;
+import { openBlock as v, createElementBlock as h, createElementVNode as e } from "vue";
+const t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function m(n, a) {
+  return v(), h("svg", t, [...a[0] || (a[0] = [
+    e(
+      "path",
+      { d: "M416 288a64 64 0 0 1 64-64h64a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64h-64a64 64 0 0 1-64-64zm64 0v64h64v-64zm-320 0a64 64 0 0 1 64-64h64a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64h-64a64 64 0 0 1-64-64zm64 0v64h64v-64zm448 0a64 64 0 0 1 64-64h64a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64h-64a64 64 0 0 1-64-64zm64 0v64h64v-64zM416 672a64 64 0 0 1 64-64h64a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64h-64a64 64 0 0 1-64-64zm64 0v64h64v-64zm-320 0a64 64 0 0 1 64-64h64a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64h-64a64 64 0 0 1-64-64zm64 0v64h64v-64zm448 0a64 64 0 0 1 64-64h64a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64h-64a64 64 0 0 1-64-64zm64 0v64h64v-64zM128 480h768v64H128z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
 }
-const t = { render: n };
+const z = { render: m };
 export {
-  t as default,
-  n as render
+  z as default,
+  m as render
 };

package/dist/assets/icons/speaker.svg.js

@@ -0,0 +1,21 @@
+import { openBlock as t, createElementBlock as a, createElementVNode as o } from "vue";
+const r = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function n(l, e) {
+  return t(), a("svg", r, [...e[0] || (e[0] = [
+    o(
+      "path",
+      { d: "M128 384a64 64 0 0 1 64-64h168.448l224-179.2A64 64 0 0 1 688 190.784v642.432A64 64 0 0 1 584.448 883.2l-224-179.2H192a64 64 0 0 1-64-64zm64 0v256h192a32 32 0 0 1 19.968 7.008L624 823.04V200.96L403.968 376.992A32 32 0 0 1 384 384zm595.2 2.368a32 32 0 0 1 45.248 0A223.3 223.3 0 0 1 896 544a223.3 223.3 0 0 1-63.552 157.632 32 32 0 1 1-45.248-45.248A159.42 159.42 0 0 0 832 544a159.42 159.42 0 0 0-44.8-112.384 32 32 0 0 1 0-45.248m-90.496 90.496a32 32 0 0 1 45.248 0A95.78 95.78 0 0 1 768 544a95.78 95.78 0 0 1-26.048 67.136 32 32 0 0 1-45.248-45.248A31.9 31.9 0 0 0 704 544c0-8.448-3.328-16.576-7.296-21.888a32 32 0 0 1 0-45.248" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const s = { render: n };
+export {
+  s as default,
+  n as render
+};

package/dist/assets/icons/triangle-down.svg.js

@@ -1,11 +1,11 @@
-import { openBlock as o, createElementBlock as t, createElementVNode as n } from "vue";
+import { openBlock as t, createElementBlock as n, createElementVNode as o } from "vue";
 const r = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
 };
-function l(c, e) {
-  return o(), t("svg", r, [...e[0] || (e[0] = [
-    n(
+function l(s, e) {
+  return t(), n("svg", r, [...e[0] || (e[0] = [
+    o(
       "path",
       { d: "m2 12 14 12 14-12Z" },
       null,
@@ -14,8 +14,8 @@ function l(c, e) {
     )
   ])]);
 }
-const s = { render: l };
+const d = { render: l };
 export {
-  s as default,
+  d as default,
   l as render
 };

package/dist/assets/icons/video-camera-off.svg.js

@@ -0,0 +1,28 @@
+import { openBlock as o, createElementBlock as a, createElementVNode as t } from "vue";
+const l = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024"
+};
+function n(r, e) {
+  return o(), a("svg", l, [...e[0] || (e[0] = [
+    t(
+      "path",
+      { d: "M704 768V256H128v512zm64-416 192-96v512l-192-96v128a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V224a32 32 0 0 1 32-32h640a32 32 0 0 1 32 32zm0 71.552v176.896l128 64V359.552zM192 320h192v64H192z" },
+      null,
+      -1
+      /* CACHED */
+    ),
+    t(
+      "path",
+      { d: "M150.72 859.072a32 32 0 0 1-45.44-45.056l704-708.544a32 32 0 0 1 45.44 45.056z" },
+      null,
+      -1
+      /* CACHED */
+    )
+  ])]);
+}
+const d = { render: n };
+export {
+  d as default,
+  n as render
+};

package/dist/components/basic/nmorph-button/NmorphButton.css

@@ -1 +1 @@
-.nmorph-button{display:inline-block;width:auto;height:auto;min-height:var(--height)}.nmorph-button.nmorph--basic-component,.nmorph-button.nmorph--thin-component,.nmorph-button.nmorph--thick-component{height:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:var(--height);padding:var(--indentation-00) var(--indentation-04);color:var(--nmorph-button-color, var(--nmorph-text-color));line-height:var(--line-height-regular);background:var(--nmorph-main-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-button-color, var(--nmorph-text-color));--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__label{min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0;--color: var(--nmorph-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:""}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--active .nmorph-button__content{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-button.nmorph-button--active .nmorph-button__content span,.nmorph-button.nmorph-button--active .nmorph-button__content .nmorph-icon{color:var(--nmorph-focus-text-color);--color: var(--nmorph-focus-text-color)}.nmorph-button.nmorph-button--danger .nmorph-button__content{color:var(--nmorph-error-text-color);--nmorph-button-color: var(--nmorph-error-text-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{height:var(--height);min-height:var(--height);border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--transparent{padding:var(--indentation-00)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-accent-color);background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-button-hover-color);--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--transparent.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--color: var(--nmorph-button-hover-color)}.nmorph-button.nmorph-button--transparent .nmorph-button__content{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));background:transparent;box-shadow:none}.nmorph-button.nmorph-button--transparent .nmorph-button__content span{color:var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)));--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--transparent .nmorph-button__content .nmorph-icon{--color: var(--nmorph-button-color, var(--transparent-button-color, var(--nmorph-text-color)))}.nmorph-button.nmorph-button--square{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--square .nmorph-button__content{height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--icon-only{width:var(--height);height:var(--height);min-height:var(--height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{height:var(--height);min-height:var(--height);padding:0;line-height:0}.nmorph-button.nmorph-button.nmorph--thin-component{font-weight:400;font-size:var(--font-size-extra-small);line-height:var(--line-height-regular)}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}
+.nmorph-button{display:inline-block;width:auto;height:auto;min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph--basic-component,.nmorph-button.nmorph--thin-component,.nmorph-button.nmorph--thick-component{height:auto}.nmorph-button.nmorph--fill{width:100%}.nmorph-button .nmorph-button__content{display:flex;gap:var(--indentation-02);justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:auto;min-height:var(--nmorph-private-control-height);padding:var(--indentation-00) var(--indentation-04);color:var(--nmorph-private-button-color, var(--nmorph-text-color));line-height:var(--nmorph-private-control-line-height, var(--line-height-regular));background:var(--nmorph-main-color);border:none;border-radius:var(--default-border-radius);box-shadow:var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color);cursor:pointer}.nmorph-button .nmorph-button__content span{color:var(--nmorph-private-button-color, var(--nmorph-text-color));--nmorph-private-icon-color: var(--nmorph-private-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__label{display:inline-block;min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere;transform:translateY(var(--nmorph-private-control-text-offset-y))}.nmorph-button .nmorph-button__content>.nmorph-icon{flex-shrink:0;--nmorph-private-icon-color: var(--nmorph-private-button-color, var(--nmorph-text-color))}.nmorph-button .nmorph-button__content:disabled{pointer-events:none}.nmorph-button .nmorph-button__content[loading=true]{cursor:default}.nmorph-button.nmorph-button--ripple .nmorph-button__content{position:relative;overflow:hidden}.nmorph-button.nmorph-button--ripple .nmorph-button__content:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,var(--nmorph-main-color) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity 1s;content:""}.nmorph-button.nmorph-button--ripple .nmorph-button__content:active:after{transform:scale(0);opacity:.3;transition:0s}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-white-color);background:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-white-color)}.nmorph-button.nmorph-button--accent-bg-on-hover .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-white-color)}.nmorph-button.nmorph-button--active .nmorph-button__content{color:var(--nmorph-focus-text-color);background:var(--nmorph-accent-color);box-shadow:var(--nmorph-shadow-inset)}.nmorph-button.nmorph-button--active .nmorph-button__content span,.nmorph-button.nmorph-button--active .nmorph-button__content .nmorph-icon{color:var(--nmorph-focus-text-color);--nmorph-private-icon-color: var(--nmorph-focus-text-color)}.nmorph-button.nmorph-button--danger .nmorph-button__content{color:var(--nmorph-error-text-color);--nmorph-private-button-color: var(--nmorph-error-text-color)}.nmorph-button.nmorph-button--round .nmorph-button__content{border-radius:var(--border-radius-200)}.nmorph-button.nmorph-button--circle{width:var(--nmorph-private-control-height);height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--circle .nmorph-button__content{height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height);border-radius:var(--border-radius-circular)}.nmorph-button.nmorph-button--plain{padding:var(--indentation-00)}.nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-accent-color);background:transparent;border-color:var(--nmorph-accent-color);box-shadow:none}.nmorph-button.nmorph-button--plain.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover{color:var(--nmorph-private-button-hover-color);border-color:var(--nmorph-private-button-hover-color)}.nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-accent-color)}.nmorph-button.nmorph-button--plain.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover span{color:var(--nmorph-private-button-hover-color);--nmorph-private-icon-color: var(--nmorph-private-button-hover-color)}.nmorph-button.nmorph-button--plain .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-accent-color)}.nmorph-button.nmorph-button--plain.nmorph-button--custom-color .nmorph-button__content:not(:disabled,[loading=true]):hover .nmorph-icon{--nmorph-private-icon-color: var(--nmorph-private-button-hover-color)}.nmorph-button.nmorph-button--plain .nmorph-button__content{color:var(--nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)));background:transparent;border:var(--nmorph-plain-border);border-color:var(--nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)));box-shadow:none}.nmorph-button.nmorph-button--plain .nmorph-button__content span{color:var(--nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)));--nmorph-private-icon-color: var( --nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)) )}.nmorph-button.nmorph-button--plain .nmorph-button__content .nmorph-icon{--nmorph-private-icon-color: var( --nmorph-private-button-color, var(--nmorph-private-button-plain-color, var(--nmorph-text-color)) )}.nmorph-button.nmorph-button--plain.nmorph-button--borderless .nmorph-button__content,.nmorph-button.nmorph-button--plain.nmorph-button--borderless .nmorph-button__content:not(:disabled,[loading=true]):hover{border:none}.nmorph-button.nmorph-button--square{width:var(--nmorph-private-control-height);height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--square .nmorph-button__content{height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--icon-only{width:var(--nmorph-private-control-height);height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height)}.nmorph-button.nmorph-button--icon-only .nmorph-button__content{height:var(--nmorph-private-control-height);min-height:var(--nmorph-private-control-height);padding:0;line-height:0}.nmorph-button.nmorph-button--disabled{cursor:not-allowed;opacity:.6}

package/dist/components/basic/nmorph-button/NmorphButton.vue2.js

@@ -1,13 +1,14 @@
 import './NmorphButton.css';
-import { defineComponent as h, useSlots as b, computed as o, ref as q } from "vue";
+import { defineComponent as y, useSlots as b, computed as o, ref as q } from "vue";
 import { useModifiers as v } from "../../../utils/create-modifiers.js";
-import { NmorphComponentHeight as B } from "../../../types/common.types.js";
+import { NmorphComponentThickness as B } from "../../../types/common.types.js";
 import S from "../../../assets/icons/loading.svg.js";
 import _ from "../nmorph-icon/NmorphIcon.vue.js";
-const H = /* @__PURE__ */ h({
+const C = /* @__PURE__ */ y({
   __name: "NmorphButton",
   props: {
-    styleType: { type: null, required: !1, default: "default" },
+    design: { type: null, required: !1, default: "nmorph" },
+    borderless: { type: Boolean, required: !1, default: !1 },
     color: { type: String, required: !1, default: void 0 },
     loading: { type: Boolean, required: !1, default: !1 },
     ripple: { type: Boolean, required: !1, default: !0 },
@@ -24,22 +25,23 @@ const H = /* @__PURE__ */ h({
     id: { type: String, required: !1 },
     name: { type: String, required: !1 },
     autocomplete: { type: String, required: !1 },
-    height: { type: null, required: !1, default: "basic" },
+    thickness: { type: null, required: !1, default: "basic" },
     disabled: { type: Boolean, required: !1, default: !1 }
   },
   emits: ["update:model-value"],
-  setup(d, { expose: s, emit: p }) {
-    const e = d, l = p, t = b(), f = o(() => !!t.icon), r = o(() => !!t["icon-only"]), a = o(() => e.active || !!e.modelValue), c = o(
+  setup(u, { expose: d, emit: p }) {
+    const e = u, t = p, l = b(), f = o(() => !!l.icon), r = o(() => !!l["icon-only"]), a = o(() => e.active || !!e.modelValue), c = o(
       () => v({
-        nmorph: [B[e.height], e.fill && "fill"],
+        nmorph: [B[e.thickness], e.fill && "fill"],
         "nmorph-button": [
-          e.styleType,
+          e.design,
           e.shape,
           e.disabled && "disabled",
           e.accentBgOnHover && "accent-bg-on-hover",
           e.ripple && "ripple",
           r.value && "icon-only",
           e.color && "custom-color",
+          e.design === "plain" && e.borderless && "borderless",
           a.value && "active",
           e.danger && "danger"
         ]
@@ -48,22 +50,22 @@ const H = /* @__PURE__ */ h({
       thin: "small",
       basic: "medium",
       thick: "large"
-    }, m = o(() => i[e.height]), y = o(() => e.color ? {
-      "--nmorph-button-color": e.color,
-      "--transparent-button-color": e.color,
-      "--nmorph-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
-    } : {}), g = () => {
-      !e.toggle || e.disabled || e.loading || l("update:model-value", !e.modelValue);
+    }, m = o(() => i[e.thickness]), g = o(() => e.color ? {
+      "--nmorph-private-button-color": e.color,
+      "--nmorph-private-button-plain-color": e.color,
+      "--nmorph-private-button-hover-color": `color-mix(in srgb, ${e.color} 75%, var(--nmorph-white-color))`
+    } : {}), h = () => {
+      !e.toggle || e.disabled || e.loading || t("update:model-value", !e.modelValue);
     };
-    s({ buttonDOMElement: n });
-    const u = { props: e, emit: l, slots: t, hasIconSlot: f, hasIconOnlySlot: r, active: a, modifiers: c, buttonDOMElement: n, iconSizeMap: i, loadingButtonSize: m, buttonColorStyles: y, toggleClickHandler: g, get NmorphIcon() {
+    d({ buttonDOMElement: n });
+    const s = { props: e, emit: t, slots: l, hasIconSlot: f, hasIconOnlySlot: r, active: a, modifiers: c, buttonDOMElement: n, iconSizeMap: i, loadingButtonSize: m, buttonColorStyles: g, toggleClickHandler: h, get NmorphIcon() {
       return _;
     }, get NmorphIconLoader() {
       return S;
     } };
-    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
   }
 });
 export {
-  H as default
+  C as default
 };

package/dist/components/basic/nmorph-button/types.js

@@ -1,6 +1,14 @@
-var e = /* @__PURE__ */ ((r) => (r.default = "default", r.transparent = "transparent", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.submit = "submit", r.reset = "reset", r.button = "button", r))(a || {}), u = /* @__PURE__ */ ((r) => (r.default = "default", r.square = "square", r.round = "round", r.circle = "circle", r))(u || {});
+const t = {
+  submit: "submit",
+  reset: "reset",
+  button: "button"
+}, e = {
+  default: "default",
+  square: "square",
+  round: "round",
+  circle: "circle"
+};
 export {
-  u as NmorphButtonShape,
-  e as NmorphButtonStyle,
-  a as NmorphButtonType
+  e as NmorphButtonShape,
+  t as NmorphButtonType
 };

package/dist/components/basic/nmorph-icon/NmorphIcon.css

@@ -1 +1 @@
-.nmorph-icon,.nmorph-icon .nmorph-icon__content{display:flex;justify-content:center;align-items:center;width:var(--width);min-width:var(--width);height:var(--height);min-height:var(--height)}.nmorph-icon svg{width:100%;height:100%;fill:var(--color)}.nmorph-icon path[stroke],.nmorph-icon path[stroke-width],.nmorph-icon path[fill=none],.nmorph-icon rect[stroke],.nmorph-icon rect[stroke-width],.nmorph-icon rect[fill=none],.nmorph-icon line[stroke],.nmorph-icon line[stroke-width],.nmorph-icon polyline[stroke],.nmorph-icon polyline[stroke-width],.nmorph-icon polygon[stroke],.nmorph-icon polygon[stroke-width]{stroke:var(--color)}.nmorph-icon.nmorph-icon--small{--width: 14px;--height: 14px}.nmorph-icon.nmorph-icon--medium{--width: 20px;--height: 20px}.nmorph-icon.nmorph-icon--large{--width: 32px;--height: 32px}.nmorph-icon{--color: var(--nmorph-icon-color, var(--nmorph-text-color))}
+.nmorph-icon,.nmorph-icon .nmorph-icon__content{display:flex;justify-content:center;align-items:center;width:var(--nmorph-private-icon-width);min-width:var(--nmorph-private-icon-width);height:var(--nmorph-private-icon-height);min-height:var(--nmorph-private-icon-height)}.nmorph-icon svg{width:100%;height:100%;fill:var(--nmorph-private-icon-color)}.nmorph-icon path[stroke],.nmorph-icon path[stroke-width],.nmorph-icon path[fill=none],.nmorph-icon rect[stroke],.nmorph-icon rect[stroke-width],.nmorph-icon rect[fill=none],.nmorph-icon line[stroke],.nmorph-icon line[stroke-width],.nmorph-icon polyline[stroke],.nmorph-icon polyline[stroke-width],.nmorph-icon polygon[stroke],.nmorph-icon polygon[stroke-width]{stroke:var(--nmorph-private-icon-color)}.nmorph-icon.nmorph-icon--small{--nmorph-private-icon-width: 14px;--nmorph-private-icon-height: 14px}.nmorph-icon.nmorph-icon--medium{--nmorph-private-icon-width: 20px;--nmorph-private-icon-height: 20px}.nmorph-icon.nmorph-icon--large{--nmorph-private-icon-width: 32px;--nmorph-private-icon-height: 32px}.nmorph-icon{--nmorph-private-icon-color: var(--nmorph-text-color)}

package/dist/components/basic/nmorph-icon/NmorphIcon.vue2.js

@@ -1,7 +1,7 @@
 import './NmorphIcon.css';
-import { defineComponent as h, computed as i } from "vue";
-import { useModifiers as l } from "../../../utils/create-modifiers.js";
-const p = /* @__PURE__ */ h({
+import { defineComponent as p, computed as o } from "vue";
+import { useModifiers as d } from "../../../utils/create-modifiers.js";
+const l = /* @__PURE__ */ p({
   __name: "NmorphIcon",
   props: {
     size: { type: null, required: !1, default: "small" },
@@ -11,21 +11,21 @@ const p = /* @__PURE__ */ h({
   },
   setup(r, { expose: s }) {
     s();
-    const e = r, d = i(
-      () => l({
+    const e = r, n = o(
+      () => d({
         "nmorph-icon": [
           !e.width && !e.height && e.size,
           e.width && "custom-width",
           e.height && "custom-height"
         ]
       })
-    ), n = i(() => {
+    ), h = o(() => {
       const t = {};
-      return e.width && (t["--width"] = e.width), e.height && (t["--height"] = e.height), e.color && (t["--nmorph-icon-color"] = e.color, t["--color"] = e.color), t;
-    }), o = { props: e, modifiers: d, customStyles: n };
-    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+      return e.width && (t["--nmorph-private-icon-width"] = e.width), e.height && (t["--nmorph-private-icon-height"] = e.height), e.color && (t["--nmorph-private-icon-color"] = e.color), t;
+    }), i = { props: e, modifiers: n, customStyles: h };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  p as default
+  l as default
 };