@dust-tt/sparkle 0.2.74 → 0.2.75-rc

package/dist/cjs/components/Notification.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 export interface NotificationProps {
     className?: string;
-    description: string;
-    title: string;
-    type: "success" | "error";
+    description?: string;
+    title?: string;
+    variant: "success" | "error";
     onClick?: () => void;
 }
-export declare function Notification({ description, title, type, onClick, className, }: NotificationProps): React.JSX.Element;
+export declare function Notification({ description, title, variant, onClick, className, }: NotificationProps): React.JSX.Element;

package/dist/cjs/index.js

@@ -32414,12 +32414,12 @@ function Banner(props) {
 }
 
 function Notification(_a) {
-    var description = _a.description, title = _a.title, type = _a.type, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? "" : _b;
+    var description = _a.description, title = _a.title, variant = _a.variant, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? "" : _b;
     return (React.createElement("div", { className: classNames("s-pointer-events-auto s-relative s-flex s-max-w-[260px] s-items-start s-gap-2 s-rounded-xl s-border s-border-structure-100 s-bg-structure-0 s-pb-5 s-pl-4 s-pr-8 s-pt-4 s-shadow-xl", className) },
-        type === "success" ? (React.createElement(Icon, { size: "md", visual: SvgCheckCircle$1, className: "s-pt-0.5 s-text-success-500" })) : (React.createElement(Icon, { size: "md", visual: SvgXCircle$1, className: "s-pt-0.5 s-text-warning-500" })),
+        variant === "success" ? (React.createElement(Icon, { size: "md", visual: SvgCheckCircle$1, className: "s-pt-0.5 s-text-success-500" })) : (React.createElement(Icon, { size: "md", visual: SvgXCircle$1, className: "s-pt-0.5 s-text-warning-500" })),
         React.createElement("div", { className: "s-flex s-flex-col s-gap-1" },
-            React.createElement("div", { className: classNames("s-text-md s-font-semibold", type === "success" ? "s-text-success-500" : "s-text-warning-500") }, title || type),
-            React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700" }, description)),
+            React.createElement("div", { className: classNames("s-text-md s-font-semibold", variant === "success" ? "s-text-success-500" : "s-text-warning-500") }, title || variant),
+            description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700" }, description))),
         React.createElement("div", { className: "s-absolute s-right-2 s-top-2" },
             React.createElement(IconButton, { className: "s-pt-0.5", icon: SvgXMark$1, size: "sm", variant: "secondary", onClick: onClick }))));
 }