react-native/Toast: prevent internal props leaking; remove internal type export; fix story layout\n\n- Filter out hasNoTimeout and bottomOffset before rendering <Toast> to avoid unknown prop warnings on native View\n- Stop exporting internal ToastSharedProps from Toast entrypoint and components barrel\n- Replace raw View + inline style with Box gap={2} in story per design token guidelines

cursoragent · cursoragent · commit 5bb99bb309c5 · 2026-04-30T22:55:23.000Z
diff --git a/packages/design-system-react-native/src/components/Toast/Toast.stories.tsx b/packages/design-system-react-native/src/components/Toast/Toast.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-native';
 import React from 'react';
-import { View } from 'react-native';
+import { Box } from '../Box';
 
 // External dependencies.
 import { Icon, IconColor, IconName, IconSize } from '../Icon';
@@ -62,12 +62,12 @@ export const Default: Story = {
 
 export const Severity: Story = {
   render: (args) => (
-    <View style={{ gap: 8 }}>
+    <Box gap={2}>
       <Toast {...args} severity={ToastSeverity.Default} text="Default" />
       <Toast {...args} severity={ToastSeverity.Success} text="Success" />
       <Toast {...args} severity={ToastSeverity.Warning} text="Warning" />
       <Toast {...args} severity={ToastSeverity.Error} text="Error" />
-    </View>
+    </Box>
   ),
   args: {
     description: 'Severity controls the default start accessory icon.',
diff --git a/packages/design-system-react-native/src/components/Toast/Toaster.tsx b/packages/design-system-react-native/src/components/Toast/Toaster.tsx
@@ -120,6 +120,13 @@ const ToasterComponent = forwardRef<ToasterRef, ToasterProps>(
       return null;
     }
 
+    // Filter out internal-only options that should not reach native views.
+    const {
+      hasNoTimeout: _ignoredHasNoTimeout,
+      bottomOffset: _ignoredBottomOffset,
+      ...toastForwardProps
+    } = toastOptions;
+
     const onAnimatedViewLayout = (e: LayoutChangeEvent) => {
       const { height } = e.nativeEvent.layout;
       const translateYToValue = -(TOAST_BOTTOM_PADDING + bottomNotchSpacing);
@@ -155,7 +162,7 @@ const ToasterComponent = forwardRef<ToasterRef, ToasterProps>(
         {...props}
       >
         <Toast
-          {...toastOptions}
+          {...toastForwardProps}
           onClose={() => {
             closeToast();
             toastOptions.onClose?.();
diff --git a/packages/design-system-react-native/src/components/Toast/index.ts b/packages/design-system-react-native/src/components/Toast/index.ts
@@ -5,7 +5,6 @@ export type {
   ToastOptions,
   ToastProps,
   ToastCloseButtonProps,
-  ToastSharedProps,
   ToasterProps,
   ToasterRef,
 } from './Toast.types';
diff --git a/packages/design-system-react-native/src/components/index.ts b/packages/design-system-react-native/src/components/index.ts
@@ -218,7 +218,6 @@ export type {
   ToastOptions,
   ToastProps,
   ToastCloseButtonProps,
-  ToastSharedProps,
   ToasterProps,
   ToasterRef,
 } from './Toast';
