diff --git a/packages/ui/src/components/Toast/definition.ts b/packages/ui/src/components/Toast/definition.ts index 7d9f651157..cb66637d79 100644 --- a/packages/ui/src/components/Toast/definition.ts +++ b/packages/ui/src/components/Toast/definition.ts @@ -38,6 +38,9 @@ export const ToastDefinition = defineComponent()({ onSwipeEnd: {}, status: { dataAttribute: true }, icon: {}, + surface: {}, + className: {}, + style: {}, }, }); diff --git a/packages/ui/src/components/Toast/types.ts b/packages/ui/src/components/Toast/types.ts index 9f5ec29dd5..fae8bd8e81 100644 --- a/packages/ui/src/components/Toast/types.ts +++ b/packages/ui/src/components/Toast/types.ts @@ -17,7 +17,7 @@ import type { ReactElement, ReactNode } from 'react'; import type { UNSTABLE_ToastQueue as RAToastQueue } from 'react-aria-components'; import type { QueuedToast } from 'react-stately'; -import type { Responsive } from '../../types'; +import type { Responsive, ContainerSurfaceProps } from '../../types'; /** * Content for a toast notification @@ -38,7 +38,7 @@ export interface ToastContent { * Own props for the Toast component * @internal */ -export type ToastOwnProps = { +export type ToastOwnProps = ContainerSurfaceProps & { /** Toast object from the queue */ toast: QueuedToast; /** Callback when swipe ends */