@nurix/ui-component-library 1.1.7-stage.142 → 1.1.7-stage.143
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/dist/index.js +7 -14
- package/dist/index.mjs +7 -14
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11993,13 +11993,14 @@ var STEPPER_TOKENS = {
|
|
|
11993
11993
|
// --- Stepper (labeled horizontal stepper) ---
|
|
11994
11994
|
stepper: {
|
|
11995
11995
|
root: "flex gap-4 items-center w-full",
|
|
11996
|
-
|
|
11997
|
-
|
|
11996
|
+
// Connector lines are always grey (#e5e5e5) regardless of step state.
|
|
11997
|
+
// Per Figma node 1:5164 — completed steps do not colour the connector.
|
|
11998
|
+
connector: "flex-1 h-px min-w-2 bg-token-light",
|
|
11998
11999
|
step: {
|
|
11999
12000
|
wrapper: "flex gap-2 items-center shrink-0",
|
|
12000
12001
|
indicator: {
|
|
12001
12002
|
base: "w-6 rounded-[32px] flex flex-col items-center justify-center overflow-clip px-2 py-1 shrink-0",
|
|
12002
|
-
incomplete: "bg-token-grey",
|
|
12003
|
+
incomplete: "bg-token-dark-grey",
|
|
12003
12004
|
active: "bg-token-brand-primary",
|
|
12004
12005
|
complete: "bg-token-brand-primary"
|
|
12005
12006
|
},
|
|
@@ -12010,9 +12011,9 @@ var STEPPER_TOKENS = {
|
|
|
12010
12011
|
checkIcon: "size-4 text-fg-white",
|
|
12011
12012
|
label: {
|
|
12012
12013
|
base: "text-xs leading-4",
|
|
12013
|
-
incomplete: "text-fg-grey-
|
|
12014
|
+
incomplete: "text-fg-grey-secondary font-normal",
|
|
12014
12015
|
active: "text-fg-black font-medium",
|
|
12015
|
-
complete: "text-fg-grey-
|
|
12016
|
+
complete: "text-fg-grey-primary font-normal"
|
|
12016
12017
|
}
|
|
12017
12018
|
}
|
|
12018
12019
|
},
|
|
@@ -12107,15 +12108,7 @@ var Stepper = React34.forwardRef(
|
|
|
12107
12108
|
}
|
|
12108
12109
|
)
|
|
12109
12110
|
] }),
|
|
12110
|
-
index2 < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
12111
|
-
"div",
|
|
12112
|
-
{
|
|
12113
|
-
className: cn(
|
|
12114
|
-
STEPPER_TOKENS.stepper.connector,
|
|
12115
|
-
state2 === "complete" && STEPPER_TOKENS.stepper.connectorComplete
|
|
12116
|
-
)
|
|
12117
|
-
}
|
|
12118
|
-
)
|
|
12111
|
+
index2 < steps.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: STEPPER_TOKENS.stepper.connector })
|
|
12119
12112
|
] }, index2);
|
|
12120
12113
|
})
|
|
12121
12114
|
}
|
package/dist/index.mjs
CHANGED
|
@@ -11872,13 +11872,14 @@ var STEPPER_TOKENS = {
|
|
|
11872
11872
|
// --- Stepper (labeled horizontal stepper) ---
|
|
11873
11873
|
stepper: {
|
|
11874
11874
|
root: "flex gap-4 items-center w-full",
|
|
11875
|
-
|
|
11876
|
-
|
|
11875
|
+
// Connector lines are always grey (#e5e5e5) regardless of step state.
|
|
11876
|
+
// Per Figma node 1:5164 — completed steps do not colour the connector.
|
|
11877
|
+
connector: "flex-1 h-px min-w-2 bg-token-light",
|
|
11877
11878
|
step: {
|
|
11878
11879
|
wrapper: "flex gap-2 items-center shrink-0",
|
|
11879
11880
|
indicator: {
|
|
11880
11881
|
base: "w-6 rounded-[32px] flex flex-col items-center justify-center overflow-clip px-2 py-1 shrink-0",
|
|
11881
|
-
incomplete: "bg-token-grey",
|
|
11882
|
+
incomplete: "bg-token-dark-grey",
|
|
11882
11883
|
active: "bg-token-brand-primary",
|
|
11883
11884
|
complete: "bg-token-brand-primary"
|
|
11884
11885
|
},
|
|
@@ -11889,9 +11890,9 @@ var STEPPER_TOKENS = {
|
|
|
11889
11890
|
checkIcon: "size-4 text-fg-white",
|
|
11890
11891
|
label: {
|
|
11891
11892
|
base: "text-xs leading-4",
|
|
11892
|
-
incomplete: "text-fg-grey-
|
|
11893
|
+
incomplete: "text-fg-grey-secondary font-normal",
|
|
11893
11894
|
active: "text-fg-black font-medium",
|
|
11894
|
-
complete: "text-fg-grey-
|
|
11895
|
+
complete: "text-fg-grey-primary font-normal"
|
|
11895
11896
|
}
|
|
11896
11897
|
}
|
|
11897
11898
|
},
|
|
@@ -11986,15 +11987,7 @@ var Stepper = React34.forwardRef(
|
|
|
11986
11987
|
}
|
|
11987
11988
|
)
|
|
11988
11989
|
] }),
|
|
11989
|
-
index2 < steps.length - 1 && /* @__PURE__ */ jsx30(
|
|
11990
|
-
"div",
|
|
11991
|
-
{
|
|
11992
|
-
className: cn(
|
|
11993
|
-
STEPPER_TOKENS.stepper.connector,
|
|
11994
|
-
state2 === "complete" && STEPPER_TOKENS.stepper.connectorComplete
|
|
11995
|
-
)
|
|
11996
|
-
}
|
|
11997
|
-
)
|
|
11990
|
+
index2 < steps.length - 1 && /* @__PURE__ */ jsx30("div", { className: STEPPER_TOKENS.stepper.connector })
|
|
11998
11991
|
] }, index2);
|
|
11999
11992
|
})
|
|
12000
11993
|
}
|