callstack / callstack/react-native-paper
feat: modernize Tooltip to the latest Material Design specs
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
The goal is to modernize the Tooltip according to the latest specs - see below.
# Current State
## Tooltip
**MD3 spec:** Tooltips
**Specs link:** https://m3.material.io/components/tooltips/specs
### Color tokens
- [ ] Container background uses `theme.colors.onSurface`; spec requires `inverseSurface`
- [ ] Text color uses `theme.colors.surface`; spec requires `inverseOnSurface`
### Shape
- `borderRadius: theme.roundness` = 4dp matches `corner.extraSmall` ✅
### Spacing / sizing
- Container height 32dp ✅
- [ ] Text variant is `labelLarge` (14sp); spec requires `bodySmall` (12sp)
### Behavior
- [ ] Rich tooltip variant not implemented. MD3 defines two variants: plain (text only) and rich (optional title, body text, link, and action buttons). The current `title: string` prop cannot support rich content
- No pointer/caret indicator (not required by spec) ✅
### Animation
- [ ] No enter/exit animation. MD3 specifies a fade transition on show/hide
Contributor guide
Assessment
This issue has not been assessed yet.