@xsolla/xui-b2c-toast 0.172.2 → 0.173.0

package/README.md

@@ -127,22 +127,55 @@ Hook that returns toast helpers. Throws if called outside a `ToastProvider`.
 
 ```tsx
 import * as React from "react";
+import { FlexButton } from "@xsolla/xui-button";
 import { useToast } from "@xsolla/xui-b2c-toast";
 
 export default function Types() {
   const toast = useToast();
   return (
     <div style={{ display: "flex", gap: 8 }}>
-      <button onClick={() => toast.neutral({ title: "Reward claimed" })}>
-        Neutral
+      <button
+        onClick={() =>
+          toast.neutral({
+            title: "Info toast",
+            description: "New update available",
+            action: <FlexButton>View</FlexButton>,
+          })
+        }
+      >
+        Info
       </button>
-      <button onClick={() => toast.success({ title: "Quest activated" })}>
+      <button
+        onClick={() =>
+          toast.success({
+            title: "Success toast",
+            description: "Agreement successfully signed",
+            action: <FlexButton>Undo</FlexButton>,
+          })
+        }
+      >
         Success
       </button>
-      <button onClick={() => toast.warning({ title: "Session expires soon" })}>
+      <button
+        onClick={() =>
+          toast.warning({
+            title: "Warning toast",
+            description: "Connection unstable, changes may not save",
+            action: <FlexButton>Retry</FlexButton>,
+          })
+        }
+      >
         Warning
       </button>
-      <button onClick={() => toast.alert({ title: "Connection lost" })}>
+      <button
+        onClick={() =>
+          toast.alert({
+            title: "Alert toast",
+            description: 'Project "Project Name" deleted',
+            action: <FlexButton>Undo</FlexButton>,
+          })
+        }
+      >
         Alert
       </button>
     </div>
@@ -154,6 +187,7 @@ export default function Types() {
 
 ```tsx
 import * as React from "react";
+import { Avatar } from "@xsolla/xui-avatar";
 import { FlexButton } from "@xsolla/xui-button";
 import { Toast } from "@xsolla/xui-b2c-toast";
 
@@ -162,9 +196,10 @@ export default function Standalone() {
     <Toast
       id="retry"
       type="alert"
-      title="Connection lost"
-      description="Check your network and try again"
-      action={<FlexButton>Retry</FlexButton>}
+      title="Alert toast"
+      description='Project "Project Name" deleted'
+      icon={<Avatar size="xxs" text="PN" aria-label="Project avatar" />}
+      action={<FlexButton>Undo</FlexButton>}
       onClose={() => {}}
     />
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-b2c-toast",
-  "version": "0.172.2",
+  "version": "0.173.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -14,9 +14,9 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-core": "0.172.2",
-    "@xsolla/xui-primitives-core": "0.172.2",
-    "@xsolla/xui-toast": "0.172.2"
+    "@xsolla/xui-core": "0.173.0",
+    "@xsolla/xui-primitives-core": "0.173.0",
+    "@xsolla/xui-toast": "0.173.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",