Skip to content

[FIR-287] Add color, dot, shape and xs axes plus overflow tooltip to ff-badge - #47

Merged
mfg1986 merged 3 commits into
developfrom
feature/FIR-287_badge-axes-overflow
Jul 18, 2026
Merged

[FIR-287] Add color, dot, shape and xs axes plus overflow tooltip to ff-badge#47
mfg1986 merged 3 commits into
developfrom
feature/FIR-287_badge-axes-overflow

Conversation

@mfg1986

@mfg1986 mfg1986 commented Jul 18, 2026

Copy link
Copy Markdown
Contributor

Qué

Amplía ff-badge con los ejes que hub-badge ofrece y Flydocs usa (FIR-287 / FF-CAT-03, bloqueante P0 de la migración — 182 usos):

  • Eje color independiente de variant (primary/secondary/success/warning/error/info/neutral), precedencia color > variant documentada.
  • dot, shape (pill/square) y talla xs.
  • Tooltip automático de overflow vía maxWidth: el componente posee el atributo title (lo escribe solo cuando hay truncado real y lo borra si no) — cláusula hostAttributeOwnership en el contrato.

Contrato + página de catálogo + barrel actualizados. API previa 100% compatible.

Verificación

  • pnpm nx test design-system → 24 files / 434 tests ✓ (12 nuevos)
  • pnpm nx test design-system-contract → 13 ✓ · lint 0 errores · build playground ✓

Nota

Fuera de alcance reportado: re-medición del overflow ante cambios de contenido proyectado (necesitaría ResizeObserver) — candidato a issue menor.

Ref: FIR-287

@mfg1986
mfg1986 merged commit f015213 into develop Jul 18, 2026
4 checks passed
@mfg1986
mfg1986 deleted the feature/FIR-287_badge-axes-overflow branch July 18, 2026 11:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant