@webority/ui-react 0.27.2 → 0.28.0

package/dist/types/components/AppWizard.d.ts

@@ -21,10 +21,12 @@ import "@webority/ui-elements";
  * @param {(index: number) => void} [props.onInvalid] Fired when advancing is blocked by beforeNext (the step is marked invalid).
  * @param {'steps'|'journey'|'icons'} [props.variant='steps'] Stepper header style — compact circles, the wide journey bar, or large connected icon badges with a "STEP n" eyebrow.
  * @param {'primary'|'success'|'warning'|'danger'|'info'} [props.tone] Recolour the whole stepper accent (active fill, done rail, ring, done tint) to a semantic ramp. Unset keeps the variant's default (primary for steps/journey, success/green for icons). For any other colour, override the `--wui-step-accent` / `--wui-step-soft` CSS variables via `style` or a `className` instead.
+ * @param {'primary'|'success'|'warning'|'danger'|'info'} [props.doneTone] Recolour completed steps only (their badge, "STEP n" eyebrow and the filled line after them) to a semantic ramp; the current step keeps the `tone` accent. Unset, completed steps follow `tone`. For any other colour, override the `--wui-step-done-accent` / `--wui-step-done-soft` CSS variables via `style` or a `className` instead.
  * @param {'horizontal'|'vertical'} [props.orientation='horizontal']
  * @param {boolean} [props.skippable=false] Show a Skip button on every step (bar the last), without needing per-step `optional`. A per-step `optional` still works on its own.
  * @param {boolean} [props.nonLinear=false] Allow jumping to any step, not only completed ones.
  * @param {boolean} [props.hideStepper=false] Hide the progress header.
+ * @param {boolean} [props.hideConnectors=false] Drop the line joining the steps, on every variant and orientation. Lines show by default.
  * @param {boolean} [props.disabled=false] Disable all navigation.
  * @param {string} [props.label='Progress'] Accessible name for the stepper.
  * @param {string} [props.backLabel='Back']

package/dist/ui-react.js

@@ -9094,25 +9094,29 @@ var Hc = [
 	"active",
 	"pending",
 	"error"
-], Jc = I(function({ steps: e = [], children: t, active: n, defaultActive: r = 0, onStepChange: i, onFinish: a, onSkip: o, beforeNext: s, onInvalid: c, variant: l = "steps", tone: u, orientation: d = "horizontal", skippable: f = !1, nonLinear: p = !1, hideStepper: m = !1, disabled: h = !1, label: g = "Progress", backLabel: _ = "Back", nextLabel: v = "Next", skipLabel: y = "Skip", finishLabel: b = "Finish", className: x = "", ...S }, C) {
-	Y("AppWizard", S), J("AppWizard", "variant", l, Wc), J("AppWizard", "tone", u, Gc), J("AppWizard", "orientation", d, Kc);
+], Jc = I(function({ steps: e = [], children: t, active: n, defaultActive: r = 0, onStepChange: i, onFinish: a, onSkip: o, beforeNext: s, onInvalid: c, variant: l = "steps", tone: u, doneTone: d, orientation: f = "horizontal", skippable: p = !1, nonLinear: m = !1, hideStepper: h = !1, hideConnectors: g = !1, disabled: _ = !1, label: v = "Progress", backLabel: y = "Back", nextLabel: b = "Next", skipLabel: x = "Skip", finishLabel: S = "Finish", className: C = "", ...w }, T) {
+	Y("AppWizard", w), J("AppWizard", "variant", l, Wc), J("AppWizard", "tone", u, Gc), J("AppWizard", "doneTone", d, Gc), J("AppWizard", "orientation", f, Kc);
 	for (let t of e) J("AppWizard", "steps[].status", t.status, qc);
-	let w = V(null), T = (e) => {
-		w.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
-	}, E = P.toArray(t), D = [u && `wui-step-tone-${u}`, x].filter(Boolean).join(" ");
+	let E = V(null), D = (e) => {
+		E.current = e, typeof T == "function" ? T(e) : T && (T.current = e);
+	}, O = P.toArray(t), k = [
+		u && `wui-step-tone-${u}`,
+		d && `wui-step-done-tone-${d}`,
+		C
+	].filter(Boolean).join(" ");
 	return R(() => {
-		let e = w.current;
+		let e = E.current;
 		if (!e) return;
 		let t = n === void 0 ? r : n;
 		t && (e.active = t);
 	}, []), R(() => {
-		let e = w.current;
+		let e = E.current;
 		e && n !== void 0 && Number(e.active) !== n && (e.active = n);
 	}, [n]), R(() => {
-		let e = w.current;
+		let e = E.current;
 		e && (e.beforeNext = s ?? null);
 	}, [s]), R(() => {
-		let e = w.current;
+		let e = E.current;
 		if (!e) return;
 		let t = (e) => i?.(e.detail.index, e.detail), n = (e) => a?.(e.detail), r = (e) => o?.(e.detail.index), s = (e) => c?.(e.detail.index);
 		return e.addEventListener("wui-wizard:change", t), e.addEventListener("wui-wizard:finish", n), e.addEventListener("wui-wizard:skip", r), e.addEventListener("wui-wizard:invalid", s), () => {
@@ -9124,27 +9128,28 @@ var Hc = [
 		o,
 		c
 	]), /* @__PURE__ */ K("wui-wizard", {
-		ref: T,
+		ref: D,
 		variant: l,
-		orientation: d,
-		skippable: f ? "" : void 0,
-		"non-linear": p ? "" : void 0,
-		"hide-stepper": m ? "" : void 0,
-		disabled: h ? "" : void 0,
-		label: g,
-		"back-label": _,
-		"next-label": v,
-		"skip-label": y,
-		"finish-label": b,
-		className: D || void 0,
-		...S,
+		orientation: f,
+		skippable: p ? "" : void 0,
+		"non-linear": m ? "" : void 0,
+		"hide-stepper": h ? "" : void 0,
+		"hide-connectors": g ? "" : void 0,
+		disabled: _ ? "" : void 0,
+		label: v,
+		"back-label": y,
+		"next-label": b,
+		"skip-label": x,
+		"finish-label": S,
+		className: k || void 0,
+		...w,
 		children: e.map((e, t) => /* @__PURE__ */ K("wui-wizard-step", {
 			label: e.label,
 			description: e.description || void 0,
 			optional: e.optional ? "" : void 0,
 			icon: e.icon || void 0,
 			status: e.status || void 0,
-			children: E[t]
+			children: O[t]
 		}, e.key ?? `${e.label}-${t}`))
 	});
 }), Yc = [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/ui-react",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "description": "Webority shared React component library — App* primitives on react-bootstrap + the @webority/theme design system.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",
@@ -29,8 +29,8 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@webority/theme": "0.27.2",
-    "@webority/ui-elements": "0.27.2"
+    "@webority/theme": "0.28.0",
+    "@webority/ui-elements": "0.28.0"
   },
   "peerDependencies": {
     "@webority/analytics": "^0.6.0 || ^0.7.0 || ^0.8.0 || ^0.9.0",