@povio/ui 2.1.2 → 2.1.4

package/dist/components/buttons/Button/button.cva.js

@@ -485,7 +485,7 @@ const button = cva(["group inline-flex items-center justify-center border border
     }
   ],
   defaultVariants: {
-    width: "fill",
+    width: "hug",
     color: "primary",
     variant: "contained",
     inverted: false

package/dist/components/status/Toast/useToast.d.ts

@@ -1,12 +1,13 @@
-import { ToastPosition } from 'react-toastify';
+import { Id, ToastPosition, ToastOptions as ToastifyToastOptions } from 'react-toastify';
 import { ToastProps } from './Toast';
-type IShowToast = Omit<ToastProps, "color"> & {
+export interface ToastParams extends Omit<ToastProps, "color"> {
     position?: ToastPosition;
-};
+}
+export type ToastOptions = Omit<ToastifyToastOptions, "position" | "data">;
 export declare const useToast: () => {
-    successToast: (params: IShowToast) => void;
-    errorToast: (params: IShowToast) => void;
-    warningToast: (params: IShowToast) => void;
-    neutralToast: (params: IShowToast) => void;
+    successToast: (params: ToastParams, options?: ToastOptions) => Id;
+    errorToast: (params: ToastParams, options?: ToastOptions) => Id;
+    warningToast: (params: ToastParams, options?: ToastOptions) => Id;
+    neutralToast: (params: ToastParams, options?: ToastOptions) => Id;
+    closeToast: (id: Id) => void;
 };
-export {};

package/dist/components/status/Toast/useToast.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
+import { useCallback, useMemo } from "react";
 import { toast } from "react-toastify";
 import { Toast } from "./Toast.js";
 const useToast = () => {
-  const successToast = useCallback((params) => {
-    toast.success(
+  const successToast = useCallback((params, options) => {
+    return toast.success(
       /* @__PURE__ */ jsx(
         Toast,
         {
@@ -13,6 +13,7 @@ const useToast = () => {
         }
       ),
       {
+        ...options,
         position: params.position,
         data: {
           variant: params.variant
@@ -20,8 +21,8 @@ const useToast = () => {
       }
     );
   }, []);
-  const errorToast = useCallback((params) => {
-    toast.error(
+  const errorToast = useCallback((params, options) => {
+    return toast.error(
       /* @__PURE__ */ jsx(
         Toast,
         {
@@ -30,6 +31,7 @@ const useToast = () => {
         }
       ),
       {
+        ...options,
         position: params.position,
         data: {
           variant: params.variant
@@ -37,8 +39,8 @@ const useToast = () => {
       }
     );
   }, []);
-  const warningToast = useCallback((params) => {
-    toast.warning(
+  const warningToast = useCallback((params, options) => {
+    return toast.warning(
       /* @__PURE__ */ jsx(
         Toast,
         {
@@ -47,6 +49,7 @@ const useToast = () => {
         }
       ),
       {
+        ...options,
         position: params.position,
         data: {
           variant: params.variant
@@ -54,8 +57,8 @@ const useToast = () => {
       }
     );
   }, []);
-  const neutralToast = useCallback((params) => {
-    toast.info(
+  const neutralToast = useCallback((params, options) => {
+    return toast.info(
       /* @__PURE__ */ jsx(
         Toast,
         {
@@ -64,6 +67,7 @@ const useToast = () => {
         }
       ),
       {
+        ...options,
         position: params.position,
         data: {
           variant: params.variant
@@ -71,12 +75,19 @@ const useToast = () => {
       }
     );
   }, []);
-  return {
-    successToast,
-    errorToast,
-    warningToast,
-    neutralToast
-  };
+  const closeToast = useCallback((id) => {
+    toast.dismiss(id);
+  }, []);
+  return useMemo(
+    () => ({
+      successToast,
+      errorToast,
+      warningToast,
+      neutralToast,
+      closeToast
+    }),
+    [successToast, errorToast, warningToast, neutralToast, closeToast]
+  );
 };
 export {
   useToast

package/dist/index.d.ts

@@ -128,6 +128,7 @@ export { Loader } from './components/status/Loader/Loader';
 export type { ToastAction, ToastProps } from './components/status/Toast/Toast';
 export { Toast, ToastContainer } from './components/status/Toast/Toast';
 export type { ToastVariantProps } from './components/status/Toast/toast.cva';
+export type { ToastOptions, ToastParams } from './components/status/Toast/useToast';
 export { useToast } from './components/status/Toast/useToast';
 export type { CellTextProps } from './components/table/CellText';
 export { CellText } from './components/table/CellText';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.1.2",
+  "version": "2.1.4",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",