<StreamCall call={call}>
<CallContent CallTopView={CustomCallTopView} /> {/* Removed */}
</StreamCall>1.4.0
Summary
Version 1.4.0 brings significant improvements and features. This update includes breaking changes - review this guide before upgrading.
✨ New Features
- Theme System Overhaul - comprehensive theme support for button sizes, icon sizes, avatar sizes, font sizes, spacing, border radius, and insets. New color system included (see Migration Guide)
- Speech Indicator - visual feedback for active speaker states
- Updated icons - Mic, MicOff, Video, VideoSlash, CameraSwitch, Phone, PhoneDown, ScreenShare, StopScreenShare
- New default emojis - 🤣 Rolling on the floor laughing, 👍 Like, 🚀 Rocket, 👎 Dislike, 🎉 Fireworks, 🙌 Raised hands, ✋ Raised hand
- Safe Area Improvements - theme-based inset support. See our Safe Area Guide
🔨 Enhancements
- Design updates for most components
🚨 Breaking Changes
Removed SDK components:
CallTopView.tsxChatButton.tsxParticipantsInfoBadge.tsx
CallTopView Removal
The CallTopView prop in CallContent has been removed. Render your custom top view as a sibling to CallContent for more flexibility:
Old Design with the deprecated CallTopView:

New Design without the CallTopView:

Before:
After:
<StreamCall call={call}>
<CustomCallTopView /> {/* Render as separate component */}
<CallContent />
</StreamCall>Colors migration guide
| Old | New |
|---|---|
| primary | primary or buttonPrimary or iconPrimary |
| error | iconWarning or buttonWarning |
| info | iconSuccess |
| static_black | sheetPrimary or iconPrimary |
| static_white | textPrimary or iconPrimary |
| static_grey | sheetPrimary or sheetSecondary or sheetTertiary |
| static_overlay | sheetOverlay |
| overlay | sheetOverlay |
| darkGray | sheetPrimary or sheetTertiary or buttonSecondary |
| disabled | sheetTertiary or buttonDisabled |
| bars | textPrimary |
| text_high_emphasis | textPrimary |
| text_low_emphasis | textSecondary |
| controls_bg | textPrimary |
| borders | primary or secondary |
| overlay_dark | sheetOverlay |
| content_bg | sheetPrimary |
| dark_gray | sheetPrimary |