@nmorph/nmorph-ui-kit 2.2.10 → 2.2.13

package/dist/components/data/nmorph-image-preview/NmorphImagePreview.vue2.js

@@ -1,17 +1,17 @@
 import './NmorphImagePreview.css';
-import { defineComponent as A, ref as m, watch as C, computed as u } from "vue";
-import { useModifiers as F } from "../../../utils/create-modifiers.js";
-import H from "../../../assets/icons/shrink.svg.js";
-import R from "../../../assets/icons/rotate-right.svg.js";
-import z from "../../../assets/icons/rotate-left.svg.js";
-import B from "../../../assets/icons/zoom-in.svg.js";
-import D from "../../../assets/icons/zoom-out.svg.js";
-import T from "../../../assets/icons/enlarge.svg.js";
-import V from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
-import M from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import P from "../../basic/nmorph-button/NmorphButton.vue.js";
-import Z from "../nmorph-image/NmorphImage.vue.js";
-import j from "../../../assets/icons/chevron-down.svg.js";
+import { defineComponent as A, ref as m, watch as B, computed as u } from "vue";
+import { useModifiers as C } from "../../../utils/create-modifiers.js";
+import F from "../../../assets/icons/shrink.svg.js";
+import H from "../../../assets/icons/rotate-right.svg.js";
+import R from "../../../assets/icons/rotate-left.svg.js";
+import T from "../../../assets/icons/zoom-in.svg.js";
+import z from "../../../assets/icons/zoom-out.svg.js";
+import D from "../../../assets/icons/enlarge.svg.js";
+import V from "../../../assets/icons/chevron-down.svg.js";
+import M from "../../others/nmorph-overlay/NmorphOverlay.vue.js";
+import P from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import Z from "../../basic/nmorph-button/NmorphButton.vue.js";
+import j from "../nmorph-image/NmorphImage.vue.js";
 const te = /* @__PURE__ */ A({
   __name: "NmorphImagePreview",
   props: {
@@ -22,23 +22,24 @@ const te = /* @__PURE__ */ A({
     scaleStep: { type: Number, required: !1, default: 0.2 },
     minScaleLevel: { type: Number, required: !1, default: 0.2 },
     maxScaleLevel: { type: Number, required: !1, default: 4 },
-    zIndex: { type: Number, required: !1 }
+    zIndex: { type: Number, required: !1 },
+    showTrigger: { type: Boolean, required: !1, default: !0 }
   },
   emits: ["update:model-value"],
   setup(N, { expose: I, emit: y }) {
     I();
     const e = N, l = m(e.modelValue);
-    C(
+    B(
       () => e.modelValue,
       (a) => l.value = a
     );
     const S = u(
-      () => F({
+      () => C({
         "nmorph-image-preview": [`${l.value && "opened"}`]
       })
     ), t = m(e.initialIndex), x = u(() => typeof e.src == "string" ? e.src : e.src[t.value]), r = m(1), _ = () => {
       l.value = !0, i("update:model-value", l.value);
-    }, L = () => {
+    }, q = () => {
       l.value = !1, i("update:model-value", l.value);
     }, s = () => {
       o.value = o.value + 90, o.value >= 360 && (o.value = 0);
@@ -52,7 +53,7 @@ const te = /* @__PURE__ */ A({
       r.value = 1;
     }, h = () => {
       r.value = 1;
-    }, o = m(0), q = () => {
+    }, o = m(0), L = () => {
       const a = e.src.length - 1, n = t.value - 1;
       n < 0 ? t.value = a : t.value = n;
     }, b = () => {
@@ -60,40 +61,40 @@ const te = /* @__PURE__ */ A({
       n > a ? t.value = 0 : t.value = n;
     }, w = u(() => {
       let a = {
-        icon: H,
+        icon: F,
         handler: h
       };
       return d.value && (a = {
-        icon: T,
+        icon: D,
         handler: f
       }), a;
     }), O = [
       {
-        icon: R,
+        icon: H,
         handler: s
       },
       {
-        icon: z,
+        icon: R,
         handler: c
       },
       {
-        icon: B,
+        icon: T,
         handler: p
       },
       {
-        icon: D,
+        icon: z,
         handler: v
       }
-    ], i = y, k = u(() => Array.isArray(e.src) && e.src.length > 0), g = { props: e, open: l, modifiers: S, currentIndex: t, triggerSource: x, scaleLevel: r, clickHandler: _, closeHandler: L, rotateRight: s, rotateLeft: c, zoomIn: p, zoomOut: v, isLevelChangedToMin: d, enlargeToNormal: f, shrinkToNormal: h, rotateLevel: o, previousHandler: q, nextHandler: b, enlargeShrinkActionData: w, actions: O, emit: i, multipleSources: k, get NmorphImage() {
-      return Z;
+    ], i = y, k = u(() => Array.isArray(e.src) && e.src.length > 0), g = { props: e, open: l, modifiers: S, currentIndex: t, triggerSource: x, scaleLevel: r, clickHandler: _, closeHandler: q, rotateRight: s, rotateLeft: c, zoomIn: p, zoomOut: v, isLevelChangedToMin: d, enlargeToNormal: f, shrinkToNormal: h, rotateLevel: o, previousHandler: L, nextHandler: b, enlargeShrinkActionData: w, actions: O, emit: i, multipleSources: k, get NmorphImage() {
+      return j;
     }, get NmorphButton() {
-      return P;
+      return Z;
     }, get NmorphIcon() {
-      return M;
+      return P;
     }, get NmorphOverlay() {
-      return V;
+      return M;
     }, get NmorphIconChevronDown() {
-      return j;
+      return V;
     } };
     return Object.defineProperty(g, "__isScriptSetup", { enumerable: !1, value: !0 }), g;
   }

package/dist/components/data/nmorph-pagination/NmorphPagination.css

@@ -1 +1 @@
-.nmorph-pagination{display:flex;justify-content:center;margin-top:var(--indentation-04)}.nmorph-pagination .nmorph-radio-group__content{display:flex;justify-content:center;gap:8px}.nmorph-pagination .nmorph-radio-group{display:inline-flex;align-items:center}.nmorph-pagination .nmorph-radio-group .nmorph-radio:not(:last-child){margin-bottom:0;margin-right:0}.nmorph-pagination .nmorph-pagination__page-group{margin:0 var(--indentation-01)}.nmorph-pagination .nmorph-pagination__prev-icon{rotate:90deg}.nmorph-pagination .nmorph-pagination__next-icon{rotate:-90deg}.nmorph-pagination .nmorph-pagination__prev-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-btn{margin-left:8px}.nmorph-pagination .nmorph-pagination__page-btn{width:40px;height:40px}.nmorph-pagination .nmorph-pagination__page-btn-wrapper{display:flex}.nmorph-pagination .nmorph-pagination__prev-secondary-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-secondary-btn{margin-left:8px}
+.nmorph-pagination{display:flex;justify-content:center;margin-top:var(--indentation-04)}.nmorph-pagination .nmorph-radio-group__content{display:flex;justify-content:center;gap:8px}.nmorph-pagination .nmorph-radio-group{display:inline-flex;align-items:center}.nmorph-pagination .nmorph-radio-group .nmorph-radio:not(:last-child){margin-bottom:0;margin-right:0}.nmorph-pagination .nmorph-pagination__page-group{margin:0 var(--indentation-01)}.nmorph-pagination .nmorph-pagination__prev-icon{rotate:90deg}.nmorph-pagination .nmorph-pagination__next-icon{rotate:-90deg}.nmorph-pagination .nmorph-pagination__prev-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-btn{margin-left:8px}.nmorph-pagination .nmorph-pagination__page-btn{--height: var(--nmorph-pagination-height);--size: var(--nmorph-pagination-height);width:40px;min-width:40px;height:var(--height);min-height:var(--height)}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio .nmorph-radio__content,.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio .nmorph-radio__fake{width:100%;height:100%}.nmorph-pagination .nmorph-pagination__page-btn.nmorph-radio.nmorph-radio--button .nmorph-radio__fake{padding:0}.nmorph-pagination .nmorph-pagination__page-btn-wrapper{display:flex}.nmorph-pagination .nmorph-pagination__prev-secondary-btn{margin-right:8px}.nmorph-pagination .nmorph-pagination__next-secondary-btn{margin-left:8px}

package/dist/components/data/nmorph-pagination/NmorphPagination.vue.js

@@ -1,25 +1,27 @@
 import './NmorphPagination.css';
-import d from "./NmorphPagination.vue2.js";
-import { openBlock as e, createElementBlock as i, normalizeClass as l, createVNode as a, withCtx as r, Fragment as p, renderList as c, createBlock as t, mergeProps as m, createCommentVNode as _ } from "vue";
+import h from "./NmorphPagination.vue2.js";
+import { openBlock as a, createElementBlock as r, normalizeStyle as d, normalizeClass as l, createVNode as e, withCtx as i, Fragment as p, renderList as m, createBlock as t, mergeProps as c, createCommentVNode as _ } from "vue";
 /* empty css                      */
 import s from "../../../_virtual/_plugin-vue_export-helper.js";
-function b(h, v, f, o, g, k) {
-  return o.show ? (e(), i(
+function g(b, v, f, o, k, N) {
+  return o.show ? (a(), r(
     "div",
     {
       key: 0,
-      class: l(o.modifiers)
+      class: l(o.modifiers),
+      style: d(o.paginationStyle)
     },
     [
-      a(o.NmorphButton, {
+      e(o.NmorphButton, {
         class: "nmorph-pagination__btn nmorph-pagination__prev-btn",
+        height: o.props.height,
         disabled: o.blockPrevButton || o.props.disabled,
         onClick: o.prevClick
       }, {
-        default: r(() => [
-          a(o.NmorphIcon, { class: "nmorph-pagination__prev-icon" }, {
-            default: r(() => [
-              a(o.NmorphIconChevronDown)
+        default: i(() => [
+          e(o.NmorphIcon, { class: "nmorph-pagination__prev-icon" }, {
+            default: i(() => [
+              e(o.NmorphIconChevronDown)
             ]),
             _: 1
             /* STABLE */
@@ -27,34 +29,37 @@ function b(h, v, f, o, g, k) {
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["disabled"]),
-      a(o.NmorphRadioGroup, {
+      }, 8, ["height", "disabled"]),
+      e(o.NmorphRadioGroup, {
         "model-value": o.selectedPage,
         class: "nmorph-pagination__page-group",
+        height: o.props.height,
         disabled: o.props.disabled,
         "onUpdate:modelValue": o.updateSelectedValue
       }, {
-        default: r(() => [
-          (e(!0), i(
+        default: i(() => [
+          (a(!0), r(
             p,
             null,
-            c(o.visiblePages, (n) => (e(), i("div", {
+            m(o.visiblePages, (n) => (a(), r("div", {
               key: n.value,
               class: "nmorph-pagination__page-btn-wrapper"
             }, [
-              n.value === "prev" || n.value === "next" ? (e(), t(o.NmorphButton, {
+              n.value === "prev" || n.value === "next" ? (a(), t(o.NmorphButton, {
                 key: 0,
                 class: l(`nmorph-pagination__page-btn nmorph-pagination__${n.value}`),
                 text: n.label,
+                height: o.props.height,
                 disabled: o.props.disabled,
-                onClick: (N) => o.bigStepUpdate(n.value)
-              }, null, 8, ["class", "text", "disabled", "onClick"])) : (e(), t(o.NmorphRadio, m({
+                onClick: (x) => o.bigStepUpdate(n.value)
+              }, null, 8, ["class", "text", "height", "disabled", "onClick"])) : (a(), t(o.NmorphRadio, c({
                 key: 1,
                 ref_for: !0
               }, n, {
                 class: "nmorph-pagination__page-btn",
+                height: o.props.height,
                 disabled: o.props.disabled
-              }), null, 16, ["disabled"]))
+              }), null, 16, ["height", "disabled"]))
             ]))),
             128
             /* KEYED_FRAGMENT */
@@ -62,16 +67,17 @@ function b(h, v, f, o, g, k) {
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["model-value", "disabled"]),
-      a(o.NmorphButton, {
+      }, 8, ["model-value", "height", "disabled"]),
+      e(o.NmorphButton, {
         class: "nmorph-pagination__btn nmorph-pagination__next-btn",
+        height: o.props.height,
         disabled: o.blockNextButton || o.props.disabled,
         onClick: o.nextClick
       }, {
-        default: r(() => [
-          a(o.NmorphIcon, { class: "nmorph-pagination__next-icon" }, {
-            default: r(() => [
-              a(o.NmorphIconChevronDown)
+        default: i(() => [
+          e(o.NmorphIcon, { class: "nmorph-pagination__next-icon" }, {
+            default: i(() => [
+              e(o.NmorphIconChevronDown)
             ]),
             _: 1
             /* STABLE */
@@ -79,13 +85,13 @@ function b(h, v, f, o, g, k) {
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["disabled"])
+      }, 8, ["height", "disabled"])
     ],
-    2
-    /* CLASS */
+    6
+    /* CLASS, STYLE */
   )) : _("v-if", !0);
 }
-const P = /* @__PURE__ */ s(d, [["render", b], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
+const u = /* @__PURE__ */ s(h, [["render", g], ["__file", "/builds/ketjo/nmorph/library/src/components/data/nmorph-pagination/NmorphPagination.vue"]]);
 export {
-  P as default
+  u as default
 };

package/dist/components/data/nmorph-pagination/NmorphPagination.vue2.js

@@ -1,12 +1,12 @@
 import './NmorphPagination.css';
-import { defineComponent as P, computed as u, ref as _, watch as x } from "vue";
-import { useModifiers as q } from "../../../utils/create-modifiers.js";
-import w from "../../form/nmorph-radio/NmorphRadio.vue.js";
-import B from "../../basic/nmorph-icon/NmorphIcon.vue.js";
-import O from "../../basic/nmorph-button/NmorphButton.vue.js";
-import Q from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
-import R from "../../../assets/icons/chevron-down.svg.js";
-const M = /* @__PURE__ */ P({
+import { defineComponent as q, computed as o, ref as x, watch as k } from "vue";
+import { useModifiers as w } from "../../../utils/create-modifiers.js";
+import B from "../../form/nmorph-radio/NmorphRadio.vue.js";
+import O from "../../basic/nmorph-icon/NmorphIcon.vue.js";
+import Q from "../../basic/nmorph-button/NmorphButton.vue.js";
+import R from "../../form/nmorph-radio-group/NmorphRadioGroup.vue.js";
+import V from "../../../assets/icons/chevron-down.svg.js";
+const j = /* @__PURE__ */ q({
   __name: "NmorphPagination",
   props: {
     totalElementsQuantity: { type: Number, required: !0 },
@@ -15,58 +15,65 @@ const M = /* @__PURE__ */ P({
     disabled: { type: Boolean, required: !1, default: !1 },
     hideOnSinglePage: { type: Boolean, required: !1, default: !0 },
     maxVisiblePages: { type: Number, required: !1, default: 9 },
-    fastForwardStep: { type: Number, required: !1, default: 5 }
+    fastForwardStep: { type: Number, required: !1, default: 5 },
+    height: { type: null, required: !1, default: "basic" }
   },
   emits: ["update:model-value"],
-  setup(p, { expose: d, emit: c }) {
+  setup(c, { expose: d, emit: f }) {
     d();
-    const a = p, s = c, f = u(
-      () => q({
-        "nmorph-pagination": [`${a.disabled && "disabled"}`]
+    const r = c, i = f, v = o(
+      () => w({
+        "nmorph-pagination": [`${r.disabled && "disabled"}`]
       })
-    ), v = () => {
-      r.value = String(Number(r.value) - 1);
-    }, g = () => {
-      r.value = String(Number(r.value) + 1);
-    }, r = _(String(a.modelValue)), t = u(() => {
-      const e = a.totalElementsQuantity / a.elementsQuantityOnPage + 1, o = e % 1 === 0 ? -1 : 0;
-      return Array.from({ length: e + o }, (n, m) => ({ value: String(m + 1), label: String(m + 1) }));
-    }), b = u(() => a.hideOnSinglePage || a.totalElementsQuantity / a.elementsQuantityOnPage > 1);
-    x(r, (e) => {
-      s("update:model-value", Number(e));
+    ), s = {
+      thick: "var(--thick-component)",
+      basic: "var(--default-thickness-component)",
+      thin: "var(--thin-component)"
+    }, g = o(() => ({
+      "--nmorph-pagination-height": s[r.height]
+    })), h = () => {
+      a.value = String(Number(a.value) - 1);
+    }, b = () => {
+      a.value = String(Number(a.value) + 1);
+    }, a = x(String(r.modelValue)), t = o(() => {
+      const e = r.totalElementsQuantity / r.elementsQuantityOnPage + 1, n = e % 1 === 0 ? -1 : 0;
+      return Array.from({ length: e + n }, (u, p) => ({ value: String(p + 1), label: String(p + 1) }));
+    }), N = o(() => r.hideOnSinglePage || r.totalElementsQuantity / r.elementsQuantityOnPage > 1);
+    k(a, (e) => {
+      i("update:model-value", Number(e));
     });
-    const h = (e) => {
-      r.value = e;
-    }, N = u(() => Number(r.value) === 1), S = u(() => t.value.length === Number(r.value)), y = u(() => {
-      const e = t.value.length, o = Number(r.value), l = a.maxVisiblePages;
+    const y = (e) => {
+      a.value = e;
+    }, S = o(() => Number(a.value) === 1), P = o(() => t.value.length === Number(a.value)), _ = o(() => {
+      const e = t.value.length, n = Number(a.value), l = r.maxVisiblePages;
       if (e <= l)
         return t.value;
-      const n = Math.floor(l / 2);
-      return o <= n ? [...t.value.slice(0, l - 2), { value: "next", label: "..." }, t.value[e - 1]] : o >= e - n ? [t.value[0], { value: "prev", label: "..." }, ...t.value.slice(e - (l - 2))] : [
+      const u = Math.floor(l / 2);
+      return n <= u ? [...t.value.slice(0, l - 2), { value: "next", label: "..." }, t.value[e - 1]] : n >= e - u ? [t.value[0], { value: "prev", label: "..." }, ...t.value.slice(e - (l - 2))] : [
         t.value[0],
         { value: "prev", label: "..." },
-        ...t.value.slice(o - n, o + n - 1),
+        ...t.value.slice(n - u, n + u - 1),
         { value: "next", label: "..." },
         t.value[e - 1]
       ];
-    }), i = { props: a, emit: s, modifiers: f, prevClick: v, nextClick: g, selectedPage: r, pages: t, show: b, updateSelectedValue: h, blockPrevButton: N, blockNextButton: S, visiblePages: y, bigStepUpdate: (e) => {
-      const o = Number(r.value);
-      let l = e === "prev" ? o - a.fastForwardStep : o + a.fastForwardStep;
-      l <= 0 && (l = 1), l >= t.value.length && (l = t.value.length), r.value = String(l);
+    }), m = { props: r, emit: i, modifiers: v, heightMap: s, paginationStyle: g, prevClick: h, nextClick: b, selectedPage: a, pages: t, show: N, updateSelectedValue: y, blockPrevButton: S, blockNextButton: P, visiblePages: _, bigStepUpdate: (e) => {
+      const n = Number(a.value);
+      let l = e === "prev" ? n - r.fastForwardStep : n + r.fastForwardStep;
+      l <= 0 && (l = 1), l >= t.value.length && (l = t.value.length), a.value = String(l);
     }, get NmorphRadioGroup() {
-      return Q;
+      return R;
     }, get NmorphButton() {
-      return O;
+      return Q;
     }, get NmorphIcon() {
-      return B;
+      return O;
     }, get NmorphRadio() {
-      return w;
+      return B;
     }, get NmorphIconChevronDown() {
-      return R;
+      return V;
     } };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
   }
 });
 export {
-  M as default
+  j as default
 };

package/dist/components/data/nmorph-table/NmorphTable.css

@@ -1 +1 @@
-.nmorph-table{--border-color: var(--nmorph-info-text-color);--table-cell-height: auto;--table-background-row-hover: var(--nmorph-info-color)}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;border-collapse:collapse;border-spacing:0}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__table-data-row--row-hover:hover{background:var(--table-background-row-hover)}.nmorph-table--nmorph{background:var(--nmorph-main-color);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);overflow:hidden;border-radius:var(--default-border-radius);--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}
+.nmorph-table{--border-color: var(--nmorph-info-text-color);--table-cell-height: auto;--table-background-row-hover: var(--nmorph-info-color)}.nmorph-table .nmorph-table__header th{border-bottom:0}.nmorph-table .nmorph-table__button-wrapper{display:flex;align-items:center;margin-left:var(--indentation-03)}.nmorph-table table{width:calc(100% - 2px);margin-left:1px;border-collapse:collapse;border-spacing:0}.nmorph-table .nmorph-table__table-data{padding:var(--indentation-03) 0;border-bottom:1px solid var(--border-color)}.nmorph-table .nmorph-table__table-data--bordered{border:1px solid var(--border-color)}.nmorph-table .nmorph-table__cell{padding:0 var(--indentation-03)}.nmorph-table .nmorph-table__cell-content{display:flex;align-items:center}.nmorph-table .nmorph-table__cell--data{height:var(--table-cell-height)}.nmorph-table .nmorph-table__body{position:relative}.nmorph-table .nmorph-table__body--virtual{overflow-x:hidden}.nmorph-table .nmorph-table__body--virtual .nmorph-table__table-data{height:var(--table-virtual-row-height);padding-top:0;padding-bottom:0}.nmorph-table .nmorph-table__virtual-spacer{position:relative;min-width:100%}.nmorph-table .nmorph-table__virtual-content{position:absolute;top:0;right:0;left:0}.nmorph-table .nmorph-table__table-data-row--row-hover:hover{background:var(--table-background-row-hover)}.nmorph-table--nmorph{background:var(--nmorph-main-color);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);overflow:hidden;border-radius:var(--default-border-radius);--border-color: transparent}.nmorph-table--nmorph .nmorph-table__button-wrapper{padding:var(--indentation-02)}.nmorph-table--nmorph .nmorph-table__table-row{background:var(--nmorph-main-color);box-shadow:inset var(--base-shadow-width) var(--base-shadow-width) var(--base-shadow-blur) var(--nmorph-dark-shade-color),inset calc(-1 * var(--base-shadow-width)) calc(-1 * var(--base-shadow-width)) var(--base-shadow-blur) var(--nmorph-light-shade-color)}