v0.4.0 — el trato
El trato: dos variantes que cierran el cluster C del battle-test 0.3 — el stepper de cantidad extraído a primitiva compartida, y las tabs con variante pill que estrena el patrón de filtro de panel único.
npm i @milpa/designSin piezas nuevas (son variantes): 65 piezas con contrato · 193 pares WCAG AA · audit de cierre 0 pares nuevos.
Added
mui-input-group--stepper— número ± segmentado: el grupo lleva el borde/radio/foco, el.mui-inputinterior va borderless, y los botones.mui-input-group__stepse deshabilitan ([disabled]) en los límites (el consumidor cablea click → ajustavaluerespetandomin/max/stepy emiteinput+change; cada botón llevaaria-labelDecrease/Increase). Compone con--sm. El PDP y el cart-line de commerce lo adoptan — antes cada uno re-implementaba su propio control de cantidad.mui-tabs--pill— variante visual demui-tabs: pestañas con forma de pill en vez del subrayado; la seleccionada = fondoaccent-subtle+ textoaccent-text(el fill ES el indicador, sinborder-bottom). El gallery la estrena para su filtro de categorías.
Changed
- El contrato de
mui-tabsdocumenta el patrón de filtro de panel único: todas las tabs de unrole="tablist"apuntan a UNA regiónrole="tabpanel"(víaaria-controls); seleccionar una tab filtra los ítems de esa región vía[hidden]en vez de cambiar de panel, con roving tabindex yaria-selectedsincronizados por el JS del consumidor. Caveat documentado:role="tab"implica nativamente cambio de panel — usarlo para un filtro es un estiramiento aceptado del patrón (elegido por familiaridad sobre un toolbararia-pressed). - Contratos: 65 (sin cambio — ambas piezas son variantes): actualizados
mui-input(variantestepper+group__step) ymui-tabs(variantepill+ el patrón de filtro).
Changelog completo: CHANGELOG.md · La constitución: DESIGN.md · Cómo un plugin inyecta su look & feel: THEMING.md