design-zystem 1.0.258 → 1.0.260

package/dist/index.d.mts

@@ -235,6 +235,7 @@ interface BubbleProps {
     borderRadius?: string;
     width?: string;
     style?: CSSProperties;
+    onClick?: () => void;
 }
 declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react_jsx_runtime.JSX.Element;
 
@@ -295,6 +296,7 @@ interface LinkProps {
     underline?: boolean;
     style?: CSSProperties;
     className?: string;
+    onClick?: () => void;
 }
 declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
 
@@ -316,8 +318,8 @@ declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, bad
 interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     label?: string;
     children?: ReactNode;
-    iconLeft?: string;
-    iconRight?: string;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
     iconColor?: string;
     variant?: string;
     outline?: boolean;

package/dist/index.d.ts

@@ -235,6 +235,7 @@ interface BubbleProps {
     borderRadius?: string;
     width?: string;
     style?: CSSProperties;
+    onClick?: () => void;
 }
 declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react_jsx_runtime.JSX.Element;
 
@@ -295,6 +296,7 @@ interface LinkProps {
     underline?: boolean;
     style?: CSSProperties;
     className?: string;
+    onClick?: () => void;
 }
 declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
 
@@ -316,8 +318,8 @@ declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, bad
 interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
     label?: string;
     children?: ReactNode;
-    iconLeft?: string;
-    iconRight?: string;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
     iconColor?: string;
     variant?: string;
     outline?: boolean;

package/dist/index.js

@@ -1021,6 +1021,15 @@ var Button = (_a) => {
   ]);
   const ref = (0, import_react3.useRef)(null);
   const sizeConfig = defaultSizes[size];
+  const renderIconSlot = (icon) => typeof icon === "string" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Icon,
+    {
+      name: icon,
+      size,
+      family: "regular",
+      color: outline ? variant : iconColor
+    }
+  ) : icon;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     StyledButton,
     __spreadProps(__spreadValues({
@@ -1035,20 +1044,12 @@ var Button = (_a) => {
       sizeConfig,
       disabled: disabled || isLoading,
       "aria-busy": isLoading ? "true" : void 0,
-      iconOnly: (iconLeft || iconRight) && !label
+      iconOnly: Boolean(iconLeft || iconRight) && !label
     }, rest), {
       children: [
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Loader, {}),
         !isLoading && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Row, { gap: "8", fullwidth: true, justifyContent: "center", alignItems: "center", children: [
-          iconLeft && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            Icon,
-            {
-              name: iconLeft,
-              size,
-              family: "regular",
-              color: outline ? variant : iconColor
-            }
-          ),
+          iconLeft && renderIconSlot(iconLeft),
           label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             Text,
             {
@@ -1058,15 +1059,7 @@ var Button = (_a) => {
               children: label
             }
           ),
-          iconRight && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            Icon,
-            {
-              name: iconRight,
-              size,
-              family: "regular",
-              color: outline ? variant : iconColor
-            }
-          ),
+          iconRight && renderIconSlot(iconRight),
           !label && children
         ] })
       ]

package/dist/index.mjs

@@ -889,6 +889,15 @@ var Button = (_a) => {
   ]);
   const ref = useRef2(null);
   const sizeConfig = defaultSizes[size];
+  const renderIconSlot = (icon) => typeof icon === "string" ? /* @__PURE__ */ jsx11(
+    Icon,
+    {
+      name: icon,
+      size,
+      family: "regular",
+      color: outline ? variant : iconColor
+    }
+  ) : icon;
   return /* @__PURE__ */ jsxs2(
     StyledButton,
     __spreadProps(__spreadValues({
@@ -903,20 +912,12 @@ var Button = (_a) => {
       sizeConfig,
       disabled: disabled || isLoading,
       "aria-busy": isLoading ? "true" : void 0,
-      iconOnly: (iconLeft || iconRight) && !label
+      iconOnly: Boolean(iconLeft || iconRight) && !label
     }, rest), {
       children: [
         isLoading && /* @__PURE__ */ jsx11(Loader, {}),
         !isLoading && /* @__PURE__ */ jsxs2(Row, { gap: "8", fullwidth: true, justifyContent: "center", alignItems: "center", children: [
-          iconLeft && /* @__PURE__ */ jsx11(
-            Icon,
-            {
-              name: iconLeft,
-              size,
-              family: "regular",
-              color: outline ? variant : iconColor
-            }
-          ),
+          iconLeft && renderIconSlot(iconLeft),
           label && /* @__PURE__ */ jsx11(
             Text,
             {
@@ -926,15 +927,7 @@ var Button = (_a) => {
               children: label
             }
           ),
-          iconRight && /* @__PURE__ */ jsx11(
-            Icon,
-            {
-              name: iconRight,
-              size,
-              family: "regular",
-              color: outline ? variant : iconColor
-            }
-          ),
+          iconRight && renderIconSlot(iconRight),
           !label && children
         ] })
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.258",
+  "version": "1.0.260",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",