@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/Toast/Toast.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as ToastStories from './useToast.stories';
+import * as ToastStories from "./useToast.stories";
 
 <Meta of={ToastStories} />
 
@@ -15,8 +15,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
         const handleShowToast = () => {
             const toast = showToast({
@@ -38,17 +38,17 @@ const ToastExample = () => {
     export default ToastExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Toast/Toast.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Toast/Toast.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
 <Controls of={ToastStories.Documentation} />
@@ -58,24 +58,24 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
-
-    const handleShowToast = () => {
-        const toast = showToast({
-            title: "New entry created"
-        });
-        setLastToast(toast);
-    };
-
-    return (
-        <>
-            <Button text="Show Toast" onClick={handleShowToast} />
-            <Button text="Hide latest toast" onClick={() => hideToast(lastToast)} />
-            <Button text="Hide all toasts" onClick={() => hideAllToasts()} />
-            <Toast.Provider />
-        </>
-    );
+  const [lastToast, setLastToast] = useState<string | number>("");
+  const { showToast, hideToast, hideAllToasts } = useToast();
+
+  const handleShowToast = () => {
+    const toast = showToast({
+      title: "New entry created"
+    });
+    setLastToast(toast);
+  };
+
+  return (
+    <>
+      <Button text="Show Toast" onClick={handleShowToast} />
+      <Button text="Hide latest toast" onClick={() => hideToast(lastToast)} />
+      <Button text="Hide all toasts" onClick={() => hideAllToasts()} />
+      <Toast.Provider />
+    </>
+  );
 };
 
 export default ToastExample;
@@ -92,8 +92,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const BasicToastExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -111,6 +111,7 @@ const BasicToastExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default BasicToastExample;
@@ -125,8 +126,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const SubtleToastExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -145,6 +146,7 @@ const SubtleToastExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default SubtleToastExample;
@@ -159,8 +161,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastWithDescriptionExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -179,6 +181,7 @@ const ToastWithDescriptionExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithDescriptionExample;
@@ -193,8 +196,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastWithComponentsExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -215,6 +218,7 @@ const ToastWithComponentsExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithComponentsExample;
@@ -229,8 +233,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastWithActionsExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -263,6 +267,7 @@ const ToastWithActionsExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithActionsExample;
@@ -277,8 +282,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastWithDescriptionAndActionsExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -314,6 +319,7 @@ const ToastWithDescriptionAndActionsExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithDescriptionAndActionsExample;
@@ -329,8 +335,8 @@ import { useToast, Toast, Button, Icon } from "@webiny/admin-ui";
 import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
 
 const ToastWithCustomIconExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -349,6 +355,7 @@ const ToastWithCustomIconExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithCustomIconExample;
@@ -363,8 +370,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastWithInfiniteDurationExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -383,6 +390,7 @@ const ToastWithInfiniteDurationExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithInfiniteDurationExample;
@@ -397,8 +405,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastNotDismissibleExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -417,6 +425,7 @@ const ToastNotDismissibleExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastNotDismissibleExample;
@@ -431,8 +440,8 @@ import React, { useState } from "react";
 import { useToast, Toast, Button } from "@webiny/admin-ui";
 
 const ToastWithCustomPositionExample = () => {
-    const [lastToast, setLastToast] = useState<string | number>("");
-    const { showToast, hideToast, hideAllToasts } = useToast();
+const [lastToast, setLastToast] = useState<string | number>("");
+const { showToast, hideToast, hideAllToasts } = useToast();
 
     return (
         <>
@@ -451,6 +460,7 @@ const ToastWithCustomPositionExample = () => {
             <Toast.Provider />
         </>
     );
+
 };
 
 export default ToastWithCustomPositionExample;

package/Toast/components/ToastActions.d.ts

@@ -12,7 +12,7 @@ declare const ToastActions: (({ children, className, ...props }: React.HTMLAttri
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element) & {
         original: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Toast/components/ToastActions.js

@@ -1,11 +1,11 @@
 import React from "react";
-import { cn, makeDecoratable } from "../../utils";
+import { cn, makeDecoratable } from "../../utils.js";
 const DecoratableToastActions = ({
   children,
   className,
   ...props
 }) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("wby-flex wby-w-full wby-items-center wby-justify-start wby-gap-sm wby-mt-md", className)
+  className: cn("flex w-full items-center justify-start gap-sm mt-md", className)
 }), children);
 const ToastActions = makeDecoratable("ToastActions", DecoratableToastActions);
 export { ToastActions };

package/Toast/components/ToastActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","DecoratableToastActions","children","className","props","createElement","Object","assign","ToastActions"],"sources":["ToastActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\n\nconst DecoratableToastActions = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        {...props}\n        className={cn(\n            \"wby-flex wby-w-full wby-items-center wby-justify-start wby-gap-sm wby-mt-md\",\n            className\n        )}\n    >\n        {children}\n    </div>\n);\n\nconst ToastActions = makeDecoratable(\"ToastActions\", DecoratableToastActions);\n\nexport { ToastActions };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,kBACnCN,KAAA,CAAAO,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEJ,EAAE,CACT,6EAA6E,EAC7EI,SACJ;AAAE,IAEDD,QACA,CACR;AAED,MAAMM,YAAY,GAAGR,eAAe,CAAC,cAAc,EAAEC,uBAAuB,CAAC;AAE7E,SAASO,YAAY","ignoreList":[]}
+{"version":3,"names":["React","cn","makeDecoratable","DecoratableToastActions","children","className","props","createElement","Object","assign","ToastActions"],"sources":["ToastActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\n\nconst DecoratableToastActions = ({\n    children,\n    className,\n    ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n    <div\n        {...props}\n        className={cn(\"flex w-full items-center justify-start gap-sm mt-md\", className)}\n    >\n        {children}\n    </div>\n);\n\nconst ToastActions = makeDecoratable(\"ToastActions\", DecoratableToastActions);\n\nexport { ToastActions };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAE5B,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,SAAS;EACT,GAAGC;AAC+B,CAAC,kBACnCN,KAAA,CAAAO,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEJ,EAAE,CAAC,qDAAqD,EAAEI,SAAS;AAAE,IAE/ED,QACA,CACR;AAED,MAAMM,YAAY,GAAGR,eAAe,CAAC,cAAc,EAAEC,uBAAuB,CAAC;AAE7E,SAASO,YAAY","ignoreList":[]}

package/Toast/components/ToastClose.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type IconButtonProps } from "../../Button";
+import { type IconButtonProps } from "../../Button/index.js";
 type ToastCloseProps = IconButtonProps;
 declare const ToastClose: (props: ToastCloseProps) => React.JSX.Element;
 export { ToastClose, type ToastCloseProps };

package/Toast/components/ToastClose.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { ReactComponent as CloseIcon } from "@webiny/icons/close.svg";
-import { IconButton } from "../../Button";
-import { Icon } from "../../Icon";
+import { IconButton } from "../../Button/index.js";
+import { Icon } from "../../Icon/index.js";
 const ToastClose = props => /*#__PURE__*/React.createElement(IconButton, Object.assign({
   icon: /*#__PURE__*/React.createElement(Icon, {
     label: "Close",

package/Toast/components/ToastClose.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","CloseIcon","IconButton","Icon","ToastClose","props","createElement","Object","assign","icon","label","size","iconSize"],"sources":["ToastClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton, type IconButtonProps } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\n\ntype ToastCloseProps = IconButtonProps;\n\nconst ToastClose = (props: ToastCloseProps) => (\n    <IconButton\n        icon={<Icon label={\"Close\"} icon={<CloseIcon />} />}\n        size={\"sm\"}\n        iconSize={\"lg\"}\n        {...props}\n    />\n);\n\nexport { ToastClose, type ToastCloseProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,UAAU;AACnB,SAASC,IAAI;AAIb,MAAMC,UAAU,GAAIC,KAAsB,iBACtCN,KAAA,CAAAO,aAAA,CAACJ,UAAU,EAAAK,MAAA,CAAAC,MAAA;EACPC,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACH,IAAI;IAACO,KAAK,EAAE,OAAQ;IAACD,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACL,SAAS,MAAE;EAAE,CAAE,CAAE;EACpDU,IAAI,EAAE,IAAK;EACXC,QAAQ,EAAE;AAAK,GACXP,KAAK,CACZ,CACJ;AAED,SAASD,UAAU","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","CloseIcon","IconButton","Icon","ToastClose","props","createElement","Object","assign","icon","label","size","iconSize"],"sources":["ToastClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as CloseIcon } from \"@webiny/icons/close.svg\";\nimport { IconButton, type IconButtonProps } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\n\ntype ToastCloseProps = IconButtonProps;\n\nconst ToastClose = (props: ToastCloseProps) => (\n    <IconButton\n        icon={<Icon label={\"Close\"} icon={<CloseIcon />} />}\n        size={\"sm\"}\n        iconSize={\"lg\"}\n        {...props}\n    />\n);\n\nexport { ToastClose, type ToastCloseProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,UAAU;AACnB,SAASC,IAAI;AAIb,MAAMC,UAAU,GAAIC,KAAsB,iBACtCN,KAAA,CAAAO,aAAA,CAACJ,UAAU,EAAAK,MAAA,CAAAC,MAAA;EACPC,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACH,IAAI;IAACO,KAAK,EAAE,OAAQ;IAACD,IAAI,eAAEV,KAAA,CAAAO,aAAA,CAACL,SAAS,MAAE;EAAE,CAAE,CAAE;EACpDU,IAAI,EAAE,IAAK;EACXC,QAAQ,EAAE;AAAK,GACXP,KAAK,CACZ,CACJ;AAED,SAASD,UAAU","ignoreList":[]}

package/Toast/components/ToastDescription.d.ts

@@ -15,7 +15,7 @@ declare const ToastDescription: (({ text, className, ...props }: DescriptionProp
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ text, className, ...props }: DescriptionProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ text, className, ...props }: DescriptionProps) => React.JSX.Element) & {
         original: ({ text, className, ...props }: DescriptionProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Toast/components/ToastDescription.js

@@ -1,16 +1,16 @@
 import React from "react";
-import { cn, makeDecoratable } from "../../utils";
-import { Text } from "../../Text";
+import { cn, makeDecoratable } from "../../utils.js";
+import { Text } from "../../Text/index.js";
 const DecoratableToastDescription = ({
   text,
   className,
   ...props
 }) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("wby-mt-xs-plus group-[.wby-default-variant]:wby-text-neutral-dimmed group-[.wby-subtle-variant]:wby-text-neutral-strong", className)
+  className: cn("mt-xs-plus group-[.default-variant]:text-neutral-dimmed group-[.subtle-variant]:text-neutral-strong", className)
 }), /*#__PURE__*/React.createElement(Text, {
   as: "div",
   size: "md",
-  className: "wby-text-neutral-dimmed"
+  className: "text-neutral-dimmed"
 }, text));
 const ToastDescription = makeDecoratable("ToastDescription", DecoratableToastDescription);
 export { ToastDescription };

package/Toast/components/ToastDescription.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","Text","DecoratableToastDescription","text","className","props","createElement","Object","assign","as","size","ToastDescription"],"sources":["ToastDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { Text } from \"~/Text\";\n\ntype DescriptionProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastDescription = ({ text, className, ...props }: DescriptionProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"wby-mt-xs-plus group-[.wby-default-variant]:wby-text-neutral-dimmed group-[.wby-subtle-variant]:wby-text-neutral-strong\",\n            className\n        )}\n    >\n        <Text as={\"div\"} size={\"md\"} className={\"wby-text-neutral-dimmed\"}>\n            {text}\n        </Text>\n    </div>\n);\n\nconst ToastDescription = makeDecoratable(\"ToastDescription\", DecoratableToastDescription);\n\nexport { ToastDescription, type DescriptionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,IAAI;AAMb,MAAMC,2BAA2B,GAAGA,CAAC;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBAChFP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEL,EAAE,CACT,yHAAyH,EACzHK,SACJ;AAAE,iBAEFN,KAAA,CAAAQ,aAAA,CAACL,IAAI;EAACQ,EAAE,EAAE,KAAM;EAACC,IAAI,EAAE,IAAK;EAACN,SAAS,EAAE;AAA0B,GAC7DD,IACC,CACL,CACR;AAED,MAAMQ,gBAAgB,GAAGX,eAAe,CAAC,kBAAkB,EAAEE,2BAA2B,CAAC;AAEzF,SAASS,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","cn","makeDecoratable","Text","DecoratableToastDescription","text","className","props","createElement","Object","assign","as","size","ToastDescription"],"sources":["ToastDescription.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Text } from \"~/Text/index.js\";\n\ntype DescriptionProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastDescription = ({ text, className, ...props }: DescriptionProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"mt-xs-plus group-[.default-variant]:text-neutral-dimmed group-[.subtle-variant]:text-neutral-strong\",\n            className\n        )}\n    >\n        <Text as={\"div\"} size={\"md\"} className={\"text-neutral-dimmed\"}>\n            {text}\n        </Text>\n    </div>\n);\n\nconst ToastDescription = makeDecoratable(\"ToastDescription\", DecoratableToastDescription);\n\nexport { ToastDescription, type DescriptionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,IAAI;AAMb,MAAMC,2BAA2B,GAAGA,CAAC;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAwB,CAAC,kBAChFP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEL,EAAE,CACT,qGAAqG,EACrGK,SACJ;AAAE,iBAEFN,KAAA,CAAAQ,aAAA,CAACL,IAAI;EAACQ,EAAE,EAAE,KAAM;EAACC,IAAI,EAAE,IAAK;EAACN,SAAS,EAAE;AAAsB,GACzDD,IACC,CACL,CACR;AAED,MAAMQ,gBAAgB,GAAGX,eAAe,CAAC,kBAAkB,EAAEE,2BAA2B,CAAC;AAEzF,SAASS,gBAAgB","ignoreList":[]}

package/Toast/components/ToastIcon.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Icon as BaseIcon } from "../../Icon";
+import { Icon as BaseIcon } from "../../Icon/index.js";
 type ToastIconProps = {
     icon?: React.ReactElement<typeof BaseIcon>;
 };

package/Toast/components/ToastIcon.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { ReactComponent as NotificationsIconActive } from "@webiny/icons/notifications_active.svg";
-import { Icon as BaseIcon } from "../../Icon";
+import { Icon as BaseIcon } from "../../Icon/index.js";
 const ToastNotificationIcon = /*#__PURE__*/React.createElement(BaseIcon, {
   icon: /*#__PURE__*/React.createElement(NotificationsIconActive, null),
   label: "Notification",

package/Toast/components/ToastIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","NotificationsIconActive","Icon","BaseIcon","ToastNotificationIcon","createElement","icon","label","size","color","ToastIcon","isValidElement","cloneElement","props"],"sources":["ToastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as NotificationsIconActive } from \"@webiny/icons/notifications_active.svg\";\nimport { Icon as BaseIcon } from \"~/Icon\";\n\nconst ToastNotificationIcon = (\n    <BaseIcon\n        icon={<NotificationsIconActive />}\n        label={\"Notification\"}\n        size={\"md\"}\n        color={\"accent\"}\n    />\n);\n\ntype ToastIconProps = {\n    icon?: React.ReactElement<typeof BaseIcon>;\n};\n\nconst ToastIcon = ({ icon }: ToastIconProps) => {\n    return (\n        <span>\n            {React.isValidElement(icon)\n                ? React.cloneElement(icon, { ...ToastNotificationIcon.props, ...icon.props })\n                : React.cloneElement(ToastNotificationIcon)}\n        </span>\n    );\n};\n\nexport { ToastIcon, type ToastIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,uBAAuB,QAAQ,wCAAwC;AAClG,SAASC,IAAI,IAAIC,QAAQ;AAEzB,MAAMC,qBAAqB,gBACvBL,KAAA,CAAAM,aAAA,CAACF,QAAQ;EACLG,IAAI,eAAEP,KAAA,CAAAM,aAAA,CAACJ,uBAAuB,MAAE,CAAE;EAClCM,KAAK,EAAE,cAAe;EACtBC,IAAI,EAAE,IAAK;EACXC,KAAK,EAAE;AAAS,CACnB,CACJ;AAMD,MAAMC,SAAS,GAAGA,CAAC;EAAEJ;AAAqB,CAAC,KAAK;EAC5C,oBACIP,KAAA,CAAAM,aAAA,eACK,aAAAN,KAAK,CAACY,cAAc,CAACL,IAAI,CAAC,gBACrBP,KAAK,CAACa,YAAY,CAACN,IAAI,EAAE;IAAE,GAAGF,qBAAqB,CAACS,KAAK;IAAE,GAAGP,IAAI,CAACO;EAAM,CAAC,CAAC,gBAC3Ed,KAAK,CAACa,YAAY,CAACR,qBAAqB,CAC5C,CAAC;AAEf,CAAC;AAED,SAASM,SAAS","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","NotificationsIconActive","Icon","BaseIcon","ToastNotificationIcon","createElement","icon","label","size","color","ToastIcon","isValidElement","cloneElement","props"],"sources":["ToastIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as NotificationsIconActive } from \"@webiny/icons/notifications_active.svg\";\nimport { Icon as BaseIcon } from \"~/Icon/index.js\";\n\nconst ToastNotificationIcon = (\n    <BaseIcon\n        icon={<NotificationsIconActive />}\n        label={\"Notification\"}\n        size={\"md\"}\n        color={\"accent\"}\n    />\n);\n\ntype ToastIconProps = {\n    icon?: React.ReactElement<typeof BaseIcon>;\n};\n\nconst ToastIcon = ({ icon }: ToastIconProps) => {\n    return (\n        <span>\n            {React.isValidElement(icon)\n                ? React.cloneElement(icon, { ...ToastNotificationIcon.props, ...icon.props })\n                : React.cloneElement(ToastNotificationIcon)}\n        </span>\n    );\n};\n\nexport { ToastIcon, type ToastIconProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,uBAAuB,QAAQ,wCAAwC;AAClG,SAASC,IAAI,IAAIC,QAAQ;AAEzB,MAAMC,qBAAqB,gBACvBL,KAAA,CAAAM,aAAA,CAACF,QAAQ;EACLG,IAAI,eAAEP,KAAA,CAAAM,aAAA,CAACJ,uBAAuB,MAAE,CAAE;EAClCM,KAAK,EAAE,cAAe;EACtBC,IAAI,EAAE,IAAK;EACXC,KAAK,EAAE;AAAS,CACnB,CACJ;AAMD,MAAMC,SAAS,GAAGA,CAAC;EAAEJ;AAAqB,CAAC,KAAK;EAC5C,oBACIP,KAAA,CAAAM,aAAA,eACK,aAAAN,KAAK,CAACY,cAAc,CAACL,IAAI,CAAC,gBACrBP,KAAK,CAACa,YAAY,CAACN,IAAI,EAAE;IAAE,GAAGF,qBAAqB,CAACS,KAAK;IAAE,GAAGP,IAAI,CAACO;EAAM,CAAC,CAAC,gBAC3Ed,KAAK,CAACa,YAAY,CAACR,qBAAqB,CAC5C,CAAC;AAEf,CAAC;AAED,SAASM,SAAS","ignoreList":[]}

package/Toast/components/ToastRoot.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { type VariantProps } from "../../utils";
+import { type VariantProps } from "../../utils.js";
 declare const toastRootVariants: (props?: ({
     variant?: "default" | "subtle" | null | undefined;
     hasDescription?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToastRootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof toastRootVariants>;
 declare const ToastRoot: ({ className, hasDescription, variant, children, ...props }: ToastRootProps) => React.JSX.Element;
 export { ToastRoot, type ToastRootProps, toastRootVariants };

package/Toast/components/ToastRoot.js

@@ -1,13 +1,13 @@
 import React from "react";
-import { cn, cva } from "../../utils";
-const toastRootVariants = cva("wby-group wby-pointer-events-auto wby-relative wby-flex wby-w-full wby-items-center wby-justify-start wby-p-md wby-gap-sm-extra wby-self-stretch wby-overflow-hidden wby-rounded-md wby-border-sm wby-border-neutral-dimmed wby-shadow-lg", {
+import { cn, cva } from "../../utils.js";
+const toastRootVariants = cva("group pointer-events-auto relative flex w-full items-center justify-start p-md gap-sm-extra self-stretch overflow-hidden rounded-md border-sm border-neutral-dimmed shadow-lg", {
   variants: {
     variant: {
-      default: "wby-default-variant wby-bg-neutral-dark",
-      subtle: "wby-subtle-variant wby-bg-white"
+      default: "default-variant bg-neutral-dark",
+      subtle: "subtle-variant bg-white"
     },
     hasDescription: {
-      true: "wby-has-description wby-items-start wby-justify-start"
+      true: "has-description items-start justify-start"
     }
   },
   defaultVariants: {

package/Toast/components/ToastRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","toastRootVariants","variants","variant","default","subtle","hasDescription","true","defaultVariants","ToastRoot","className","children","props","createElement","Object","assign"],"sources":["ToastRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst toastRootVariants = cva(\n    \"wby-group wby-pointer-events-auto wby-relative wby-flex wby-w-full wby-items-center wby-justify-start wby-p-md wby-gap-sm-extra wby-self-stretch wby-overflow-hidden wby-rounded-md wby-border-sm wby-border-neutral-dimmed wby-shadow-lg\",\n    {\n        variants: {\n            variant: {\n                default: \"wby-default-variant wby-bg-neutral-dark\",\n                subtle: \"wby-subtle-variant wby-bg-white\"\n            },\n            hasDescription: {\n                true: \"wby-has-description wby-items-start wby-justify-start\"\n            }\n        },\n        defaultVariants: {\n            variant: \"default\"\n        }\n    }\n);\n\ntype ToastRootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof toastRootVariants>;\n\nconst ToastRoot = ({ className, hasDescription, variant, children, ...props }: ToastRootProps) => {\n    return (\n        <div className={cn(toastRootVariants({ variant, hasDescription }), className)} {...props}>\n            {children}\n        </div>\n    );\n};\n\nexport { ToastRoot, type ToastRootProps, toastRootVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CACzB,2OAA2O,EAC3O;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,yCAAyC;MAClDC,MAAM,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACZC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAID,MAAMM,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ,cAAc;EAAEH,OAAO;EAAEQ,QAAQ;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC9F,oBACId,KAAA,CAAAe,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKL,SAAS,EAAEX,EAAE,CAACE,iBAAiB,CAAC;MAAEE,OAAO;MAAEG;IAAe,CAAC,CAAC,EAAEI,SAAS;EAAE,GAAKE,KAAK,GACnFD,QACA,CAAC;AAEd,CAAC;AAED,SAASF,SAAS,EAAuBR,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","toastRootVariants","variants","variant","default","subtle","hasDescription","true","defaultVariants","ToastRoot","className","children","props","createElement","Object","assign"],"sources":["ToastRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst toastRootVariants = cva(\n    \"group pointer-events-auto relative flex w-full items-center justify-start p-md gap-sm-extra self-stretch overflow-hidden rounded-md border-sm border-neutral-dimmed shadow-lg\",\n    {\n        variants: {\n            variant: {\n                default: \"default-variant bg-neutral-dark\",\n                subtle: \"subtle-variant bg-white\"\n            },\n            hasDescription: {\n                true: \"has-description items-start justify-start\"\n            }\n        },\n        defaultVariants: {\n            variant: \"default\"\n        }\n    }\n);\n\ntype ToastRootProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof toastRootVariants>;\n\nconst ToastRoot = ({ className, hasDescription, variant, children, ...props }: ToastRootProps) => {\n    return (\n        <div className={cn(toastRootVariants({ variant, hasDescription }), className)} {...props}>\n            {children}\n        </div>\n    );\n};\n\nexport { ToastRoot, type ToastRootProps, toastRootVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CACzB,+KAA+K,EAC/K;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,OAAO,EAAE,iCAAiC;MAC1CC,MAAM,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACZC,IAAI,EAAE;IACV;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAID,MAAMM,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ,cAAc;EAAEH,OAAO;EAAEQ,QAAQ;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC9F,oBACId,KAAA,CAAAe,aAAA,QAAAC,MAAA,CAAAC,MAAA;IAAKL,SAAS,EAAEX,EAAE,CAACE,iBAAiB,CAAC;MAAEE,OAAO;MAAEG;IAAe,CAAC,CAAC,EAAEI,SAAS;EAAE,GAAKE,KAAK,GACnFD,QACA,CAAC;AAEd,CAAC;AAED,SAASF,SAAS,EAAuBR,iBAAiB","ignoreList":[]}

package/Toast/components/ToastTitle.d.ts

@@ -15,7 +15,7 @@ declare const ToastTitle: (({ text, className, ...props }: ToastTitleProps) => R
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ text, className, ...props }: ToastTitleProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<(({ text, className, ...props }: ToastTitleProps) => React.JSX.Element) & {
         original: ({ text, className, ...props }: ToastTitleProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Toast/components/ToastTitle.js

@@ -1,12 +1,12 @@
 import React from "react";
-import { cn, makeDecoratable } from "../../utils";
-import { Heading } from "../../Heading";
+import { cn, makeDecoratable } from "../../utils.js";
+import { Heading } from "../../Heading/index.js";
 const DecoratableToastTitle = ({
   text,
   className,
   ...props
 }) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-  className: cn("group-[.wby-default-variant]:wby-text-neutral-light group-[.wby-subtle-variant]:wby-text-neutral-primary wby-font-normal group-[.wby-has-description]:wby-font-semibold", className)
+  className: cn("group-[.default-variant]:text-neutral-light group-[.subtle-variant]:text-neutral-primary font-normal group-[.has-description]:font-semibold", className)
 }), /*#__PURE__*/React.createElement(Heading, {
   level: 6
 }, text));

package/Toast/components/ToastTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","makeDecoratable","Heading","DecoratableToastTitle","text","className","props","createElement","Object","assign","level","ToastTitle"],"sources":["ToastTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils\";\nimport { Heading } from \"~/Heading\";\n\ntype ToastTitleProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastTitle = ({ text, className, ...props }: ToastTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"group-[.wby-default-variant]:wby-text-neutral-light group-[.wby-subtle-variant]:wby-text-neutral-primary wby-font-normal group-[.wby-has-description]:wby-font-semibold\",\n            className\n        )}\n    >\n        <Heading level={6}>{text}</Heading>\n    </div>\n);\n\nconst ToastTitle = makeDecoratable(\"ToastTitle\", DecoratableToastTitle);\n\nexport { ToastTitle, type ToastTitleProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,OAAO;AAMhB,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAuB,CAAC,kBACzEP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEL,EAAE,CACT,yKAAyK,EACzKK,SACJ;AAAE,iBAEFN,KAAA,CAAAQ,aAAA,CAACL,OAAO;EAACQ,KAAK,EAAE;AAAE,GAAEN,IAAc,CACjC,CACR;AAED,MAAMO,UAAU,GAAGV,eAAe,CAAC,YAAY,EAAEE,qBAAqB,CAAC;AAEvE,SAASQ,UAAU","ignoreList":[]}
+{"version":3,"names":["React","cn","makeDecoratable","Heading","DecoratableToastTitle","text","className","props","createElement","Object","assign","level","ToastTitle"],"sources":["ToastTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, makeDecoratable } from \"~/utils.js\";\nimport { Heading } from \"~/Heading/index.js\";\n\ntype ToastTitleProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    text: React.ReactNode;\n};\n\nconst DecoratableToastTitle = ({ text, className, ...props }: ToastTitleProps) => (\n    <div\n        {...props}\n        className={cn(\n            \"group-[.default-variant]:text-neutral-light group-[.subtle-variant]:text-neutral-primary font-normal group-[.has-description]:font-semibold\",\n            className\n        )}\n    >\n        <Heading level={6}>{text}</Heading>\n    </div>\n);\n\nconst ToastTitle = makeDecoratable(\"ToastTitle\", DecoratableToastTitle);\n\nexport { ToastTitle, type ToastTitleProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,eAAe;AAC5B,SAASC,OAAO;AAMhB,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAuB,CAAC,kBACzEP,KAAA,CAAAQ,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;EACTD,SAAS,EAAEL,EAAE,CACT,6IAA6I,EAC7IK,SACJ;AAAE,iBAEFN,KAAA,CAAAQ,aAAA,CAACL,OAAO;EAACQ,KAAK,EAAE;AAAE,GAAEN,IAAc,CACjC,CACR;AAED,MAAMO,UAAU,GAAGV,eAAe,CAAC,YAAY,EAAEE,qBAAqB,CAAC;AAEvE,SAASQ,UAAU","ignoreList":[]}

package/Toast/components/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./ToastActions";
-export * from "./ToastClose";
-export * from "./ToastDescription";
-export * from "./ToastIcon";
-export * from "./ToastRoot";
-export * from "./ToastTitle";
+export * from "./ToastActions.js";
+export * from "./ToastClose.js";
+export * from "./ToastDescription.js";
+export * from "./ToastIcon.js";
+export * from "./ToastRoot.js";
+export * from "./ToastTitle.js";

package/Toast/components/index.js

@@ -1,8 +1,8 @@
-export * from "./ToastActions";
-export * from "./ToastClose";
-export * from "./ToastDescription";
-export * from "./ToastIcon";
-export * from "./ToastRoot";
-export * from "./ToastTitle";
+export * from "./ToastActions.js";
+export * from "./ToastClose.js";
+export * from "./ToastDescription.js";
+export * from "./ToastIcon.js";
+export * from "./ToastRoot.js";
+export * from "./ToastTitle.js";
 
 //# sourceMappingURL=index.js.map

package/Toast/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ToastActions\";\nexport * from \"./ToastClose\";\nexport * from \"./ToastDescription\";\nexport * from \"./ToastIcon\";\nexport * from \"./ToastRoot\";\nexport * from \"./ToastTitle\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ToastActions.js\";\nexport * from \"./ToastClose.js\";\nexport * from \"./ToastDescription.js\";\nexport * from \"./ToastIcon.js\";\nexport * from \"./ToastRoot.js\";\nexport * from \"./ToastTitle.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Toast/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Toast";
-export * from "./useToast";
+export * from "./Toast.js";
+export * from "./useToast.js";

package/Toast/index.js

@@ -1,4 +1,4 @@
-export * from "./Toast";
-export * from "./useToast";
+export * from "./Toast.js";
+export * from "./useToast.js";
 
 //# sourceMappingURL=index.js.map

package/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Toast\";\nexport * from \"./useToast\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Toast.js\";\nexport * from \"./useToast.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Toast/useToast.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type ToasterProps as SonnerToasterProps } from "sonner";
-import { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from "./components";
-import { Icon } from "../Icon";
+import { ToastActions, ToastDescription, ToastTitle, type ToastRootProps } from "./components/index.js";
+import { Icon } from "../Icon/index.js";
 type ShowToastParams = {
     title: React.ReactElement<typeof ToastTitle> | string;
     description?: React.ReactElement<typeof ToastDescription> | string;

package/Toast/useToast.js

@@ -2,10 +2,10 @@ import * as React from "react";
 import { toast as sonnerToast } from "sonner";
 import { ReactComponent as Check } from "@webiny/icons/check.svg";
 import { ReactComponent as Warning } from "@webiny/icons/warning.svg";
-import { ToastActions, ToastDescription, ToastTitle } from "./components";
-import { Toast } from "./Toast";
-import { Icon } from "../Icon";
-import { generateId } from "../utils";
+import { ToastActions, ToastDescription, ToastTitle } from "./components/index.js";
+import { Toast } from "./Toast.js";
+import { Icon } from "../Icon/index.js";
+import { generateId } from "../utils.js";
 const useToast = () => {
   const getTitle = React.useCallback(title => {
     return typeof title === "string" ? /*#__PURE__*/React.createElement(ToastTitle, {
@@ -32,7 +32,7 @@ const useToast = () => {
       variant,
       dismissible,
       duration = 6000,
-      position = "top-right"
+      position = "bottom-left"
     } = params;
     const id = generateId();
     return sonnerToast.custom(toast => /*#__PURE__*/React.createElement(Toast, {
@@ -72,7 +72,7 @@ const useToast = () => {
       icon: /*#__PURE__*/React.createElement(Icon, {
         icon: /*#__PURE__*/React.createElement(Check, null),
         label: "",
-        className: "wby-fill-success"
+        className: "fill-success"
       }),
       ...params
     });
@@ -82,7 +82,7 @@ const useToast = () => {
       icon: /*#__PURE__*/React.createElement(Icon, {
         icon: /*#__PURE__*/React.createElement(Warning, null),
         label: "",
-        className: "wby-fill-warning"
+        className: "fill-warning"
       }),
       ...params
     });