@nmorph/nmorph-ui-kit 2.2.10 → 2.2.12

package/dist/components/form/nmorph-radio-group/NmorphRadioGroup.vue2.js

@@ -1,5 +1,5 @@
 import './NmorphRadioGroup.css';
-import { defineComponent as m, ref as c, watch as h, computed as d, provide as a } from "vue";
+import { defineComponent as m, ref as c, watch as h, computed as d, provide as o } from "vue";
 import { useModifiers as y } from "../../../utils/create-modifiers.js";
 import g from "../nmorph-radio/NmorphRadio.vue.js";
 const b = /* @__PURE__ */ m({
@@ -7,33 +7,33 @@ const b = /* @__PURE__ */ m({
   props: {
     modelValue: { type: String, required: !0, default: "" },
     options: { type: Array, required: !1, default: () => [] },
-    styleType: { type: null, required: !1, default: "radio-style" },
+    styleType: { type: null, required: !1, default: "button" },
     direction: { type: null, required: !1, default: "row" },
+    height: { type: null, required: !1, default: "thin" },
     id: { type: String, required: !1 },
     name: { type: String, required: !1 },
     autocomplete: { type: String, required: !1 },
-    height: { type: null, required: !1, default: "thin" },
     disabled: { type: Boolean, required: !1, default: !1 },
     tabindex: { type: Number, required: !1 }
   },
   emits: ["update:model-value"],
-  setup(p, { expose: n, emit: s }) {
-    n();
-    const e = p, r = c(e.modelValue);
+  setup(n, { expose: p, emit: s }) {
+    p();
+    const e = n, t = c(e.modelValue);
     h(
       () => e.modelValue,
-      (t) => {
-        r.value = t;
+      (r) => {
+        t.value = r;
       }
     );
-    const o = s, i = (t) => {
-      r.value = t, o("update:model-value", r.value);
-    }, f = d(() => y({ "nmorph-radio-group": [e.styleType, e.direction] })), l = d(() => e.height);
-    a("radio-group-selected-value", r), a("change-radio-button-value-handler", i), a("radio-group-height", l);
-    const u = { props: e, initialValue: r, emit: o, changeHandler: i, modifiers: f, height: l, get NmorphRadio() {
+    const a = s, i = (r) => {
+      t.value = r, a("update:model-value", t.value);
+    }, f = d(() => y({ "nmorph-radio-group": [e.styleType, e.direction] })), u = d(() => e.height);
+    o("radio-group-selected-value", t), o("change-radio-button-value-handler", i), o("radio-group-height", u);
+    const l = { props: e, initialValue: t, emit: a, changeHandler: i, modifiers: f, height: u, get NmorphRadio() {
       return g;
     } };
-    return Object.defineProperty(u, "__isScriptSetup", { enumerable: !1, value: !0 }), u;
+    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
   }
 });
 export {

package/dist/components/navigation/nmorph-backtop/NmorphBacktop.vue.js

@@ -1,20 +1,20 @@
 import './NmorphBacktop.css';
 import p from "./NmorphBacktop.vue2.js";
-import { openBlock as l, createElementBlock as a, normalizeStyle as i, createElementVNode as t, normalizeClass as c, withModifiers as m, renderSlot as s, createVNode as r, withCtx as e } from "vue";
+import { openBlock as a, createElementBlock as l, normalizeStyle as c, createElementVNode as t, normalizeClass as i, withModifiers as m, renderSlot as s, createVNode as r, withCtx as e } from "vue";
 /* empty css                   */
 import d from "../../../_virtual/_plugin-vue_export-helper.js";
 function h(n, f, _, o, k, b) {
-  return l(), a(
+  return a(), l(
     "div",
     {
-      style: i({ "--nmorph-backtop-right": `${o.props.right}px`, "--nmorph-backtop-bottom": `${o.props.bottom}px` })
+      style: c({ "--nmorph-backtop-right": `${o.props.right}px`, "--nmorph-backtop-bottom": `${o.props.bottom}px` })
     },
     [
       t(
         "div",
         {
           ref: "selfDOMEl",
-          class: c(o.modifiers)
+          class: i(o.modifiers)
         },
         [
           t("div", {
@@ -27,7 +27,7 @@ function h(n, f, _, o, k, b) {
                 default: e(() => [
                   r(o.NmorphIcon, {
                     class: "nmorph-backtop__up-icon",
-                    color: o.props.design === "nmorph" ? void 0 : "var(--nmorph-white-color)"
+                    color: o.props.design === "nmorph" ? void 0 : "var(--nmorph-contrast-text-color)"
                   }, {
                     default: e(() => [
                       r(o.NmorphIconChevronDown)
@@ -50,7 +50,7 @@ function h(n, f, _, o, k, b) {
     /* STYLE */
   );
 }
-const x = /* @__PURE__ */ d(p, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
+const g = /* @__PURE__ */ d(p, [["render", h], ["__file", "/builds/ketjo/nmorph/library/src/components/navigation/nmorph-backtop/NmorphBacktop.vue"]]);
 export {
-  x as default
+  g as default
 };

package/dist/hooks/use-common-styles.js

@@ -11,7 +11,7 @@ const b = {
   "nmorph--shadow-outset": e,
   "nmorph--shadow-inset": o,
   "nmorph--shadow-combined": p
-}, x = () => {
+}, g = () => {
   let t = `
     :root {
       --font-size-tiny: 10px;
@@ -198,6 +198,12 @@ const b = {
       height: var(--height);
     }
 
+    .nmorph--extra-thin-component {
+      --height: var(--extra-thin-component);
+
+      height: var(--height);
+    }
+
     .nmorph--thick-component {
       --height: var(--thick-component);
 
@@ -281,15 +287,8 @@ const b = {
       cursor: pointer;
     }
 
-    .nmorph-avatar__preview {
-      position: absolute;
-      width: 0;
-      height: 0;
-      overflow: visible;
-    }
-
-    .nmorph-avatar__preview .nmorph-image-preview__trigger {
-      display: none;
+    .nmorph-avatar--preview:hover > .nmorph-image {
+      filter: brightness(0.8);
     }
 
     .nmorph-image {
@@ -535,5 +534,5 @@ const b = {
   r.innerHTML = t, document.head.appendChild(r);
 };
 export {
-  x as useCommonStyles
+  g as useCommonStyles
 };