@well-insight/ui 0.1.9 → 0.1.11

package/dist/gallery/index.js

@@ -1,61 +1,68 @@
-import { n as e } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, unref as u } from "vue";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, unref as f } from "vue";
 //#region src/components/Gallery/Gallery.vue?vue&type=script&setup=true&lang.ts
-var d = { class: "wi-gallery" }, f = { class: "wi-gallery__main" }, p = ["aria-label", "disabled"], m = ["src"], h = ["aria-label", "disabled"], g = ["aria-label"], _ = ["aria-selected", "onClick"], v = ["src"], y = /* @__PURE__ */ o({
+var p = { class: "wi-gallery" }, m = { class: "wi-gallery__main" }, h = ["aria-label", "disabled"], g = ["src"], _ = ["aria-label", "disabled"], v = ["aria-label"], y = ["aria-selected", "onClick"], b = ["src"], x = /* @__PURE__ */ c({
 	__name: "Gallery",
 	props: {
 		images: {},
 		activeIndex: { default: 0 }
 	},
 	emits: ["update:activeIndex"],
-	setup(o, { emit: y }) {
-		let b = o, x = y, S = e(), C = n(() => b.images[b.activeIndex] ?? b.images[0] ?? "");
-		function w(e) {
-			e < 0 || e >= b.images.length || x("update:activeIndex", e);
+	setup(c, { emit: x }) {
+		let S = c, C = x, w = t(), T = r(() => S.images[S.activeIndex] ?? S.images[0] ?? "");
+		function E(e) {
+			e < 0 || e >= S.images.length || C("update:activeIndex", e);
 		}
-		function T() {
-			w(Math.max(0, b.activeIndex - 1));
+		function D() {
+			E(Math.max(0, S.activeIndex - 1));
 		}
-		function E() {
-			w(Math.min(b.images.length - 1, b.activeIndex + 1));
+		function O() {
+			E(Math.min(S.images.length - 1, S.activeIndex + 1));
 		}
-		return (e, n) => (c(), i("div", d, [a("div", f, [
-			a("button", {
+		return (t, r) => (u(), a("div", p, [o("div", m, [
+			o("button", {
 				type: "button",
 				class: "wi-gallery__nav wi-gallery__nav--prev",
-				"aria-label": u(S).prevImage,
-				disabled: o.activeIndex <= 0,
-				onClick: T
-			}, " ‹ ", 8, p),
-			C.value ? (c(), i("img", {
+				"aria-label": f(w).prevImage,
+				disabled: c.activeIndex <= 0,
+				onClick: D
+			}, [s(e, {
+				name: "chevron-left",
+				size: "sm"
+			})], 8, h),
+			T.value ? (u(), a("img", {
 				key: 0,
 				class: "wi-gallery__image",
-				src: C.value,
+				src: T.value,
 				alt: ""
-			}, null, 8, m)) : r("", !0),
-			a("button", {
+			}, null, 8, g)) : i("", !0),
+			o("button", {
 				type: "button",
 				class: "wi-gallery__nav wi-gallery__nav--next",
-				"aria-label": u(S).nextImage,
-				disabled: o.activeIndex >= o.images.length - 1,
-				onClick: E
-			}, " › ", 8, h)
-		]), a("ul", {
+				"aria-label": f(w).nextImage,
+				disabled: c.activeIndex >= c.images.length - 1,
+				onClick: O
+			}, [s(e, {
+				name: "chevron-right",
+				size: "sm"
+			})], 8, _)
+		]), o("ul", {
 			class: "wi-gallery__thumbs",
 			role: "listbox",
-			"aria-label": u(S).thumbnails
-		}, [(c(!0), i(t, null, l(o.images, (e, t) => (c(), i("li", { key: `${e}-${t}` }, [a("button", {
+			"aria-label": f(w).thumbnails
+		}, [(u(!0), a(n, null, d(c.images, (e, t) => (u(), a("li", { key: `${e}-${t}` }, [o("button", {
 			type: "button",
-			class: s(["wi-gallery__thumb", { "wi-gallery__thumb--active": t === o.activeIndex }]),
+			class: l(["wi-gallery__thumb", { "wi-gallery__thumb--active": t === c.activeIndex }]),
 			role: "option",
-			"aria-selected": t === o.activeIndex,
-			onClick: (e) => w(t)
-		}, [a("img", {
+			"aria-selected": t === c.activeIndex,
+			onClick: (e) => E(t)
+		}, [o("img", {
 			src: e,
 			alt: ""
-		}, null, 8, v)], 10, _)]))), 128))], 8, g)]));
+		}, null, 8, b)], 10, y)]))), 128))], 8, v)]));
 	}
 });
 //#endregion
-export { y as WiGallery };
+export { x as WiGallery };

package/dist/gallery/style.css

@@ -16,12 +16,13 @@
     --wi-control-padding-x-small: 10px;
     --wi-control-padding-x-medium: 12px;
     --wi-control-padding-x-large: 14px;
-    --wi-button-padding-x-small: 10px;
-    --wi-button-padding-x-medium: 14px;
-    --wi-button-padding-x-large: 18px;
+
     --wi-radius-control: 3px;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
+    --wi-border-width: 1px;
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
     --wi-color-success: #159570;
     --wi-color-info: #2563eb;
     --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
-    --wi-terminal-bg: #111827;
-    --wi-terminal-fg: #e5e7eb;
-    --wi-terminal-prompt: #34d399;
-    --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
+
     /* Typography scale (component text, not control-height fonts) */
     --wi-font-size-xs: 0.75rem;
     --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
     --wi-z-dropdown: calc(var(--wi-z-base) + 50);
     --wi-z-toast: calc(var(--wi-z-base) + 100);
     --wi-z-popper: 40;
-    --wi-menu-min-width: 10rem;
-    --wi-menu-min-width-lg: 12rem;
+
     --wi-control-affix-size: 2rem;
     --wi-control-affix-gap: 2.35rem;
     --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
     --wi-control-padding-x-small: 8px;
     --wi-control-padding-x-medium: 10px;
     --wi-control-padding-x-large: 12px;
-    --wi-button-padding-x-small: 8px;
-    --wi-button-padding-x-medium: 12px;
-    --wi-button-padding-x-large: 16px;
 }
 
 [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
     --wi-control-padding-x-small: 12px;
     --wi-control-padding-x-medium: 14px;
     --wi-control-padding-x-large: 16px;
-    --wi-button-padding-x-small: 12px;
-    --wi-button-padding-x-medium: 16px;
-    --wi-button-padding-x-large: 20px;
+}
+
+[data-wi-density="compact"] .wi-layout-header {
+    --wi-layout-header-height: 48px;
+}
+
+[data-wi-density="compact"] .wi-layout-footer {
+    --wi-layout-footer-height: 40px;
+}
+
+[data-wi-density="compact"] .wi-layout-sider {
+    --wi-layout-sider-width: 240px;
+    --wi-layout-sider-collapsed-width: 44px;
+}
+
+[data-wi-density="spacious"] .wi-layout-header {
+    --wi-layout-header-height: 64px;
+}
+
+[data-wi-density="spacious"] .wi-layout-footer {
+    --wi-layout-footer-height: 56px;
+}
+
+[data-wi-density="spacious"] .wi-layout-sider {
+    --wi-layout-sider-width: 288px;
+    --wi-layout-sider-collapsed-width: 52px;
 }
 
 [data-theme="dark"] {
@@ -152,8 +169,10 @@
     --wi-color-text-muted: #94a3b8;
     --wi-color-border: #334155;
     --wi-color-focus-ring: #93c5fd;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
     --wi-color-success: #5eead4;
     --wi-color-info: #93c5fd;
     --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
-    --wi-terminal-bg: #020617;
-    --wi-terminal-fg: #e2e8f0;
-    --wi-terminal-prompt: #5eead4;
-    --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -465,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);
 }
 
@@ -485,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);
 }
@@ -735,55 +749,97 @@
     line-height: 1;
 }
 
-/* —— Media: Gallery —— */
-.wi-gallery {
-    display: flex;
-    flex-direction: column;
-    gap: var(--wi-space-3);
+.wi-icon {
+    display: inline-flex;
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon svg {
+    height: 100%;
     width: 100%;
 }
 
-.wi-gallery__main {
-    align-items: center;
-    display: flex;
-    gap: var(--wi-space-2);
+.wi-icon--sm,
+.wi-icon--small {
+    height: 0.875rem;
+    width: 0.875rem;
 }
 
-.wi-gallery__image {
-    border-radius: var(--wi-radius-md);
-    display: block;
-    flex: 1;
-    max-height: 20rem;
-    min-width: 0;
-    object-fit: cover;
-    width: 100%;
+.wi-icon--md,
+.wi-icon--normal {
+    height: 1rem;
+    width: 1rem;
 }
 
-.wi-gallery__thumbs {
-    display: flex;
-    gap: var(--wi-space-2);
-    list-style: none;
-    margin: 0;
-    overflow-x: auto;
-    padding: 0;
+.wi-icon--lg,
+.wi-icon--large {
+    height: 1.25rem;
+    width: 1.25rem;
 }
 
-.wi-gallery__thumb {
-    background: transparent;
-    border: 2px solid transparent;
-    border-radius: var(--wi-radius-sm);
-    cursor: pointer;
-    padding: 0;
+.wi-icon--spin svg {
+    animation: wi-icon-spin 0.8s linear infinite;
 }
 
-.wi-gallery__thumb--active {
-    border-color: var(--wi-color-primary);
+@keyframes wi-icon-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* —— Media: Gallery —— */
+.wi-gallery {
+    --wi-gallery-image-max-height: 20rem;
+    --wi-gallery-thumb-height: 3.5rem;
+    --wi-gallery-thumb-width: 5rem;
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-space-3);
+    width: 100%;
+}
+
+.wi-gallery__main {
+    align-items: center;
+    display: flex;
+    gap: var(--wi-space-2);
+}
+
+.wi-gallery__image {
+    border-radius: var(--wi-radius-md);
+    display: block;
+    flex: 1;
+    max-height: var(--wi-gallery-image-max-height);
+    min-width: 0;
+    object-fit: cover;
+    width: 100%;
+}
+
+.wi-gallery__thumbs {
+    display: flex;
+    gap: var(--wi-space-2);
+    list-style: none;
+    margin: 0;
+    overflow-x: auto;
+    padding: 0;
+}
+
+.wi-gallery__thumb {
+    background: transparent;
+    border: 2px solid transparent;
+    border-radius: var(--wi-radius-sm);
+    cursor: pointer;
+    padding: 0;
+}
+
+.wi-gallery__thumb--active {
+    border-color: var(--wi-color-primary);
 }
 
-.wi-gallery__thumb img {
-    border-radius: calc(var(--wi-radius-sm) - 2px);
-    display: block;
-    height: 3.5rem;
-    object-fit: cover;
-    width: 5rem;
+.wi-gallery__thumb img {
+    border-radius: calc(var(--wi-radius-sm) - 2px);
+    display: block;
+    height: var(--wi-gallery-thumb-height);
+    object-fit: cover;
+    width: var(--wi-gallery-thumb-width);
 }

package/dist/gallery/style.js

@@ -1,3 +1,4 @@
 import '../theme/styles.css'
 import '../styles/base.css'
+import '../components/Icon/styles.css'
 import '../components/Gallery/styles.css'

package/dist/grid/index.js

@@ -3,44 +3,7 @@ import { t } from "../responsive-BLgfEhDG.js";
 import "./style.js";
 import { Comment as n, Fragment as r, cloneVNode as i, computed as a, createBlock as o, createElementBlock as s, defineComponent as c, inject as l, mergeProps as u, normalizeClass as d, normalizeStyle as f, onBeforeUnmount as p, onMounted as m, openBlock as h, provide as g, ref as _, renderList as v, renderSlot as y, resolveDynamicComponent as b, toRef as x, unref as S, useAttrs as C, useSlots as w, watch as T } from "vue";
 //#region src/components/Grid/types.ts
-var E = Symbol("wiGrid"), D = /* @__PURE__ */ c({
-	name: "WiGridItem",
-	inheritAttrs: !1,
-	__WI_GRID_ITEM__: !0,
-	__name: "GridItem",
-	props: {
-		span: { default: 1 },
-		offset: { default: 0 },
-		suffix: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let n = e, r = C(), i = l(E, null), o = a(() => {
-			let e = r.privateSpan;
-			return typeof e == "number" ? e : t(n.span, void 0) ?? 1;
-		}), c = a(() => {
-			let e = r.privateOffset;
-			return typeof e == "number" ? e : t(n.offset, void 0) ?? 0;
-		}), u = a(() => r.privateColStart), p = a(() => r.privateShow !== !1), m = a(() => {
-			let e = o.value, t = c.value, n = i?.xGap.value ?? "0px", a = u.value;
-			return [
-				i?.itemStyle.value,
-				r.style,
-				{
-					display: p.value ? void 0 : "none",
-					gridColumn: a ? `${a} / span ${e}` : `span ${e} / span ${e}`,
-					marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${n}) / ${e} * ${t} + ${n} * ${t})` : void 0
-				}
-			];
-		}), g = a(() => i?.overflow.value ?? !1);
-		return (e, t) => (h(), s("div", {
-			class: d(["wi-grid-item", S(r).class]),
-			style: f(m.value)
-		}, [y(e.$slots, "default", { overflow: g.value })], 6));
-	}
-}), O = /* @__PURE__ */ c({
+var E = Symbol("wiGrid"), D = "__WI_GRID_ITEM__", O = /* @__PURE__ */ c({
 	name: "WiGrid",
 	inheritAttrs: !1,
 	__name: "Grid",
@@ -173,6 +136,43 @@ var E = Symbol("wiGrid"), D = /* @__PURE__ */ c({
 			style: F.value
 		}, e.$attrs), [c.layoutShiftDisabled ? y(e.$slots, "default", {}, void 0, void 0, 0) : (h(!0), s(r, { key: 1 }, v(R.value, (e, t) => (h(), o(b(e), { key: t }))), 128))], 16));
 	}
+}), k = /* @__PURE__ */ c({
+	name: "WiGridItem",
+	inheritAttrs: !1,
+	[D]: !0,
+	__name: "GridItem",
+	props: {
+		span: { default: 1 },
+		offset: { default: 0 },
+		suffix: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let n = e, r = C(), i = l(E, null), o = a(() => {
+			let e = r.privateSpan;
+			return typeof e == "number" ? e : t(n.span, void 0) ?? 1;
+		}), c = a(() => {
+			let e = r.privateOffset;
+			return typeof e == "number" ? e : t(n.offset, void 0) ?? 0;
+		}), u = a(() => r.privateColStart), p = a(() => r.privateShow !== !1), m = a(() => {
+			let e = o.value, t = c.value, n = i?.xGap.value ?? "0px", a = u.value;
+			return [
+				i?.itemStyle.value,
+				r.style,
+				{
+					display: p.value ? void 0 : "none",
+					gridColumn: a ? `${a} / span ${e}` : `span ${e} / span ${e}`,
+					marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${n}) / ${e} * ${t} + ${n} * ${t})` : void 0
+				}
+			];
+		}), g = a(() => i?.overflow.value ?? !1);
+		return (e, t) => (h(), s("div", {
+			class: d(["wi-grid-item", S(r).class]),
+			style: f(m.value)
+		}, [y(e.$slots, "default", { overflow: g.value })], 6));
+	}
 });
 //#endregion
-export { E as WI_GRID_KEY, D as WiGi, D as WiGridItem, O as WiGrid };
+export { E as WI_GRID_KEY, k as WiGi, k as WiGridItem, O as WiGrid };

package/dist/grid/style.css

@@ -16,12 +16,13 @@
     --wi-control-padding-x-small: 10px;
     --wi-control-padding-x-medium: 12px;
     --wi-control-padding-x-large: 14px;
-    --wi-button-padding-x-small: 10px;
-    --wi-button-padding-x-medium: 14px;
-    --wi-button-padding-x-large: 18px;
+
     --wi-radius-control: 3px;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
+    --wi-border-width: 1px;
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
     --wi-color-success: #159570;
     --wi-color-info: #2563eb;
     --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
-    --wi-terminal-bg: #111827;
-    --wi-terminal-fg: #e5e7eb;
-    --wi-terminal-prompt: #34d399;
-    --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
+
     /* Typography scale (component text, not control-height fonts) */
     --wi-font-size-xs: 0.75rem;
     --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
     --wi-z-dropdown: calc(var(--wi-z-base) + 50);
     --wi-z-toast: calc(var(--wi-z-base) + 100);
     --wi-z-popper: 40;
-    --wi-menu-min-width: 10rem;
-    --wi-menu-min-width-lg: 12rem;
+
     --wi-control-affix-size: 2rem;
     --wi-control-affix-gap: 2.35rem;
     --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
     --wi-control-padding-x-small: 8px;
     --wi-control-padding-x-medium: 10px;
     --wi-control-padding-x-large: 12px;
-    --wi-button-padding-x-small: 8px;
-    --wi-button-padding-x-medium: 12px;
-    --wi-button-padding-x-large: 16px;
 }
 
 [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
     --wi-control-padding-x-small: 12px;
     --wi-control-padding-x-medium: 14px;
     --wi-control-padding-x-large: 16px;
-    --wi-button-padding-x-small: 12px;
-    --wi-button-padding-x-medium: 16px;
-    --wi-button-padding-x-large: 20px;
+}
+
+[data-wi-density="compact"] .wi-layout-header {
+    --wi-layout-header-height: 48px;
+}
+
+[data-wi-density="compact"] .wi-layout-footer {
+    --wi-layout-footer-height: 40px;
+}
+
+[data-wi-density="compact"] .wi-layout-sider {
+    --wi-layout-sider-width: 240px;
+    --wi-layout-sider-collapsed-width: 44px;
+}
+
+[data-wi-density="spacious"] .wi-layout-header {
+    --wi-layout-header-height: 64px;
+}
+
+[data-wi-density="spacious"] .wi-layout-footer {
+    --wi-layout-footer-height: 56px;
+}
+
+[data-wi-density="spacious"] .wi-layout-sider {
+    --wi-layout-sider-width: 288px;
+    --wi-layout-sider-collapsed-width: 52px;
 }
 
 [data-theme="dark"] {
@@ -152,8 +169,10 @@
     --wi-color-text-muted: #94a3b8;
     --wi-color-border: #334155;
     --wi-color-focus-ring: #93c5fd;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
     --wi-color-success: #5eead4;
     --wi-color-info: #93c5fd;
     --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
-    --wi-terminal-bg: #020617;
-    --wi-terminal-fg: #e2e8f0;
-    --wi-terminal-prompt: #5eead4;
-    --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -465,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);
 }
 
@@ -485,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/icon/index.js

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, r, t as i } from "../Icon-B6gOD07E.js";
+import { a as e, i as t, n, r, t as i } from "../Icon-DHGs8l-M.js";
 import "./style.js";
 export { i as WiIcon, n as getIconDefinition, r as iconNames, t as iconRegistry, e as isIconName };