@dgithiomi/sbui-web 1.0.3 → 1.0.4

package/dist/index.d.cts

@@ -291,13 +291,13 @@ interface ToastContextType {
 
 declare const Toast: React.FC<ToastProps>;
 
+declare function useToast(): ToastContextType;
+
 declare const ToastContext: React.Context<ToastContextType | null>;
 declare const ToastProvider: React.FC<{
     children: ReactNode;
 }>;
 
-declare function useToast(): ToastContextType;
-
 interface SbuiProviderProps extends PropsWithChildren {
     /**
      * Keep this provider extensible: feature providers can be toggled here

package/dist/index.d.ts

@@ -291,13 +291,13 @@ interface ToastContextType {
 
 declare const Toast: React.FC<ToastProps>;
 
+declare function useToast(): ToastContextType;
+
 declare const ToastContext: React.Context<ToastContextType | null>;
 declare const ToastProvider: React.FC<{
     children: ReactNode;
 }>;
 
-declare function useToast(): ToastContextType;
-
 interface SbuiProviderProps extends PropsWithChildren {
     /**
      * Keep this provider extensible: feature providers can be toggled here

package/dist/index.mjs

@@ -12264,8 +12264,9 @@ var TOAST_VARIANTS = {
     icon: /* @__PURE__ */ React14.createElement(
       Success,
       {
-        color: "rgb(var(--color-success-700))",
-        className: "rounded-full"
+        size: 16,
+        className: "rounded-full",
+        color: "rgb(var(--color-success-600))"
       }
     )
   },
@@ -12274,21 +12275,27 @@ var TOAST_VARIANTS = {
     textColor: "rgb(var(--color-fg-inverse))",
     iconBackground: "rgb(var(--color-error-400))",
     toastContentColor: "rgb(var(--color-error-400))",
-    icon: /* @__PURE__ */ React14.createElement(XFill, { color: "rgb(var(--color-error-700))" })
+    icon: /* @__PURE__ */ React14.createElement(XFill, { size: 16, color: "rgb(var(--color-error-600))" })
   },
   warning: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
-    iconBackground: "rgb(var(--color-warning-400))",
-    toastContentColor: "rgb(var(--color-warning-400))",
-    icon: /* @__PURE__ */ React14.createElement(Warning, { color: "rgb(var(--color-warning-700))" })
+    iconBackground: "rgb(var(--color-warning-500))",
+    toastContentColor: "rgb(var(--color-warning-500))",
+    icon: /* @__PURE__ */ React14.createElement(Warning, { size: 16, color: "rgb(var(--color-warning-600))" })
   },
   info: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
-    iconBackground: "rgb(var(--color-neutral-400))",
-    toastContentColor: "rgb(var(--color-neutral-400))",
-    icon: /* @__PURE__ */ React14.createElement(CircledInformation, { color: "white" })
+    iconBackground: "rgb(var(--color-primary-400))",
+    toastContentColor: "rgb(var(--color-primary-400))",
+    icon: /* @__PURE__ */ React14.createElement(
+      CircledInformation,
+      {
+        size: 16,
+        color: "rgb(var(--color-primary-600))"
+      }
+    )
   }
 };
 function secondsToMillis(seconds) {
@@ -12300,7 +12307,7 @@ var Toast = ({
   title,
   message,
   onClose,
-  variant,
+  variant = "success",
   duration = "short"
 }) => {
   const isMobile = useIsMobile();
@@ -12370,7 +12377,7 @@ var Toast = ({
       "div",
       {
         style: { backgroundColor: iconBackground },
-        className: "grid size-8 place-items-center rounded-full"
+        className: "grid size-6 place-items-center rounded-full"
       },
       icon
     ), /* @__PURE__ */ React15.createElement("div", { className: "pointer-events-none flex-1" }, title && /* @__PURE__ */ React15.createElement("p", { className: "font-semibold" }, title), /* @__PURE__ */ React15.createElement("p", { className: "text-sm" }, message)), /* @__PURE__ */ React15.createElement(
@@ -12381,9 +12388,9 @@ var Toast = ({
         style: {
           borderColor: toastColors.closeIconBorderColor
         },
-        className: `cursor-pointer rounded-full border p-2 opacity-50 hover:opacity-100`
+        className: `cursor-pointer rounded-full border p-1 opacity-50 hover:opacity-100`
       },
-      /* @__PURE__ */ React15.createElement(X, { color: toastColors.closeIconColor })
+      /* @__PURE__ */ React15.createElement(X, { size: 16, color: toastColors.closeIconColor })
     )),
     /* @__PURE__ */ React15.createElement(
       motion.div,
@@ -12402,6 +12409,9 @@ var Toast = ({
   );
 };
 
+// src/molecules/Toast/useToast.ts
+import { useContext as useContext9 } from "react";
+
 // src/molecules/Toast/Toast.provider.tsx
 import React16 from "react";
 import { createPortal } from "react-dom";
@@ -12461,7 +12471,6 @@ var ToastProvider = ({
 };
 
 // src/molecules/Toast/useToast.ts
-import { useContext as useContext9 } from "react";
 function useToast() {
   const toastContext = useContext9(ToastContext);
   if (!toastContext) {