Skip to content

v0.5.0 — la mano

Choose a tag to compare

View all tags
@rodrigoteamx rodrigoteamx released this 04 Jul 23:55
v0.5.0
2c7fade

La mano: el cluster D del battle-test 0.3 — siete piezas de pulido reportadas por los proofs, sin gaps nuevos.

npm i @milpa/design

Tres piezas nuevas (mui-pager, mui-stack, mui-cluster) y el resto variantes/behaviors sobre contratos existentes: 68 piezas con contrato · 193 pares WCAG AA · audit de cierre 0 pares nuevos.

Added

  • mui-pager — navegación prev/next entre páginas hermanas (docs, blog, cualquier secuencia), extraída como pieza standalone del shell docs para que cualquier consumidor la reuse: grid de 2 columnas, cards silenciosas (border-subtle → border-strong al hover), sin prev el --next se ancla solo a la columna 2.
  • mui-stack / mui-cluster — utilidades de ritmo y agrupación, puro layout (sin fondo, borde ni semántica): mui-stack apila en columna con gap consistente; mui-cluster arma una fila que ENVUELVE (badges, botones, tags) con gap + alineación centrada. --sm/--lg mueven el gap a space-2/space-6 (default space-4).
  • mui-stat --lg — variante hero-stat: solo el valor sube de escala (text-4xl), para KPIs destacados.
  • mui-drawer --docked — la piel del drawer sobre un <aside> estático en vez de un <dialog>: panel lateral persistente, NO modal — sin backdrop, foco-trap, Esc ni [open]. El contrato documenta la línea dura docked ≠ dialog.
  • mui-chart --line + fila de ticks en HTML — serie temporal vía <polyline>/<path> con --viz-1..6; los ticks del eje X van como .mui-chart__ticks/__tick en HTML (mono, text-muted) porque el <text> SVG se distorsiona al escalar bajo el viewBox.

Changed

  • El shell docs compone mui-pager en vez de tener su propio idiom.
  • El contrato de mui-footer documenta __mantra como slot GENÉRICO de tagline de producto (no hardcodeado a Milpa): cualquier consumidor lo llena con el suyo, en su idioma.
  • El contrato de mui-media-gallery documenta el swap de thumbs: click en un __thumb reemplaza __main, mueve aria-current al thumb elegido y actualiza el nombre accesible de __main por tag (alt en <img>/<picture>, role="img" + aria-label en <svg>); re-seleccionar el activo es un no-op. JS de referencia en proof/commerce.html.
  • Contratos: 65 → 68 (nuevos mui-pager/mui-stack/mui-cluster; el resto son variantes/behaviors).

Changelog completo: CHANGELOG.md · La constitución: DESIGN.md · Theming: THEMING.md

Assets 2
Loading