Skip to content

v0.8.0 — el rocío

Latest
Latest

Choose a tag to compare

View all tags
@rodrigoteamx rodrigoteamx released this 05 Jul 18:08
v0.8.0
cb3124c

El rocío: cierra los tres huecos de theming de marca que reveló el proof Milpa⇄Brutalist (0.7.0) — un skin podía retokenizar color/tipografía/dimensión pero no podía tocar bordes (solid hardcodeado), superficies (sin backdrop-filter posible) ni blurs (frosted en px), y el gate de contraste no sabía componer una superficie translúcida contra el fondo.

npm i @milpa/design

Todo aditivo: cada token nuevo defaultea a su valor actual (solid/none/mismos blurs) → el build por defecto es pixel-idéntico. 68 piezas con contrato · 193 pares WCAG AA · audit de cierre 0 pares nuevos (release sin color).

Added

  • Grupo effect — cierra el theming de bordes/superficies/blur:
    • --border-style (default solid): los ~83 bordes del bundle repuntan su solid literal → un skin pasa dashed/double/none sin tocar una regla.
    • --surface-backdrop (default none): expuesto como backdrop-filter: var(--surface-backdrop) en .mui-card/.mui-modal/.mui-drawer — un skin glass setea blur(...) y listo.
    • --blur-sm/base/lg (2/4/10px): tokenizan los blurs frosted ya existentes (header/topbar/drawer).
    • Invariante nueva: --bg debe ser opaco (referencia de composición para superficies translúcidas).
  • Glass como 3er flavor del proof de theme-swap (proof/theme-swap.html + proof/skins/glass-skin.css): junto a Nopal y Brutalist, demuestra el caso que motivó el release — superficies translúcidas + backdrop-filter + --bg opaco detrás, pasando el mismo gate.

Changed

  • verify-theme parsea color con alpha (#RRGGBBAA/rgba) y compone las superficies translúcidas sobre --bg (alpha-blend) antes de medir contraste AA — calcula el color efectivo contra el fondo real, así el gate valida glassmorphism en serio. (+ form-check del grupo effect.)
  • El bundle repunta sus literales: los ~83 bordes solid → --border-style; las superficies de panel ganan --surface-backdrop; los blurs → --blur-*.
  • COMPAT — ninguna ruptura: los tres tokens defaultean al comportamiento actual → ningún skin ni bundle existente cambia una regla computada. Cero cambio visual por defecto.

Changelog completo: CHANGELOG.md · Theming: THEMING.md · Proof de theme-swap: proof/theme-swap.html (Milpa ⇄ Brutalist ⇄ Glass)

Assets 2
Loading