@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QSteps/QSteps.vue.js

@@ -1,16 +1,18 @@
 import { useId as e } from "../../composables/useId/index.js";
-import { QIcon as t } from "../QIcon/index.js";
-import { QOverflow as n } from "../QOverflow/index.js";
+import { useColor as t } from "../../composables/useColor/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { helpElementId as ee, resolveHelp as te } from "../__internal__/QHelpPopover/resolveHelp.js";
+import { QOverflow as ne } from "../QOverflow/index.js";
 import r from "./QStepHeader2.vue.js";
 import i from "./QStepsNav2.vue.js";
-import { useEnabledSelection as ee } from "../../composables/useEnabledSelection/index.js";
+import { useEnabledSelection as re } from "../../composables/useEnabledSelection/index.js";
 import { DEFAULT_ICONS as a, DEFAULT_TEXTS as o } from "./constants.js";
-import { Fragment as s, computed as c, createBlock as te, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as ne, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeProps as v, openBlock as y, renderList as b, renderSlot as x, shallowRef as re, toDisplayString as S, toRef as ie, unref as C, useModel as ae, useTemplateRef as oe, watch as w, withCtx as T } from "vue";
+import { Fragment as s, computed as c, createBlock as ie, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as ae, createVNode as f, defineComponent as p, guardReactiveProps as m, mergeModels as h, mergeProps as g, normalizeClass as _, normalizeProps as v, normalizeStyle as oe, openBlock as y, renderList as b, renderSlot as x, shallowRef as se, toDisplayString as S, toRef as ce, unref as C, useModel as le, useTemplateRef as ue, watch as w, withCtx as T } from "vue";
 //#region src/components/QSteps/QSteps.vue?vue&type=script&setup=true&lang.ts
-var se = ["id"], ce = { class: "q-steps__list" }, le = {
+var de = ["id"], fe = { class: "q-steps__list" }, pe = {
 	key: 0,
 	class: "q-steps__panel"
-}, ue = { class: "q-steps__panel-header" }, de = { class: "q-steps__panel-header-icon" }, fe = { class: "q-steps__panel-header-title" }, pe = { class: "q-steps__content" }, me = { class: "q-steps__list" }, he = ["id", "aria-labelledby"], ge = { class: "q-steps__content" }, E = /*@__PURE__*/ p({
+}, me = { class: "q-steps__panel-header" }, he = { class: "q-steps__panel-header-icon" }, ge = { class: "q-steps__panel-header-title" }, _e = { class: "q-steps__content" }, ve = ["id"], ye = { class: "q-steps__list" }, be = ["id", "aria-labelledby"], xe = { class: "q-steps__content" }, Se = ["id"], E = /*@__PURE__*/ p({
 	__name: "QSteps",
 	props: /*@__PURE__*/ h({
 		id: {},
@@ -30,149 +32,164 @@ var se = ["id"], ce = { class: "q-steps__list" }, le = {
 		modelModifiers: {}
 	}),
 	emits: /*@__PURE__*/ h(["finish"], ["update:modelValue"]),
-	setup(a, { expose: p, emit: h }) {
-		let E = a, D = h, O = e(ie(E, "id")), k = c(() => `${O.value}-panel`);
-		function A(e) {
-			return `${O.value}-step-${e}`;
+	setup(a, { expose: o, emit: p }) {
+		let h = a, E = p, D = e(ce(h, "id")), O = c(() => `${D.value}-panel`);
+		function k(e) {
+			return `${D.value}-step-${e}`;
 		}
-		let j = ae(a, "modelValue"), M = re(/* @__PURE__ */ new Set()), N = c(() => ({
-			...o,
-			...E.texts
-		})), P = c(() => E.direction === "horizontal"), _e = c(() => [
+		let A = le(a, "modelValue"), j = se(/* @__PURE__ */ new Set()), M = c(() => h.direction === "horizontal"), Ce = c(() => [
 			"q-steps",
-			`q-steps--${E.direction}`,
-			`q-steps--${E.variant}`,
-			E.class
-		]), { enabledItems: F, ensureSelection: I } = ee(() => E.steps, j), ve = c(() => F.value.findIndex((e) => e.value === j.value)), L = c(() => E.steps.findIndex((e) => e.value === j.value)), R = c(() => E.steps[L.value]), z = oe("overflowRef");
-		w(() => P.value ? z.value?.contentEl : null, (e) => {
+			`q-steps--${h.direction}`,
+			`q-steps--${h.variant}`,
+			h.class
+		]), { style: N } = t("neutral"), { style: P } = t("primary"), { style: we } = t("success"), Te = c(() => ({
+			"--q-steps-on-neutral-color": N.value?.onMainColor,
+			"--q-steps-on-primary-color": P.value?.onMainColor,
+			"--q-steps-neutral-hover-color": N.value?.hoverColor,
+			"--q-steps-on-neutral-hover-color": N.value?.onHoverColor,
+			"--q-steps-primary-hover-color": P.value?.hoverColor,
+			"--q-steps-on-primary-hover-color": P.value?.onHoverColor,
+			"--q-steps-success-hover-color": we.value?.hoverColor
+		})), { enabledItems: F, ensureSelection: I } = re(() => h.steps, A), L = c(() => F.value.findIndex((e) => e.value === A.value)), R = c(() => h.steps.findIndex((e) => e.value === A.value)), z = c(() => h.steps[R.value]), B = c(() => R.value >= 0 ? ee(k(R.value)) : void 0), V = c(() => {
+			let e = z.value;
+			if (e) return te({
+				help: e.help,
+				helpDisplay: "subtext"
+			}).inlineText;
+		}), H = ue("overflowRef");
+		w(() => M.value ? H.value?.contentEl : null, (e) => {
 			e?.setAttribute("role", "list");
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), w(L, () => {
-			let e = (z.value?.contentEl)?.children[L.value];
-			e instanceof HTMLElement && z.value?.scrollElementIntoView(e);
+		}), w(R, () => {
+			let e = (H.value?.contentEl)?.children[R.value];
+			e instanceof HTMLElement && H.value?.scrollElementIntoView(e);
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		let B = c(() => F.value.length ? ve.value <= 0 : !0), V = c(() => F.value.length ? ve.value === F.value.length - 1 : !0);
-		function H(e) {
-			return e.value === j.value;
-		}
-		function U(e) {
-			return (M.value.has(e.value) || !!e.completed) && !H(e);
-		}
-		function W(e) {
-			return E.disabled || !!e.disabled;
-		}
+		let U = c(() => F.value.length ? L.value <= 0 : !0), W = c(() => F.value.length ? L.value === F.value.length - 1 : !0);
 		function G(e) {
-			let t = E.steps[e + 1];
-			return t ? H(t) || U(t) : !1;
+			return e.value === A.value;
 		}
 		function K(e) {
-			return W(e) ? !1 : !E.linear || H(e) ? !0 : M.value.has(e.value) || !!e.completed;
+			return (j.value.has(e.value) || !!e.completed) && !G(e);
 		}
 		function q(e) {
-			return !K(e);
+			return h.disabled || !!e.disabled;
 		}
 		function J(e) {
-			if (E.variant !== "dot") {
+			let t = h.steps[e + 1];
+			return t ? G(t) || K(t) : !1;
+		}
+		function Y(e) {
+			return q(e) ? !1 : !h.linear || G(e) ? !0 : j.value.has(e.value) || !!e.completed;
+		}
+		function X(e) {
+			return !Y(e);
+		}
+		function Z(e) {
+			if (h.variant !== "dot") {
 				if (e.completed) return "completed";
-				if (H(e)) return "active";
+				if (G(e)) return "active";
 			}
 		}
-		function Y(e) {
+		function Q(e) {
 			return ["q-step__header", {
-				"q-step--active": H(e),
+				"q-step--active": G(e),
 				"q-step--completed": !!e.completed,
-				"q-step--disabled": W(e),
-				"q-step--visited": U(e),
-				"q-step--selectable": K(e)
+				"q-step--disabled": q(e),
+				"q-step--visited": K(e),
+				"q-step--selectable": Y(e)
 			}];
 		}
-		function X(e, t) {
+		function Ee(e, t) {
 			return ["q-step", {
-				"q-step--active": H(e),
-				"q-step--disabled": W(e),
-				"q-step--visited": U(e),
-				"q-step--last": t === E.steps.length - 1,
-				"q-step--next-reached": G(t)
+				"q-step--active": G(e),
+				"q-step--disabled": q(e),
+				"q-step--visited": K(e),
+				"q-step--last": t === h.steps.length - 1,
+				"q-step--next-reached": J(t)
 			}];
 		}
-		function Z(e) {
-			K(e) && (j.value = e.value);
+		function De(e) {
+			Y(e) && (A.value = e.value);
 		}
-		function Q() {
-			if (E.disabled) return;
-			let e = F.value, t = e.findIndex((e) => e.value === j.value);
-			t <= 0 || (j.value = e[t - 1].value);
+		function Oe() {
+			if (h.disabled) return;
+			let e = F.value, t = e.findIndex((e) => e.value === A.value);
+			t <= 0 || (A.value = e[t - 1].value);
 		}
-		function ye() {
-			if (E.disabled) return;
-			let e = F.value, t = e.findIndex((e) => e.value === j.value);
+		function ke() {
+			if (h.disabled) return;
+			let e = F.value, t = e.findIndex((e) => e.value === A.value);
 			if (t === -1) {
-				e.length || D("finish");
+				e.length || E("finish");
 				return;
 			}
 			if (t >= e.length - 1) {
-				D("finish");
+				E("finish");
 				return;
 			}
-			j.value = e[t + 1].value;
+			A.value = e[t + 1].value;
 		}
-		let be = c(() => ({
-			disabled: B.value || !!E.disabled,
-			label: N.value.previous,
-			isFirst: B.value,
-			isLast: V.value,
-			onClick: Q
+		let Ae = c(() => ({
+			disabled: U.value || !!h.disabled,
+			label: h.texts.previous,
+			isFirst: U.value,
+			isLast: W.value,
+			onClick: Oe
 		})), $ = c(() => ({
-			disabled: V.value || !!E.disabled,
-			label: N.value.next,
-			isFirst: B.value,
-			isLast: V.value,
-			onClick: ye
+			disabled: W.value || !!h.disabled,
+			label: h.texts.next,
+			isFirst: U.value,
+			isLast: W.value,
+			onClick: ke
 		}));
-		return w(() => E.steps.map((e) => [e.value, !!e.disabled]), () => {
-			let e = new Set(E.steps.map((e) => e.value));
-			[...M.value].some((t) => !e.has(t)) && (M.value = new Set([...M.value].filter((t) => e.has(t)))), I();
-		}, { immediate: !0 }), w(j, () => {
+		return w(() => h.steps.map((e) => [e.value, !!e.disabled]), () => {
+			let e = new Set(h.steps.map((e) => e.value));
+			[...j.value].some((t) => !e.has(t)) && (j.value = new Set([...j.value].filter((t) => e.has(t)))), I();
+		}, { immediate: !0 }), w(A, () => {
 			I();
-			let e = j.value;
-			e !== void 0 && (M.value.has(e) || (M.value = /* @__PURE__ */ new Set([...M.value, e])));
-		}, { immediate: !0 }), p({
-			previous: Q,
-			next: ye,
-			isFirst: B,
-			isLast: V
-		}), (e, ee) => (y(), u("div", {
-			id: C(O),
-			class: _(_e.value)
-		}, [l(" Horizontal: headers strip, then content, then nav "), P.value ? (y(), u(s, { key: 0 }, [
-			d("div", ce, [f(C(n), {
+			let e = A.value;
+			e !== void 0 && (j.value.has(e) || (j.value = /* @__PURE__ */ new Set([...j.value, e])));
+		}, { immediate: !0 }), o({
+			previous: Oe,
+			next: ke,
+			isFirst: U,
+			isLast: W
+		}), (e, t) => (y(), u("div", {
+			id: C(D),
+			class: _(Ce.value),
+			style: oe(Te.value)
+		}, [l(" Horizontal: headers strip, then content, then nav "), M.value ? (y(), u(s, { key: 0 }, [
+			d("div", fe, [f(C(ne), {
 				ref_key: "overflowRef",
-				ref: z,
+				ref: H,
 				class: "q-steps__overflow",
 				"content-class": "q-steps__track",
 				direction: "horizontal",
-				"scroll-mode": "page"
+				"scroll-mode": "page",
+				icons: h.icons,
+				texts: h.texts
 			}, {
-				default: T(() => [(y(!0), u(s, null, b(E.steps, (t, n) => (y(), u("div", {
+				default: T(() => [(y(!0), u(s, null, b(h.steps, (t, n) => (y(), u("div", {
 					key: t.value,
-					class: _(X(t, n)),
+					class: _(Ee(t, n)),
 					role: "listitem"
 				}, [f(r, {
 					step: t,
 					index: n,
-					variant: E.variant,
-					badge: J(t),
-					texts: N.value,
-					icons: E.icons,
-					class: _(Y(t)),
-					disabled: q(t),
-					"aria-current": H(t) ? "step" : void 0,
-					onClick: (e) => Z(t)
+					variant: h.variant,
+					badge: Z(t),
+					texts: h.texts,
+					icons: h.icons,
+					class: _(Q(t)),
+					disabled: X(t),
+					"aria-current": G(t) ? "step" : void 0,
+					"aria-describedby": G(t) && V.value ? B.value : void 0,
+					onClick: (e) => De(t)
 				}, {
 					icon: T((t) => [x(e.$slots, "icon", g({ ref_for: !0 }, t))]),
 					_: 3
@@ -186,18 +203,23 @@ var se = ["id"], ce = { class: "q-steps__list" }, le = {
 					"class",
 					"disabled",
 					"aria-current",
+					"aria-describedby",
 					"onClick"
 				])], 2))), 128))]),
 				_: 3
-			}, 512)]),
-			R.value ? (y(), u("div", le, [d("div", ue, [d("span", de, [x(e.$slots, "icon", {
-				step: R.value,
-				index: L.value
-			}, () => [R.value.icon ? (y(), te(C(t), v(g({ key: 0 }, R.value.icon)), null, 16)) : (y(), u(s, { key: 1 }, [ne(S(L.value + 1), 1)], 64))])]), d("span", fe, S(R.value.title), 1)]), d("div", pe, [x(e.$slots, "default")])])) : l("v-if", !0),
+			}, 8, ["icons", "texts"])]),
+			z.value ? (y(), u("div", pe, [d("div", me, [d("span", he, [x(e.$slots, "icon", {
+				step: z.value,
+				index: R.value
+			}, () => [z.value.icon ? (y(), ie(C(n), v(g({ key: 0 }, z.value.icon)), null, 16)) : (y(), u(s, { key: 1 }, [ae(S(R.value + 1), 1)], 64))])]), d("span", ge, S(z.value.title), 1)]), d("div", _e, [V.value ? (y(), u("p", {
+				key: 0,
+				id: B.value,
+				class: "q-steps__help"
+			}, S(V.value), 9, ve)) : l("v-if", !0), x(e.$slots, "default")])])) : l("v-if", !0),
 			f(i, {
-				"prev-slot-props": be.value,
+				"prev-slot-props": Ae.value,
 				"next-slot-props": $.value,
-				icons: E.icons
+				icons: h.icons
 			}, {
 				prev: T((t) => [x(e.$slots, "prev", v(m(t)))]),
 				next: T((t) => [x(e.$slots, "next", v(m(t)))]),
@@ -207,19 +229,20 @@ var se = ["id"], ce = { class: "q-steps__list" }, le = {
 				"next-slot-props",
 				"icons"
 			])
-		], 64)) : (y(), u(s, { key: 1 }, [l("\n			Vertical: content + nav as a sibling right after the active header,\n		    outside the step row so the panel isn't part of the step's accessible content.\n		    The strip is not a list, because that panel cannot be a listitem.\n		"), d("div", me, [(y(!0), u(s, null, b(E.steps, (t, n) => (y(), u(s, { key: t.value }, [d("div", { class: _(X(t, n)) }, [f(r, {
-			id: A(n),
+		], 64)) : (y(), u(s, { key: 1 }, [l("\n			Vertical: content + nav as a sibling right after the active header,\n		    outside the step row so the panel isn't part of the step's accessible content.\n		    The strip is not a list, because that panel cannot be a listitem.\n		"), d("div", ye, [(y(!0), u(s, null, b(h.steps, (t, n) => (y(), u(s, { key: t.value }, [d("div", { class: _(Ee(t, n)) }, [f(r, {
+			id: k(n),
 			step: t,
 			index: n,
-			variant: E.variant,
-			badge: J(t),
-			texts: N.value,
-			icons: E.icons,
-			class: _(Y(t)),
-			disabled: q(t),
-			"aria-current": H(t) ? "step" : void 0,
-			"aria-controls": H(t) ? k.value : void 0,
-			onClick: (e) => Z(t)
+			variant: h.variant,
+			badge: Z(t),
+			texts: h.texts,
+			icons: h.icons,
+			class: _(Q(t)),
+			disabled: X(t),
+			"aria-current": G(t) ? "step" : void 0,
+			"aria-controls": G(t) ? O.value : void 0,
+			"aria-describedby": G(t) && V.value ? B.value : void 0,
+			onClick: (e) => De(t)
 		}, {
 			icon: T((t) => [x(e.$slots, "icon", g({ ref_for: !0 }, t))]),
 			_: 3
@@ -235,16 +258,21 @@ var se = ["id"], ce = { class: "q-steps__list" }, le = {
 			"disabled",
 			"aria-current",
 			"aria-controls",
+			"aria-describedby",
 			"onClick"
-		])], 2), H(t) ? (y(), u("div", {
+		])], 2), G(t) ? (y(), u("div", {
+			key: 0,
+			id: O.value,
+			class: _(["q-steps__body", { "q-step--next-reached": J(n) }]),
+			"aria-labelledby": k(n)
+		}, [d("div", xe, [V.value ? (y(), u("p", {
 			key: 0,
-			id: k.value,
-			class: _(["q-steps__body", { "q-step--next-reached": G(n) }]),
-			"aria-labelledby": A(n)
-		}, [d("div", ge, [x(e.$slots, "default")]), f(i, {
-			"prev-slot-props": be.value,
+			id: B.value,
+			class: "q-steps__help"
+		}, S(V.value), 9, Se)) : l("v-if", !0), x(e.$slots, "default")]), f(i, {
+			"prev-slot-props": Ae.value,
 			"next-slot-props": $.value,
-			icons: E.icons
+			icons: h.icons
 		}, {
 			prev: T((t) => [x(e.$slots, "prev", g({ ref_for: !0 }, t))]),
 			next: T((t) => [x(e.$slots, "next", g({ ref_for: !0 }, t))]),
@@ -253,7 +281,7 @@ var se = ["id"], ce = { class: "q-steps__list" }, le = {
 			"prev-slot-props",
 			"next-slot-props",
 			"icons"
-		])], 10, he)) : l("v-if", !0)], 64))), 128))])], 64))], 10, se));
+		])], 10, be)) : l("v-if", !0)], 64))), 128))])], 64))], 14, de));
 	}
 });
 //#endregion

package/esm/components/QSteps/QStepsNav.vue.js

@@ -1,5 +1,5 @@
-import { QButton as e } from "../QButton/index.js";
-import { QIcon as t } from "../QIcon/index.js";
+import { QIcon as e } from "../QIcon/index.js";
+import { QButton as t } from "../QButton/index.js";
 import { createElementBlock as n, createVNode as r, defineComponent as i, guardReactiveProps as a, normalizeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
 //#region src/components/QSteps/QStepsNav.vue?vue&type=script&setup=true&lang.ts
 var d = { class: "q-steps__nav" }, f = /*@__PURE__*/ i({
@@ -11,25 +11,25 @@ var d = { class: "q-steps__nav" }, f = /*@__PURE__*/ i({
 	},
 	setup(i) {
 		let f = i;
-		return (i, p) => (s(), n("div", d, [c(i.$slots, "prev", o(a(f.prevSlotProps)), () => [r(l(e), {
+		return (i, p) => (s(), n("div", d, [c(i.$slots, "prev", o(a(f.prevSlotProps)), () => [r(l(t), {
 			"data-testid": "steps-prev",
 			label: f.prevSlotProps.label,
 			disabled: f.prevSlotProps.disabled,
 			onClick: f.prevSlotProps.onClick
 		}, {
-			default: u(() => [r(l(t), o(a(f.icons.previous)), null, 16)]),
+			default: u(() => [r(l(e), o(a(f.icons.previous)), null, 16)]),
 			_: 1
 		}, 8, [
 			"label",
 			"disabled",
 			"onClick"
-		])]), c(i.$slots, "next", o(a(f.nextSlotProps)), () => [r(l(e), {
+		])]), c(i.$slots, "next", o(a(f.nextSlotProps)), () => [r(l(t), {
 			"data-testid": "steps-next",
 			label: f.nextSlotProps.label,
 			disabled: f.nextSlotProps.disabled,
 			onClick: f.nextSlotProps.onClick
 		}, {
-			append: u(() => [r(l(t), o(a(f.icons.next)), null, 16)]),
+			append: u(() => [r(l(e), o(a(f.icons.next)), null, 16)]),
 			_: 1
 		}, 8, [
 			"label",

package/esm/components/QSteps/constants.d.ts

@@ -14,15 +14,30 @@ export declare const DEFAULT_ICONS: {
     current: {
         icon: string;
     };
+    back: {
+        icon: string;
+    };
+    forward: {
+        icon: string;
+    };
+    up: {
+        icon: string;
+    };
+    down: {
+        icon: string;
+    };
 };
 /**
- * Default text overrides for {@link QSteps}.
+ * Default text overrides for {@link QSteps}. The `previous` and `next` keys label the
+ * step buttons, while the overflow's `back` and `forward` keys label the strip's scroll arrows.
  */
 export declare const DEFAULT_TEXTS: {
     previous: string;
     next: string;
     completed: string;
     current: string;
+    back: string;
+    forward: string;
     required: string;
 };
 //# sourceMappingURL=constants.d.ts.map

package/esm/components/QSteps/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QSteps/constants.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAaY,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;CAMQ,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QSteps/constants.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;CAcY,CAAA;AAEtC;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;CAOQ,CAAA"}

package/esm/components/QSteps/constants.js

@@ -1,16 +1,19 @@
 import { DEFAULT_TEXTS as e } from "../__internal__/QRequiredIndicator/constants.js";
+import { DEFAULT_ICONS as t, DEFAULT_TEXTS as n } from "../QOverflow/constants.js";
 //#region src/components/QSteps/constants.ts
-var t = {
+var r = {
+	...t,
 	previous: { icon: "chevron-left-circle" },
 	next: { icon: "chevron-right-circle" },
 	completed: { icon: "check" },
 	current: { icon: "pencil" }
-}, n = {
+}, i = {
 	...e,
+	...n,
 	previous: "Previous",
 	next: "Next",
 	completed: "Completed",
 	current: "Currently editing"
 };
 //#endregion
-export { t as DEFAULT_ICONS, n as DEFAULT_TEXTS };
+export { r as DEFAULT_ICONS, i as DEFAULT_TEXTS };

package/esm/components/QSteps/types.d.ts

@@ -33,6 +33,12 @@ export type QStep = {
      * @category Content
      */
     title?: string;
+    /**
+     * Help text, shown as subtext at the top of the step content.
+     *
+     * @category Content
+     */
+    help?: string;
     /**
      * Secondary line shown under the title.
      *
@@ -174,14 +180,16 @@ export type QStepsProps = QBaseComponentProps & {
      */
     linear?: boolean;
     /**
-     * Custom icons for the previous/next navigation buttons and the
-     * `completed`/`current` status badges.
+     * Custom icons for the previous/next navigation buttons, the
+     * `completed`/`current` status badges, and the overflow scroll arrows.
+     * Pass every key, or omit the prop to keep the defaults.
      *
      * @category Configuration
      */
     icons?: typeof DEFAULT_ICONS;
     /**
-     * Custom accessible strings.
+     * Custom accessible strings. Includes the step buttons, the status badges, and the overflow scroll arrows.
+     * Pass every key, or omit the prop to keep the defaults.
      *
      * @category Configuration
      */

package/esm/components/QSteps/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSteps/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAA;AAEvD;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAEhE;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,WAAW,CAAA;AAEpD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,IAAI,EAAE,KAAK,CAAA;IAEX;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,EAAE,KAAK,EAAE,CAAA;IAEd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAE3B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSteps/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAA;AAEvD;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAEhE;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,WAAW,CAAA;AAEpD;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAA;IAEjB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC;;;;OAIG;IACH,IAAI,EAAE,KAAK,CAAA;IAEX;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,EAAE,KAAK,EAAE,CAAA;IAEd;;;;;OAKG;IACH,SAAS,CAAC,EAAE,eAAe,CAAA;IAE3B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}