@kaio-xyz/design-system 1.1.53 → 1.1.56

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 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 key = _a.key, label = _a.label, dataTest = _a.dataTest, _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;
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]);
589
- return (jsxRuntime.jsx("li", { className: style$g.root, "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 })] }) }, key));
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));
590
590
  };
591
591
 
592
592
  var style$f = {"root":"list-module__root__OXx93"};