@kaio-xyz/design-system 1.1.27 → 1.1.29

package/dist/index.cjs.js

@@ -370,7 +370,7 @@ var isAnchor = function (props) { return props.href !== undefined; };
 var Button = React.forwardRef(function (_a, ref) {
     var _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.size, size = _d === void 0 ? "normal" : _d, _e = _a.isInverted, isInverted = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 22 : _g, Icon = _a.icon, props = __rest(_a, ["fullWidth", "variant", "size", "isInverted", "isLoading", "iconSize", "icon"]);
     var iconProps = { width: iconSize, height: iconSize, "aria-hidden": "true" };
-    var baseIcon = Icon && jsxRuntime.jsx(Icon, __assign({}, iconProps));
+    var baseIcon = Icon && jsxRuntime.jsx(Icon, __assign({}, iconProps, { viewBox: "0 0 24 24" }));
     var loadingIcon = isLoading && jsxRuntime.jsx(SpinnedIcon, __assign({ size: iconSize }, iconProps));
     var iconChild = loadingIcon || baseIcon || null;
     var classes = clsx(style$q.root, props.className);
@@ -561,7 +561,7 @@ var Clipboard = function (_a) {
         }, 2000);
     }, [value]);
     var text = isShowingCopy ? 'Copied!' : displayValue;
-    var icon = isShowingCopy ? jsxRuntime.jsx(SvgCheck, {}) : jsxRuntime.jsx(SvgClipboard, {});
+    var icon = isShowingCopy ? jsxRuntime.jsx(SvgCheck, { viewBox: "0 0 24 24" }) : jsxRuntime.jsx(SvgClipboard, { viewBox: "0 0 24 24" });
     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] }) }));
 };
 
@@ -578,7 +578,7 @@ var Step = function (_a) {
     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 });
+            case isCompleted: return jsxRuntime.jsx(SvgCheck, { className: style$d.checkIcon, viewBox: "0 0 24 24" });
             case isCurrent: return jsxRuntime.jsx(SpinnedIcon, { icon: SvgLoadingCircle, size: iconSize, className: style$d.loadingIcon });
             default: return jsxRuntime.jsx("span", { className: style$d.emptyIcon });
         }
@@ -671,7 +671,7 @@ var style$6 = {"content":"dropdown-menu-module__content__sSYNC","arrow":"dropdow
 
 var DropdownMenu$1 = function (_a) {
     var text = _a.text, children = _a.children, Icon = _a.icon, disabled = _a.disabled, body = _a.body, variant = _a.variant, rest = __rest(_a, ["text", "children", "icon", "disabled", "body", "variant"]);
-    var defaultBody = !text ? Icon && jsxRuntime.jsx(Icon, {}) : jsxRuntime.jsx(Button, { icon: Icon, variant: variant, children: text });
+    var defaultBody = !text ? Icon && jsxRuntime.jsx(Icon, { viewBox: "0 0 24 24" }) : jsxRuntime.jsx(Button, { icon: Icon, variant: variant, children: text });
     return (jsxRuntime.jsxs(RDropdownMenu__namespace.Root, { children: [jsxRuntime.jsx(RDropdownMenu__namespace.Trigger, __assign({}, rest, { asChild: !!text, className: style$6.trigger, disabled: disabled, children: body ? body : defaultBody })), jsxRuntime.jsx(RDropdownMenu__namespace.Portal, { children: jsxRuntime.jsxs(RDropdownMenu__namespace.Content, { className: style$6.content, sideOffset: 5, children: [children, jsxRuntime.jsx(RDropdownMenu__namespace.Arrow, { className: style$6.arrow })] }) })] }));
 };