callstack / callstack/react-native-paper

feat: modernize Tooltip to the latest Material Design specs

Aperta
#4,980 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
v6
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
5g 23h
PR unite (30g)
12

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.