@well-insight/ui 0.1.10 → 0.1.12

package/dist/config-provider/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }
@@ -1400,8 +1399,7 @@
     outline: none;
 }
 
-.wi-input--invalid:focus-visible,
-.wi-input--error:focus-visible {
+.wi-input--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }
@@ -1426,7 +1424,7 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-input-field__help--error {
+.wi-input-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -1523,8 +1521,7 @@
     width: 100%;
 }
 
-.wi-input--invalid,
-.wi-input--error {
+.wi-input--invalid {
     border-color: var(--wi-color-danger);
 }
 

package/dist/confirm-dialog/index.js

@@ -1,11 +1,11 @@
-import { t as e } from "../Icon-B6gOD07E.js";
-import { t } from "../Button-B6-YxpOQ.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { t } from "../Button-tnrMSwNg.js";
 import { n } from "../overlay-oR-5MDuE.js";
 import { t as r } from "../useModalOverlay-Beo3CEAt.js";
 import { t as i } from "../asyncGuard-CPGT_TKu.js";
 import { t as a } from "../lastPointer-CRxcUqdd.js";
-import { c as o } from "../config-DWwce9jA.js";
-import { n as s } from "../locale-CYkJyRd1.js";
+import { c as o } from "../config-CTLkobga.js";
+import { n as s } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderSlot as S, toDisplayString as C, toRef as w, watch as T, withCtx as E, withModifiers as D } from "vue";
 //#region src/components/ConfirmDialog/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts

package/dist/confirm-dialog/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/confirm-popup/index.js

@@ -1,13 +1,14 @@
-import { t as e } from "../Icon-B6gOD07E.js";
-import { t } from "../Button-B6-YxpOQ.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { t } from "../Button-tnrMSwNg.js";
 import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../asyncGuard-CPGT_TKu.js";
-import { c as a } from "../config-DWwce9jA.js";
-import { n as o } from "../locale-CYkJyRd1.js";
+import { t as i } from "../overlayPlacement-CN1tuC95.js";
+import { t as a } from "../asyncGuard-CPGT_TKu.js";
+import { c as o } from "../config-CTLkobga.js";
+import { n as s } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, openBlock as x, ref as S, renderSlot as C, toDisplayString as w, watch as T, withCtx as E } from "vue";
+import { Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, nextTick as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, openBlock as S, ref as C, renderSlot as w, toDisplayString as T, watch as E, withCtx as D } from "vue";
 //#region src/components/ConfirmPopup/ConfirmPopup.vue?vue&type=script&setup=true&lang.ts
-var D = { class: "wi-confirmpopup__message" }, O = { class: "wi-confirmpopup__footer" }, k = /* @__PURE__ */ g({
+var O = { class: "wi-confirmpopup__message" }, k = { class: "wi-confirmpopup__footer" }, A = /* @__PURE__ */ _({
 	__name: "ConfirmPopup",
 	props: {
 		modelValue: {
@@ -33,110 +34,94 @@ var D = { class: "wi-confirmpopup__message" }, O = { class: "wi-confirmpopup__fo
 		"accept",
 		"reject"
 	],
-	setup(g, { emit: k }) {
-		let A = g, j = k, M = a(), N = o(), P = S(null), F = S({}), I = S(!1), L = l(() => n(A, M.value.appendTo)), R = l(() => r(A, M.value.appendTo));
-		function z() {
-			I.value = !1, j("update:modelValue", !1);
+	setup(_, { emit: A }) {
+		let j = _, M = A, N = o(), P = s(), F = C(null), I = C({}), L = C(!1), R = u(() => n(j, N.value.appendTo)), z = u(() => r(j, N.value.appendTo));
+		function B() {
+			L.value = !1, M("update:modelValue", !1);
 		}
-		async function B() {
-			if (!I.value) {
-				I.value = !0;
+		async function V() {
+			if (!L.value) {
+				L.value = !0;
 				try {
-					if (!await i(A.beforeAccept)) return;
-					j("accept"), z();
+					if (!await a(j.beforeAccept)) return;
+					M("accept"), B();
 				} finally {
-					I.value &&= !1;
+					L.value &&= !1;
 				}
 			}
 		}
-		function V() {
-			I.value || (j("reject"), z());
-		}
 		function H() {
-			if (A.target) {
-				let e = A.target.getBoundingClientRect(), t = e.left + e.width / 2, n = e.top + e.height / 2;
-				A.placement === "top" ? F.value = {
-					left: `${t}px`,
-					top: `${e.top - 8}px`,
-					transform: "translate(-50%, -100%)"
-				} : A.placement === "left" ? F.value = {
-					left: `${e.left - 8}px`,
-					top: `${n}px`,
-					transform: "translate(-100%, -50%)"
-				} : A.placement === "right" ? F.value = {
-					left: `${e.right + 8}px`,
-					top: `${n}px`,
-					transform: "translateY(-50%)"
-				} : F.value = {
-					left: `${t}px`,
-					top: `${e.bottom + 8}px`,
-					transform: "translateX(-50%)"
-				};
+			L.value || (M("reject"), B());
+		}
+		function U() {
+			if (j.target) {
+				let e = j.target.getBoundingClientRect(), t = j.placement === "top" || j.placement === "left" || j.placement === "right" ? j.placement : "bottom";
+				I.value = i(e, t);
 				return;
 			}
-			if (A.position) {
-				F.value = {
-					left: `${A.position.left}px`,
-					top: `${A.position.top}px`
+			if (j.position) {
+				I.value = {
+					left: `${j.position.left}px`,
+					top: `${j.position.top}px`
 				};
 				return;
 			}
-			F.value = {
+			I.value = {
 				left: "50%",
 				top: "30%",
 				transform: "translateX(-50%)"
 			};
 		}
-		function U(e) {
-			e.key === "Escape" && V();
-		}
 		function W(e) {
-			P.value?.contains(e.target) || A.target?.contains(e.target) || V();
+			e.key === "Escape" && H();
+		}
+		function G(e) {
+			F.value?.contains(e.target) || j.target?.contains(e.target) || H();
 		}
-		T(() => A.modelValue, async (e) => {
-			e ? (document.addEventListener("keydown", U), window.addEventListener("resize", H), window.addEventListener("scroll", H, !0), await _(), H(), P.value?.focus(), window.setTimeout(() => document.addEventListener("click", W), 0)) : (document.removeEventListener("keydown", U), document.removeEventListener("click", W), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0));
-		}, { immediate: !0 }), T(() => [
-			A.target,
-			A.position,
-			A.placement
+		E(() => j.modelValue, async (e) => {
+			e ? (document.addEventListener("keydown", W), window.addEventListener("resize", U), window.addEventListener("scroll", U, !0), await v(), U(), F.value?.focus(), window.setTimeout(() => document.addEventListener("click", G), 0)) : (document.removeEventListener("keydown", W), document.removeEventListener("click", G), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0));
+		}, { immediate: !0 }), E(() => [
+			j.target,
+			j.position,
+			j.placement
 		], () => {
-			A.modelValue && H();
-		}), b(() => {
-			document.removeEventListener("keydown", U), document.removeEventListener("click", W), window.removeEventListener("resize", H), window.removeEventListener("scroll", H, !0);
+			j.modelValue && U();
+		}), x(() => {
+			document.removeEventListener("keydown", W), document.removeEventListener("click", G), window.removeEventListener("resize", U), window.removeEventListener("scroll", U, !0);
 		});
-		let G = l(() => A.modelValue), K = l(() => A.acceptLabel ?? N.value.accept), q = l(() => A.rejectLabel ?? N.value.reject);
-		return (n, r) => (x(), u(s, {
-			to: L.value.to,
-			disabled: L.value.disabled
-		}, [h(c, { name: "wi-scale-fade" }, {
-			default: E(() => [G.value ? (x(), f("div", {
+		let K = u(() => j.modelValue), q = u(() => j.acceptLabel ?? P.value.accept), J = u(() => j.rejectLabel ?? P.value.reject);
+		return (n, r) => (S(), d(c, {
+			to: R.value.to,
+			disabled: R.value.disabled
+		}, [g(l, { name: "wi-scale-fade" }, {
+			default: D(() => [K.value ? (S(), p("div", {
 				key: 0,
 				ref_key: "panel",
-				ref: P,
-				class: v(["wi-confirmpopup", { "wi-confirmpopup--teleported": R.value }]),
+				ref: F,
+				class: y(["wi-confirmpopup", { "wi-confirmpopup--teleported": z.value }]),
 				role: "alertdialog",
 				"aria-modal": "true",
 				tabindex: "-1",
-				style: y(F.value)
-			}, [p("div", D, [g.icon ? (x(), u(e, {
+				style: b(I.value)
+			}, [m("div", O, [_.icon ? (S(), d(e, {
 				key: 0,
 				class: "wi-confirmpopup__icon",
-				name: g.icon,
+				name: _.icon,
 				size: "sm"
-			}, null, 8, ["name"])) : d("", !0), C(n.$slots, "default", {}, () => [m(w(g.message), 1)])]), p("div", O, [h(t, {
-				label: q.value,
+			}, null, 8, ["name"])) : f("", !0), w(n.$slots, "default", {}, () => [h(T(_.message), 1)])]), m("div", k, [g(t, {
+				label: J.value,
 				severity: "secondary",
 				size: "small",
-				onClick: V
-			}, null, 8, ["label"]), h(t, {
-				label: K.value,
+				onClick: H
+			}, null, 8, ["label"]), g(t, {
+				label: q.value,
 				size: "small",
-				loading: I.value,
-				onClick: B
-			}, null, 8, ["label", "loading"])])], 6)) : d("", !0)]),
+				loading: L.value,
+				onClick: V
+			}, null, 8, ["label", "loading"])])], 6)) : f("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
-export { k as WiConfirmPopup };
+export { A as WiConfirmPopup };

package/dist/confirm-popup/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/context-menu/index.js

@@ -1,72 +1,80 @@
-import { a as e, t } from "../Icon-B6gOD07E.js";
-import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { c as i } from "../config-DWwce9jA.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../icon-Cg5TeFqe.js";
+import { t as i } from "../key-CaQYVkjh.js";
+import { c as a } from "../config-CTLkobga.js";
 import "./style.js";
-import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, watch as C, withCtx as w, withModifiers as T } from "vue";
+import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 //#region src/components/ContextMenu/ContextMenuNodes.vue?vue&type=script&setup=true&lang.ts
-var E = {
+var D = {
 	key: 0,
 	class: "wi-contextmenu__separator",
 	role: "separator"
-}, D = ["onMouseenter"], O = ["disabled"], k = {
+}, O = ["onMouseenter"], k = ["disabled"], A = {
 	key: 0,
 	class: "wi-contextmenu__icon",
 	"aria-hidden": "true"
-}, A = {
+}, j = {
+	class: "wi-contextmenu__caret",
+	"aria-hidden": "true"
+}, M = {
 	key: 0,
 	class: "wi-contextmenu__submenu",
 	role: "menu"
-}, j = ["disabled", "onClick"], M = {
+}, N = ["disabled", "onClick"], P = {
 	key: 0,
 	class: "wi-contextmenu__icon",
 	"aria-hidden": "true"
-}, N = /* @__PURE__ */ h({
+}, F = /* @__PURE__ */ g({
 	__name: "ContextMenuNodes",
 	props: { items: {} },
 	emits: ["activate"],
-	setup(n, { emit: r }) {
-		let i = b(null);
-		function o(t) {
-			return t.icon && e(t.icon) ? t.icon : void 0;
+	setup(t, { emit: n }) {
+		let a = x(null);
+		function s(e, t) {
+			return i(e, t, "cm");
+		}
+		function c(e) {
+			return r(e.icon);
 		}
-		return (e, r) => (y(!0), d(a, null, x(n.items, (n, s) => (y(), d(a, { key: n.key ?? n.label ?? s }, [n.separator ? (y(), d("div", E)) : n.items?.length ? (y(), d("div", {
+		return (n, r) => (b(!0), f(o, null, S(t.items, (t, i) => (b(), f(o, { key: s(t, i) }, [t.separator ? (b(), f("div", D)) : t.items?.length ? (b(), f("div", {
 			key: 1,
 			class: "wi-contextmenu__submenu-wrap",
-			onMouseenter: (e) => i.value = s,
-			onMouseleave: r[1] ||= (e) => i.value = null
-		}, [f("button", {
+			onMouseenter: (e) => a.value = i,
+			onMouseleave: r[1] ||= (e) => a.value = null
+		}, [p("button", {
 			type: "button",
 			class: "wi-contextmenu__item wi-contextmenu__item--parent",
 			role: "menuitem",
-			disabled: n.disabled
+			disabled: t.disabled
 		}, [
-			o(n) || n.icon ? (y(), d("span", k, [o(n) ? (y(), l(t, {
+			c(t) || t.icon ? (b(), f("span", A, [c(t) ? (b(), u(e, {
 				key: 0,
-				name: o(n),
+				name: c(t),
+				size: "sm"
+			}, null, 8, ["name"])) : (b(), f(o, { key: 1 }, [m(C(t.icon), 1)], 64))])) : d("", !0),
+			m(" " + C(t.label) + " ", 1),
+			p("span", j, [h(e, {
+				name: "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"])) : (y(), d(a, { key: 1 }, [p(S(n.icon), 1)], 64))])) : u("", !0),
-			p(" " + S(n.label) + " ", 1),
-			r[2] ||= f("span", {
-				class: "wi-contextmenu__caret",
-				"aria-hidden": "true"
-			}, "▸", -1)
-		], 8, O), i.value === s ? (y(), d("div", A, [m(N, {
-			items: n.items,
-			onActivate: r[0] ||= (t) => e.$emit("activate", t)
-		}, null, 8, ["items"])])) : u("", !0)], 40, D)) : (y(), d("button", {
+			})])
+		], 8, k), a.value === i ? (b(), f("div", M, [h(F, {
+			items: t.items,
+			onActivate: r[0] ||= (e) => n.$emit("activate", e)
+		}, null, 8, ["items"])])) : d("", !0)], 40, O)) : (b(), f("button", {
 			key: 2,
 			type: "button",
 			class: "wi-contextmenu__item",
 			role: "menuitem",
-			disabled: n.disabled,
-			onClick: (t) => e.$emit("activate", n)
-		}, [o(n) || n.icon ? (y(), d("span", M, [o(n) ? (y(), l(t, {
+			disabled: t.disabled,
+			onClick: (e) => n.$emit("activate", t)
+		}, [c(t) || t.icon ? (b(), f("span", P, [c(t) ? (b(), u(e, {
 			key: 0,
-			name: o(n),
+			name: c(t),
 			size: "sm"
-		}, null, 8, ["name"])) : (y(), d(a, { key: 1 }, [p(S(n.icon), 1)], 64))])) : u("", !0), p(" " + S(n.label), 1)], 8, j))], 64))), 128));
+		}, null, 8, ["name"])) : (b(), f(o, { key: 1 }, [m(C(t.icon), 1)], 64))])) : d("", !0), m(" " + C(t.label), 1)], 8, N))], 64))), 128));
 	}
-}), P = /* @__PURE__ */ h({
+}), I = /* @__PURE__ */ g({
 	__name: "ContextMenu",
 	props: {
 		model: {},
@@ -82,12 +90,12 @@ var E = {
 		appendTo: {}
 	},
 	emits: ["update:modelValue", "update:position"],
-	setup(e, { expose: t, emit: a }) {
-		let f = e, p = a, h = i(), x = b(null), S = b({
+	setup(e, { expose: r, emit: i }) {
+		let o = e, p = i, m = a(), g = x(null), S = x({
 			x: 0,
 			y: 0
-		}), E = c(() => n(f, h.value.appendTo)), D = c(() => r(f, h.value.appendTo)), O = c(() => {
-			let e = f.position ?? S.value;
+		}), C = l(() => t(o, m.value.appendTo)), D = l(() => n(o, m.value.appendTo)), O = l(() => {
+			let e = o.position ?? S.value;
 			return {
 				left: `${e.x}px`,
 				top: `${e.y}px`
@@ -110,42 +118,42 @@ var E = {
 			e.disabled || e.separator || (e.command?.(), k());
 		}
 		function M(e) {
-			f.modelValue && x.value && !x.value.contains(e.target) && k();
+			o.modelValue && g.value && !g.value.contains(e.target) && k();
 		}
-		function P(e) {
+		function N(e) {
 			e.key === "Escape" && k();
 		}
-		return C(() => f.modelValue, (e) => {
-			e ? (document.addEventListener("click", M), document.addEventListener("keydown", P), document.addEventListener("contextmenu", M)) : (document.removeEventListener("click", M), document.removeEventListener("keydown", P), document.removeEventListener("contextmenu", M));
-		}, { immediate: !0 }), v(() => {
-			document.removeEventListener("click", M), document.removeEventListener("keydown", P), document.removeEventListener("contextmenu", M);
-		}), t({
+		return w(() => o.modelValue, (e) => {
+			e ? (document.addEventListener("click", M), document.addEventListener("keydown", N), document.addEventListener("contextmenu", M)) : (document.removeEventListener("click", M), document.removeEventListener("keydown", N), document.removeEventListener("contextmenu", M));
+		}, { immediate: !0 }), y(() => {
+			document.removeEventListener("click", M), document.removeEventListener("keydown", N), document.removeEventListener("contextmenu", M);
+		}), r({
 			show: A,
 			hide: k
-		}), (t, n) => (y(), l(o, {
-			to: E.value.to,
-			disabled: E.value.disabled
-		}, [m(s, { name: "wi-scale-fade" }, {
-			default: w(() => [e.modelValue ? (y(), d("div", {
+		}), (t, n) => (b(), u(s, {
+			to: C.value.to,
+			disabled: C.value.disabled
+		}, [h(c, { name: "wi-scale-fade" }, {
+			default: T(() => [e.modelValue ? (b(), f("div", {
 				key: 0,
 				ref_key: "root",
-				ref: x,
-				class: g(["wi-contextmenu", { "wi-contextmenu--teleported": D.value }]),
+				ref: g,
+				class: _(["wi-contextmenu", { "wi-contextmenu--teleported": D.value }]),
 				role: "menu",
-				style: _(O.value),
-				onClick: n[0] ||= T(() => {}, ["stop"])
-			}, [m(N, {
+				style: v(O.value),
+				onClick: n[0] ||= E(() => {}, ["stop"])
+			}, [h(F, {
 				items: e.model,
 				onActivate: j
-			}, null, 8, ["items"])], 6)) : u("", !0)]),
+			}, null, 8, ["items"])], 6)) : d("", !0)]),
 			_: 1
 		})], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
 //#region src/components/ContextMenu/useContextMenu.ts
-function F() {
-	let e = b(!1), t = b({
+function L() {
+	let e = x(!1), t = x({
 		x: 0,
 		y: 0
 	});
@@ -171,4 +179,4 @@ function F() {
 	};
 }
 //#endregion
-export { P as WiContextMenu, F as useContextMenu };
+export { I as WiContextMenu, L as useContextMenu };

package/dist/context-menu/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/data-view/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../Pagination-BU-1IY0E.js";
+import { t as e } from "../Pagination-UvgyUKB1.js";
 import "./style.js";
 import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p, watch as m } from "vue";
 //#region src/components/DataView/DataView.vue?vue&type=script&setup=true&lang.ts

package/dist/data-view/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }