La versión 1.58.0 del catálogo de componentes web transversal, se ha liberado en los repositorios digitales de medios de la STIC.

Podréis consultarlos desde el Storybook del SAS.

CHANGELOG

Sistema de Diseño

• Patrones de diseño
  •  Nuevo Patrón de Formularios disponible (v1.5.1)
    Nos complace anunciar la publicación de nuestro nuevo patrón de formularios, disponible en nuestra guía de diseño. Este recurso proporciona directrices clave para la creación de formularios más accesibles, intuitivos y eficientes:
    • Estructura clara y coherente para mejorar la experiencia del usuario.
    • Etiquetas y validaciones adecuadas para facilitar la interacción.
    • Mensajes de error descriptivos que orientan al usuario.
    • Diseño accesible y adaptable para distintos dispositivos.

Consulta todos los detalles en la documentación  [Enlace al patrón]

•  Componentes

  • Publicación del nuevo componente Input (v1.5.1), diseñado para ofrecer una experiencia de usuario optimizada, accesible y altamente configurable.

    ✅ Características principales:

    • Soporte para distintos estados (activo, inactivo, error, éxito, etc.).
    • Personalización avanzada, incluyendo variantes de tamaño e iconografía.
    • Accesibilidad mejorada, cumpliendo con los estándares WCAG.
    • Compatibilidad con validaciones y mensajes de error dinámicos.

    Este componente ya está disponible en nuestra librería de sistema de diseño. Consulta la documentación completa: ZeroHeight - Input.

  •  📢 Nuevo componente: Pagination

    •  Publicado el nuevo componente Pagination en su version 1.5.1 diseñado para mejorar la navegación en listas extensas y ofrecer una experiencia de usuario más intuitiva.

      • 
        

        Características principales:
        ✔ Diseño accesible y flexible.
        ✔ Soporte para paginación con números, botones de avance/retroceso y accesos rápidos.
        ✔ Adaptabilidad a distintos contextos de UI.

Este componente ya está disponible en nuestra librería de sistema de diseño. Consulta la documentación completa: ZeroHeight - Pagination.

Catálogo de componentes

Añadido

• @sas/wc-stic-filters-area

  • Al eliminar el valor de un evento individual se lanza el evento filtersArea:selectedValuesChanged.
  • Al pulsar el botón eliminar, se lanza el evento personalizado filtersArea:setDefault en lugar de filtersArea:selectedValuesChanged.
  • Si en la primera carga de los filtros hay algún filtro requerido sin valor, se mostrará una notificación resaltando esos filtros e indicando que se deben rellenar para mostrar resultados.

Corregido

• @sas/wc-stic-input-checkbox

  • Refactorización del componente para igualarlo a la estructura y vista de wc-stic-input-radio según lo establecido en la versión 1.5.1 del componente en Sistema de Diseño.

Candidatos para la siguiente versión