@well-insight/ui 0.1.10 → 0.1.12

package/dist/form/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/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

@@ -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);
 }
@@ -750,6 +749,45 @@
     line-height: 1;
 }
 
+.wi-icon {
+    display: inline-flex;
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon svg {
+    height: 100%;
+    width: 100%;
+}
+
+.wi-icon--sm,
+.wi-icon--small {
+    height: 0.875rem;
+    width: 0.875rem;
+}
+
+.wi-icon--md,
+.wi-icon--normal {
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon--lg,
+.wi-icon--large {
+    height: 1.25rem;
+    width: 1.25rem;
+}
+
+.wi-icon--spin svg {
+    animation: wi-icon-spin 0.8s linear infinite;
+}
+
+@keyframes wi-icon-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
 /* —— Media: Gallery —— */
 .wi-gallery {
     --wi-gallery-image-max-height: 20rem;

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/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/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 };

package/dist/icon/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/icon-Cg5TeFqe.js

@@ -0,0 +1,7 @@
+import { a as e } from "./Icon-DHGs8l-M.js";
+//#region src/shared/menu/icon.ts
+function t(t) {
+	return t && e(t) ? t : void 0;
+}
+//#endregion
+export { t };

package/dist/icon-field/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);
 }