Skip to content

v0.6.0 — el deshierbe

Choose a tag to compare

@rodrigoteamx rodrigoteamx released this 05 Jul 12:20

El deshierbe: cierre del backlog T9 abierto desde 0.3 — los tres hallazgos F (#8/#9/#10) y los Minors diferidos del review final de 0.3.0. El off-canvas móvil cambia de mecanismo (panel position:fixed<dialog class="mui-drawer"> nativo, top layer) — el único cambio de comportamiento del release. Sin piezas nuevas de peso (mui-drawer--start es variante): 68 piezas con contrato · 193 pares WCAG AA · audit de cierre 0 pares nuevos.

Nota: los cambios de esta versión también viajan dentro de 0.7.0 en npm — 0.6.0 se tagueó retroactivamente para completar el historial; en npm la versión publicada que los incluye es 0.7.0+.

Added

  • mui-drawer--start — variante de mui-drawer anclada al inline-start (izquierda): mismo contrato de foco/teclado que el default, ancla/borde/animación de entrada espejados. La usa el shell mui-docs para su menú móvil ≤880px.

Changed

  • El off-canvas móvil de mui-header y mui-docs pasa de un panel position:fixed + [data-nav-open] (+ scrim) a un <dialog class="mui-drawer"> (--start en docs) abierto con .showModal() — top layer nativo: focus trap, Esc y ::backdrop los da el navegador. Consecuencias:
    1. Ya NO hace falta html,body { overflow-x: clip } en la raíz — se removió de los cuatro proofs que lo tenían (blog, commerce, gallery, saas), y docs.html deja de overflowear gracias al <dialog> (top layer) — el fondo de F#8.
    2. El menú móvil es un elemento APARTE (un <dialog> hermano con los links duplicados) — el patrón estándar de "mobile menu".
    3. COMPAT — quien consumía el off-canvas viejo migra el toggle de [data-nav-open] a dialog.showModal()/.close() sobre un mui-drawer; el scrim y [data-nav-open] se borran (el ::backdrop nativo los reemplaza).
  • El buscador de commerce vuelve en móvil (F#9): antes se ocultaba ≤880px sin sustituto; ahora vive duplicado dentro del <dialog> del menú móvil.
  • Badge SOC 2 de saas.html unificado a --accent; mui-stack/mui-cluster documentan su anatomy.
  • DESIGN §6 fija la política del guard [hidden]: aplica al contenedor que un filtro oculta (.mui-media-grid__item[hidden]), NO a los medios internos — resuelve la política abierta del review de 0.3.0.
  • Contratos: 68 → 68 (mui-drawer--start es variante, no pieza nueva).

Fixed

  • Media slots usan combinador HIJO (> :is(img, svg, picture)): un <picture><img></picture> ya no matchea ambos y compone el hover-scale dos veces (≈1.061 vs ≈1.03) — F#10. En mui-media-grid el guard queda al nivel del figure puente.
  • Guard de set vacío en el lightbox del gallery: show(i) corta si visibleItems() devuelve [] en vez de indexar items[NaN].

Backlog T9 cerrado: los cinco clusters (A–E, 0.3.0–0.5.0) + los hallazgos F (#8/#9/#10) + los Minors.


Changelog completo: CHANGELOG.md