@kaio-xyz/design-system 1.1.21 → 1.1.24

package/dist/index.cjs.js

@@ -548,10 +548,9 @@ var trimString = function (str, noOfChars) {
     return "".concat(str.slice(0, noOfChars), "...").concat(str.slice(-noOfChars));
 };
 var Clipboard = function (_a) {
-    var value = _a.value, _b = _a.trim, trim = _b === void 0 ? false : _b, _c = _a.trimLength, trimLength = _c === void 0 ? 4 : _c;
+    var value = _a.value, dataTest = _a.dataTest, _b = _a.trim, trim = _b === void 0 ? false : _b, _c = _a.trimLength, trimLength = _c === void 0 ? 4 : _c;
     var _d = React.useState(false), isCopied = _d[0], setIsCopied = _d[1];
     var _e = React.useState(false), isShowingCopy = _e[0], setIsShowingCopy = _e[1];
-    var _f = React.useState(false); _f[0]; _f[1];
     var displayValue = trim ? trimString(value, trimLength) : value;
     var handleClick = React.useCallback(function () {
         navigator.clipboard.writeText(value);
@@ -563,20 +562,20 @@ var Clipboard = function (_a) {
     }, [value]);
     var text = isShowingCopy ? 'Copied!' : displayValue;
     var icon = isShowingCopy ? jsxRuntime.jsx(SvgCheck, {}) : jsxRuntime.jsx(SvgClipboard, {});
-    return (jsxRuntime.jsx("button", { type: "button", onClick: handleClick, className: style$f.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [jsxRuntime.jsx("span", { children: text }), icon] }) }));
+    return (jsxRuntime.jsx("button", { type: "button", onClick: handleClick, className: style$f.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, "data-test": dataTest, children: jsxRuntime.jsxs(Stack, { position: "horizontal", children: [jsxRuntime.jsx("span", { children: text }), icon] }) }));
 };
 
 var style$e = {"root":"stepper-module__root__hgDss"};
 
 var Stepper = function (_a) {
-    var children = _a.children;
-    return (jsxRuntime.jsx("ul", { className: style$e.root, children: children }));
+    var children = _a.children, dataTest = _a.dataTest, className = _a.className;
+    return (jsxRuntime.jsx("ul", { className: clsx(style$e.root, className), "data-test": dataTest, children: children }));
 };
 
 var style$d = {"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"};
 
 var Step = function (_a) {
-    var key = _a.key, label = _a.label, _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;
+    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;
     var icon = React.useMemo(function () {
         switch (true) {
             case isCompleted: return jsxRuntime.jsx(SvgCheck, { className: style$d.checkIcon });
@@ -584,7 +583,7 @@ var Step = function (_a) {
             default: return jsxRuntime.jsx("span", { className: style$d.emptyIcon });
         }
     }, [isCompleted, isCurrent]);
-    return (jsxRuntime.jsx("li", { className: style$d.root, "data-is-current": isCurrent, style: { '--icon-size': "".concat(iconSize, "px") }, children: jsxRuntime.jsxs(Stack, { className: style$d.container, position: "horizontal", children: [icon, jsxRuntime.jsx("span", { className: style$d.label, children: label })] }) }, key));
+    return (jsxRuntime.jsx("li", { className: style$d.root, "data-is-current": isCurrent, "data-test": dataTest, style: { '--icon-size': "".concat(iconSize, "px") }, children: jsxRuntime.jsxs(Stack, { className: style$d.container, position: "horizontal", children: [icon, jsxRuntime.jsx("span", { className: style$d.label, children: label })] }) }, key));
 };
 
 var style$c = {"root":"list-module__root__OXx93"};