@dgithiomi/sbui-web 1.0.4 → 1.0.6

package/dist/index.mjs

@@ -12259,12 +12259,12 @@ var TOAST_VARIANTS = {
   success: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
-    iconBackground: "rgb(var(--color-success-400))",
-    toastContentColor: "rgb(var(--color-success-400))",
+    toastContentColor: "rgb(var(--color-success-500))",
+    iconBackground: "rgb(var(--color-success-400) / 90%)",
     icon: /* @__PURE__ */ React14.createElement(
       Success,
       {
-        size: 16,
+        size: 17,
         className: "rounded-full",
         color: "rgb(var(--color-success-600))"
       }
@@ -12273,29 +12273,23 @@ var TOAST_VARIANTS = {
   error: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
-    iconBackground: "rgb(var(--color-error-400))",
     toastContentColor: "rgb(var(--color-error-400))",
-    icon: /* @__PURE__ */ React14.createElement(XFill, { size: 16, color: "rgb(var(--color-error-600))" })
+    iconBackground: "rgb(var(--color-error-400) / 80%)",
+    icon: /* @__PURE__ */ React14.createElement(XFill, { size: 17, color: "rgb(var(--color-error-600) / 90%)" })
   },
   warning: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
     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))" })
+    icon: /* @__PURE__ */ React14.createElement(Warning, { size: 17, color: "white" })
   },
   info: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
-    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))"
-      }
-    )
+    iconBackground: "rgb(var(--color-primary-500))",
+    toastContentColor: "rgb(var(--color-primary-500))",
+    icon: /* @__PURE__ */ React14.createElement(CircledInformation, { size: 17, color: "white" })
   }
 };
 function secondsToMillis(seconds) {
@@ -12377,10 +12371,10 @@ var Toast = ({
       "div",
       {
         style: { backgroundColor: iconBackground },
-        className: "grid size-6 place-items-center rounded-full"
+        className: "grid size-7 place-items-center rounded-full self-start mt-1"
       },
       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(
+    ), /* @__PURE__ */ React15.createElement("div", { className: "pointer-events-none flex-1" }, title && /* @__PURE__ */ React15.createElement("p", { className: "text-base font-semibold" }, title), /* @__PURE__ */ React15.createElement("p", { className: "text-sm" }, message)), /* @__PURE__ */ React15.createElement(
       "div",
       {
         role: "button",
@@ -12388,7 +12382,7 @@ var Toast = ({
         style: {
           borderColor: toastColors.closeIconBorderColor
         },
-        className: `cursor-pointer rounded-full border p-1 opacity-50 hover:opacity-100`
+        className: `!cursor-pointer rounded-full border p-1 opacity-50 hover:opacity-100`
       },
       /* @__PURE__ */ React15.createElement(X, { size: 16, color: toastColors.closeIconColor })
     )),
@@ -12415,7 +12409,12 @@ import { useContext as useContext9 } from "react";
 // src/molecules/Toast/Toast.provider.tsx
 import React16 from "react";
 import { createPortal } from "react-dom";
-import { createContext as createContext7, useCallback as useCallback5, useEffect as useEffect10, useState as useState6 } from "react";
+import {
+  createContext as createContext7,
+  useCallback as useCallback5,
+  useEffect as useEffect10,
+  useState as useState6
+} from "react";
 var ToastContext = createContext7(null);
 var ToastProvider = ({
   children
@@ -12442,6 +12441,7 @@ var ToastProvider = ({
       return /* @__PURE__ */ React16.createElement(
         motion.div,
         {
+          className: "w-full",
           key: toastUUID,
           layout: true,
           initial: { opacity: 0, x: 50, y: 10 },