@dgithiomi/sbui-web 1.0.5 → 1.0.6

package/dist/index.cjs

@@ -12298,12 +12298,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-600))",
+    toastContentColor: "rgb(var(--color-success-500))",
+    iconBackground: "rgb(var(--color-success-400) / 90%)",
     icon: /* @__PURE__ */ import_react37.default.createElement(
       Success,
       {
-        size: 16,
+        size: 17,
         className: "rounded-full",
         color: "rgb(var(--color-success-600))"
       }
@@ -12312,29 +12312,23 @@ var TOAST_VARIANTS = {
   error: {
     backgroundColor: "rgb(var(--color-fg))",
     textColor: "rgb(var(--color-fg-inverse))",
-    toastContentColor: "rgb(var(--color-error-600))",
+    toastContentColor: "rgb(var(--color-error-400))",
     iconBackground: "rgb(var(--color-error-400) / 80%)",
-    icon: /* @__PURE__ */ import_react37.default.createElement(XFill, { size: 16, color: "rgb(var(--color-error-600))" })
+    icon: /* @__PURE__ */ import_react37.default.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-600))",
-    icon: /* @__PURE__ */ import_react37.default.createElement(Warning, { size: 16, color: "rgb(var(--color-warning-600))" })
+    toastContentColor: "rgb(var(--color-warning-500))",
+    icon: /* @__PURE__ */ import_react37.default.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-600))",
-    icon: /* @__PURE__ */ import_react37.default.createElement(
-      CircledInformation,
-      {
-        size: 16,
-        color: "rgb(var(--color-primary-600))"
-      }
-    )
+    iconBackground: "rgb(var(--color-primary-500))",
+    toastContentColor: "rgb(var(--color-primary-500))",
+    icon: /* @__PURE__ */ import_react37.default.createElement(CircledInformation, { size: 17, color: "white" })
   }
 };
 function secondsToMillis(seconds) {
@@ -12416,10 +12410,10 @@ var Toast = ({
       "div",
       {
         style: { backgroundColor: iconBackground },
-        className: "grid size-8 place-items-center rounded-full"
+        className: "grid size-7 place-items-center rounded-full self-start mt-1"
       },
       icon
-    ), /* @__PURE__ */ import_react39.default.createElement("div", { className: "pointer-events-none flex-1" }, title && /* @__PURE__ */ import_react39.default.createElement("p", { className: "font-semibold" }, title), /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-sm" }, message)), /* @__PURE__ */ import_react39.default.createElement(
+    ), /* @__PURE__ */ import_react39.default.createElement("div", { className: "pointer-events-none flex-1" }, title && /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-base font-semibold" }, title), /* @__PURE__ */ import_react39.default.createElement("p", { className: "text-sm" }, message)), /* @__PURE__ */ import_react39.default.createElement(
       "div",
       {
         role: "button",
@@ -12427,7 +12421,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__ */ import_react39.default.createElement(X, { size: 16, color: toastColors.closeIconColor })
     )),
@@ -12481,6 +12475,7 @@ var ToastProvider = ({
       return /* @__PURE__ */ import_react40.default.createElement(
         motion.div,
         {
+          className: "w-full",
           key: toastUUID,
           layout: true,
           initial: { opacity: 0, x: 50, y: 10 },