@diwauhris/ui 1.7.11 → 1.7.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs +3 -2
- package/lib/index.mjs +3 -2
- package/package.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -3555,6 +3555,7 @@ function Stepper({ steps, currentStep, completedSteps = [], disabledSteps = [],
|
|
|
3555
3555
|
className: cn("flex flex-col", className),
|
|
3556
3556
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
|
|
3557
3557
|
className: "flex flex-col",
|
|
3558
|
+
"aria-orientation": "vertical",
|
|
3558
3559
|
children: steps.map((step, idx) => {
|
|
3559
3560
|
const state = resolveState(step.id, currentStep, completedSteps, disabledSteps);
|
|
3560
3561
|
const isCurrent = state === "current";
|
|
@@ -3618,13 +3619,13 @@ function Stepper({ steps, currentStep, completedSteps = [], disabledSteps = [],
|
|
|
3618
3619
|
className: cn("w-full", className),
|
|
3619
3620
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
|
|
3620
3621
|
className: "grid w-full",
|
|
3622
|
+
"aria-orientation": "horizontal",
|
|
3621
3623
|
style: { gridTemplateColumns: `repeat(${steps.length}, 1fr)` },
|
|
3622
3624
|
children: steps.map((step, idx) => {
|
|
3623
3625
|
const state = resolvedStates[idx];
|
|
3624
3626
|
const isCurrent = state === "current";
|
|
3625
3627
|
const isLast = idx === steps.length - 1;
|
|
3626
|
-
const
|
|
3627
|
-
const connectorDone = prevState === "completed" || prevState === "current";
|
|
3628
|
+
const connectorDone = (idx > 0 ? resolvedStates[idx - 1] : null) === "completed";
|
|
3628
3629
|
const connectorLeft = dark ? connectorDone ? "bg-[#2D8ACA]/50" : "bg-white/15" : connectorDone ? "bg-brand-blue/50" : "bg-slate-200";
|
|
3629
3630
|
const connectorRight = dark ? state === "completed" ? "bg-[#2D8ACA]/50" : "bg-white/15" : state === "completed" ? "bg-brand-blue/50" : "bg-slate-200";
|
|
3630
3631
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
|
package/lib/index.mjs
CHANGED
|
@@ -3531,6 +3531,7 @@ function Stepper({ steps, currentStep, completedSteps = [], disabledSteps = [],
|
|
|
3531
3531
|
className: cn("flex flex-col", className),
|
|
3532
3532
|
children: /* @__PURE__ */ jsx("ol", {
|
|
3533
3533
|
className: "flex flex-col",
|
|
3534
|
+
"aria-orientation": "vertical",
|
|
3534
3535
|
children: steps.map((step, idx) => {
|
|
3535
3536
|
const state = resolveState(step.id, currentStep, completedSteps, disabledSteps);
|
|
3536
3537
|
const isCurrent = state === "current";
|
|
@@ -3594,13 +3595,13 @@ function Stepper({ steps, currentStep, completedSteps = [], disabledSteps = [],
|
|
|
3594
3595
|
className: cn("w-full", className),
|
|
3595
3596
|
children: /* @__PURE__ */ jsx("ol", {
|
|
3596
3597
|
className: "grid w-full",
|
|
3598
|
+
"aria-orientation": "horizontal",
|
|
3597
3599
|
style: { gridTemplateColumns: `repeat(${steps.length}, 1fr)` },
|
|
3598
3600
|
children: steps.map((step, idx) => {
|
|
3599
3601
|
const state = resolvedStates[idx];
|
|
3600
3602
|
const isCurrent = state === "current";
|
|
3601
3603
|
const isLast = idx === steps.length - 1;
|
|
3602
|
-
const
|
|
3603
|
-
const connectorDone = prevState === "completed" || prevState === "current";
|
|
3604
|
+
const connectorDone = (idx > 0 ? resolvedStates[idx - 1] : null) === "completed";
|
|
3604
3605
|
const connectorLeft = dark ? connectorDone ? "bg-[#2D8ACA]/50" : "bg-white/15" : connectorDone ? "bg-brand-blue/50" : "bg-slate-200";
|
|
3605
3606
|
const connectorRight = dark ? state === "completed" ? "bg-[#2D8ACA]/50" : "bg-white/15" : state === "completed" ? "bg-brand-blue/50" : "bg-slate-200";
|
|
3606
3607
|
return /* @__PURE__ */ jsxs("li", {
|