@kaio-xyz/design-system 1.1.56 → 1.1.58
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 +5 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.esm.js +5 -5
- 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
|
@@ -571,22 +571,22 @@ var Clipboard = function (_a) {
|
|
|
571
571
|
var style$h = {"root":"stepper-module__root__hgDss"};
|
|
572
572
|
|
|
573
573
|
var Stepper = function (_a) {
|
|
574
|
-
var children = _a.children, dataTest = _a.dataTest, className = _a.className;
|
|
575
|
-
return (jsxRuntime.jsx("ul", { className: clsx(style$h.root, className), "data-test": dataTest, children: children }));
|
|
574
|
+
var children = _a.children, dataTest = _a.dataTest, className = _a.className, _b = _a.direction, direction = _b === void 0 ? 'vertical' : _b;
|
|
575
|
+
return (jsxRuntime.jsx("ul", { className: clsx(style$h.root, className), "data-is-stepper-horizontal": direction === 'horizontal', "data-test": dataTest, children: children }));
|
|
576
576
|
};
|
|
577
577
|
|
|
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 keyIndex = _a.keyIndex, 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;
|
|
581
|
+
var keyIndex = _a.keyIndex, 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;
|
|
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" });
|
|
585
585
|
case isCurrent: return jsxRuntime.jsx(SpinnedIcon, { icon: SvgLoadingCircle, size: iconSize, className: style$g.loadingIcon });
|
|
586
586
|
default: return jsxRuntime.jsx("span", { className: style$g.emptyIcon });
|
|
587
587
|
}
|
|
588
|
-
}, [isCompleted, isCurrent]);
|
|
589
|
-
return (jsxRuntime.jsx("li", { className: clsx(style$g.root, className), "data-is-current": isCurrent, "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 })] }) }, keyIndex));
|
|
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 })] }) }, keyIndex));
|
|
590
590
|
};
|
|
591
591
|
|
|
592
592
|
var style$f = {"root":"list-module__root__OXx93"};
|