feat: AttachmentBadge, disabled AttachmentPreview, and export scrollFade

[DPandyan]

Closes RSP Component Milestones (view)

Adds AttachmentBadge, a disabled state for AttachmentPreview and exports the scroll macro. I included them all in the same PR because disabled + AttachmentBadge may need some attention. I can separate them if need be.

✅ Pull Request Checklist:

• Included link to corresponding React Spectrum GitHub Issue.
• Added/updated unit tests and storybook for this change (for new code or code which already has tests).
• Filled out test instructions.
• Updated documentation (if it already exists for this component).
• Looked at the Accessibility Practices for this feature - Aria Practices
• I understand every change in this PR and can explain why it's there.
• If AI-assisted, I followed our AI contribution guidance and pointed my assistant at CLAUDE.md.

📝 Test Instructions:

Open AttachmentList component story, toggle on the large size. The badge should be visible. Also play with the alert and disabled variants.

Finally confirm that scrollFade still works with AttachmentList, when AttachmentGrid is merged in that will likely need a check as well.

🧢 Your Project:

Adobe

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[rspbot]

Build successful! 🎉

• View the storybook
• View the S2 storybook
• View the S2 docs
• View the React Aria docs

[rspbot]

## API Changes

@react-spectrum/ai

/@react-spectrum/ai:AttachmentPreview

 AttachmentPreview {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   alt?: string
   crossOrigin?: 'anonymous' | 'use-credentials'
   decoding?: 'async' | 'auto' | 'sync'
   fetchPriority?: 'high' | 'low' | 'auto'
   group?: ImageGroup
   height?: number
   itemProp?: string
   loading?: 'eager' | 'lazy'
-  mimeType: string
+  mimeType?: string
   referrerPolicy?: HTMLAttributeReferrerPolicy
   renderError?: () => ReactNode
   slot?: string | null
   src?: string | Array<ImageSource>
   width?: number
 }

/@react-spectrum/ai:AttachmentPreviewProps

 AttachmentPreviewProps {
   UNSAFE_className?: UnsafeClassName
   UNSAFE_style?: CSSProperties
   alt?: string
   crossOrigin?: 'anonymous' | 'use-credentials'
   decoding?: 'async' | 'auto' | 'sync'
   fetchPriority?: 'high' | 'low' | 'auto'
   group?: ImageGroup
   height?: number
   itemProp?: string
   loading?: 'eager' | 'lazy'
-  mimeType: string
+  mimeType?: string
   referrerPolicy?: HTMLAttributeReferrerPolicy
   renderError?: () => ReactNode
   slot?: string | null
   src?: string | Array<ImageSource>
   width?: number
 }

---

[rspbot]

Agent Skills Changes

Modified (9)

• react-aria/agent-skills/index.json $\color{green}{+1}$ $\color{red}{-1}$
• react-aria/agent-skills/react-aria.tar.gz
• react-aria/agent-skills/react-aria/references/components/Separator/useSeparator.md $\color{green}{+1}$ $\color{red}{-1}$
• s2/agent-skills/index.json $\color{green}{+3}$ $\color{red}{-3}$
• s2/agent-skills/migrate-react-spectrum-v3-to-s2.tar.gz
• s2/agent-skills/react-spectrum-s2.tar.gz
• s2/agent-skills/react-spectrum-s2/references/guides/ai-components.md $\color{green}{+1}$ $\color{red}{-18}$
• s2/agent-skills/react-spectrum-s2/references/react-aria/components/Separator/useSeparator.md $\color{green}{+1}$ $\color{red}{-1}$
• s2/agent-skills/spectrum-audit.tar.gz

Install

React Spectrum S2:

npx skills add https://d1pzu54gtk2aed.cloudfront.net/pr/cd6aac45e2db807fccfff029c10ef2106184dc8c/

React Aria:

npx skills add https://d5iwopk28bdhl.cloudfront.net/pr/cd6aac45e2db807fccfff029c10ef2106184dc8c/