@nmorph/nmorph-ui-kit 3.0.14 → 3.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/basic/nmorph-text/NmorphText.vue.js +15 -9
- package/dist/components/basic/nmorph-text/NmorphText.vue2.js +4 -2
- package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.css +1 -1
- package/dist/index.umd.js +2 -2
- package/dist/outside-hooks/use-nmorph-theme.js +23 -23
- package/dist/package.json.js +1 -1
- package/dist/src/components/basic/nmorph-text/NmorphText.vue.d.ts +1 -0
- package/dist/src/components/basic/nmorph-text/types.d.ts +1 -0
- package/dist/src/types/common.types.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/types/common.types.js +1 -0
- package/package.json +1 -1
|
@@ -1,19 +1,25 @@
|
|
|
1
1
|
import e from "./NmorphText.vue2.js";
|
|
2
|
-
import { openBlock as t, createBlock as s, resolveDynamicComponent as n, normalizeStyle as
|
|
3
|
-
import
|
|
4
|
-
function
|
|
2
|
+
import { openBlock as t, createBlock as s, resolveDynamicComponent as n, normalizeStyle as a, normalizeClass as l, withCtx as m, renderSlot as p, createTextVNode as c, toDisplayString as i } from "vue";
|
|
3
|
+
import f from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
function _(r, d, h, o, x, y) {
|
|
5
5
|
return t(), s(n(o.props.as), {
|
|
6
|
-
class:
|
|
7
|
-
style:
|
|
6
|
+
class: l(o.modifiers),
|
|
7
|
+
style: a(o.styles)
|
|
8
8
|
}, {
|
|
9
|
-
default:
|
|
10
|
-
|
|
9
|
+
default: m(() => [
|
|
10
|
+
p(r.$slots, "default", {}, () => [
|
|
11
|
+
c(
|
|
12
|
+
i(o.props.text),
|
|
13
|
+
1
|
|
14
|
+
/* TEXT */
|
|
15
|
+
)
|
|
16
|
+
])
|
|
11
17
|
]),
|
|
12
18
|
_: 3
|
|
13
19
|
/* FORWARDED */
|
|
14
20
|
}, 8, ["class", "style"]);
|
|
15
21
|
}
|
|
16
|
-
const
|
|
22
|
+
const N = /* @__PURE__ */ f(e, [["render", _], ["__file", "/home/runner/work/nmorph/nmorph/library/src/components/basic/nmorph-text/NmorphText.vue"]]);
|
|
17
23
|
export {
|
|
18
|
-
|
|
24
|
+
N as default
|
|
19
25
|
};
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { defineComponent as i, computed as o } from "vue";
|
|
2
2
|
import { useModifiers as s } from "../../../utils/create-modifiers.js";
|
|
3
3
|
import { createCssVariables as c } from "../../../utils/common.js";
|
|
4
|
-
const
|
|
4
|
+
const f = /* @__PURE__ */ i({
|
|
5
5
|
__name: "NmorphText",
|
|
6
6
|
props: {
|
|
7
7
|
as: { type: String, required: !1, default: "span" },
|
|
8
|
+
text: { type: [String, Number], required: !1, default: void 0 },
|
|
8
9
|
variant: { type: null, required: !1, default: "body" },
|
|
9
10
|
weight: { type: null, required: !1, default: void 0 },
|
|
10
11
|
color: { type: null, required: !1, default: "text" },
|
|
@@ -17,6 +18,7 @@ const d = /* @__PURE__ */ i({
|
|
|
17
18
|
l();
|
|
18
19
|
const e = a, r = {
|
|
19
20
|
text: "var(--nmorph-text-color)",
|
|
21
|
+
contrast: "var(--nmorph-contrast-text-color)",
|
|
20
22
|
"semi-contrast": "var(--nmorph-semi-contrast-text-color)",
|
|
21
23
|
placeholder: "var(--nmorph-placeholder-text-color)",
|
|
22
24
|
focus: "var(--nmorph-focus-text-color)",
|
|
@@ -46,5 +48,5 @@ const d = /* @__PURE__ */ i({
|
|
|
46
48
|
}
|
|
47
49
|
});
|
|
48
50
|
export {
|
|
49
|
-
|
|
51
|
+
f as default
|
|
50
52
|
};
|
package/dist/components/form/nmorph-select/components/nmorph-select-option/NmorphSelectOption.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nmorph-select-option{--nmorph-private-select-option-hover-background: var(--nmorph-accent-color);--nmorph-private-select-option-hover-color: var(--nmorph-white-color);display:flex;gap:var(--indentation-01);justify-content:space-between;align-items:center;box-sizing:border-box;min-width:0;padding:var(--indentation-00) var(--default-indentation-input);cursor:pointer}.nmorph-select-option .nmorph-select-option__content{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:translateY(var(--nmorph-private-control-text-offset-y))}.nmorph-select-option .nmorph-select-option__content span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-select-option .nmorph-select-option__checked{flex:0 0 auto}.nmorph-select-option:not(.nmorph-select-option--disabled):hover{color:var(--nmorph-private-select-option-hover-color);background:var(--nmorph-private-select-option-hover-background);--nmorph-private-icon-color: var(--nmorph-private-select-option-hover-color)}.nmorph-select-option:not(.nmorph-select-option--disabled):hover :where(*){color:inherit}.nmorph-select-option.nmorph-select-option--focused:not(.nmorph-select-option--disabled){color:var(--nmorph-private-select-option-hover-color);background:var(--nmorph-private-select-option-hover-background);--nmorph-private-icon-color: var(--nmorph-private-select-option-hover-color)}.nmorph-select-option.nmorph-select-option--focused:not(.nmorph-select-option--disabled) :where(*){color:inherit}.nmorph-select-option.nmorph-select-option--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}
|
|
1
|
+
.nmorph-select-option{--nmorph-private-select-option-hover-background: var(--nmorph-accent-color);--nmorph-private-select-option-hover-color: var(--nmorph-white-color);display:flex;gap:var(--indentation-01);justify-content:space-between;align-items:center;box-sizing:border-box;min-width:0;padding:var(--indentation-00) var(--default-indentation-input);cursor:pointer}.nmorph-select-option .nmorph-select-option__content{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transform:translateY(var(--nmorph-private-control-text-offset-y))}.nmorph-select-option .nmorph-select-option__content span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nmorph-select-option .nmorph-select-option__checked{flex:0 0 auto;--nmorph-private-icon-color: currentColor}.nmorph-select-option:not(.nmorph-select-option--disabled):hover{color:var(--nmorph-private-select-option-hover-color);background:var(--nmorph-private-select-option-hover-background);--nmorph-private-icon-color: var(--nmorph-private-select-option-hover-color)}.nmorph-select-option:not(.nmorph-select-option--disabled):hover :where(*){color:inherit}.nmorph-select-option.nmorph-select-option--focused:not(.nmorph-select-option--disabled){color:var(--nmorph-private-select-option-hover-color);background:var(--nmorph-private-select-option-hover-background);--nmorph-private-icon-color: var(--nmorph-private-select-option-hover-color)}.nmorph-select-option.nmorph-select-option--focused:not(.nmorph-select-option--disabled) :where(*){color:inherit}.nmorph-select-option.nmorph-select-option--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}
|