@kaio-xyz/design-system 1.1.58 → 1.1.60
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.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.esm.js +2 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -578,7 +578,7 @@ var Stepper = function (_a) {
|
|
|
578
578
|
var style$g = {"root":"step-module__root__Tk1Yq","container":"step-module__container__XbQSB","label":"step-module__label__UNF3I","emptyIcon":"step-module__emptyIcon__-xNcB","checkIcon":"step-module__checkIcon__MWBUM","loadingIcon":"step-module__loadingIcon__-VoCZ"};
|
|
579
579
|
|
|
580
580
|
var Step = function (_a) {
|
|
581
|
-
var
|
|
581
|
+
var label = _a.label, dataTest = _a.dataTest, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 16 : _b, _c = _a.isCompleted, isCompleted = _c === void 0 ? false : _c, _d = _a.isCurrent, isCurrent = _d === void 0 ? false : _d, _e = _a.direction, direction = _e === void 0 ? 'vertical' : _e, props = __rest(_a, ["label", "dataTest", "className", "iconSize", "isCompleted", "isCurrent", "direction"]);
|
|
582
582
|
var icon = React.useMemo(function () {
|
|
583
583
|
switch (true) {
|
|
584
584
|
case isCompleted: return jsxRuntime.jsx(SvgCheck, { className: style$g.checkIcon, viewBox: "0 0 24 24" });
|
|
@@ -586,7 +586,7 @@ var Step = function (_a) {
|
|
|
586
586
|
default: return jsxRuntime.jsx("span", { className: style$g.emptyIcon });
|
|
587
587
|
}
|
|
588
588
|
}, [isCompleted, isCurrent, iconSize]);
|
|
589
|
-
return (jsxRuntime.jsx("li", { className: clsx(style$g.root, className), "data-is-current": isCurrent, "data-direction": direction, "data-test": dataTest, style: { '--icon-size': "".concat(iconSize, "px") }, children: jsxRuntime.jsxs(Stack, { className: style$g.container, position: "horizontal", children: [icon, jsxRuntime.jsx("span", { className: style$g.label, children: label })] }) }
|
|
589
|
+
return (jsxRuntime.jsx("li", __assign({ className: clsx(style$g.root, className), "data-is-current": isCurrent, "data-direction": direction, "data-test": dataTest, style: { '--icon-size': "".concat(iconSize, "px") } }, props, { children: jsxRuntime.jsxs(Stack, { className: style$g.container, position: "horizontal", children: [icon, jsxRuntime.jsx("span", { className: style$g.label, children: label })] }) })));
|
|
590
590
|
};
|
|
591
591
|
|
|
592
592
|
var style$f = {"root":"list-module__root__OXx93"};
|