Las versiones 1.61.0 y 1.62.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

• 🎉 Nuevo componente disponible: Accordion

  Ya se encuentra publicado en la librería de componentes el nuevo Accordion. Este componente permite mostrar y ocultar contenido de forma expandible, ideal para organizar información en bloques colapsables y mejorar la experiencia de lectura.

  Consulta su documentación en Zeroheight para ver ejemplos de uso, variantes, y buenas prácticas de implementación:
  👉 Ver documentación del Accordion

• 🆕 Actualización de Tokens – Versión 1.5.1.4

  Estilos actualizados disponibles: Acceder a la última versión de Tokens

  🔹 Novedades

  Se han añadido nuevos tokens para ampliar el sistema de diseño:

  • color.background.11

  • color.border.status.info

  • color.border.status.success

  • color.border.status.warning

  • color.border.status.error

  • color.border.status.spotlight

  • color.border.status.interaction

  • color.border.status.category-01

  • color.border.status.category-02

  ✏️ Cambios de nomenclatura

  Con el objetivo de mejorar la claridad y consistencia, se han actualizado los nombres de los siguientes tokens:

  • color.background.11 → color.background.inverse

  • color.border.status.info → color.border.status.info-accent

  • color.border.status.success → color.border.status.success-accent

  • color.border.status.warning → color.border.status.warning-accent

  • color.border.status.error → color.border.status.error-accent

  • color.border.status.spotlight → color.border.status.spotlight-accent

  • color.border.status.interaction → color.border.status.interaction-accent

  • color.border.status.category-01 → color.border.status.category-01-accent

  • color.border.status.category-02 → color.border.status.category-02-accent

• 🎉 Nuevo componente disponible: Accordion
  ​El nuevo componente Progress Indicator ya está disponible en nuestra biblioteca de diseño en Zeroheight. Este componente permite a los usuarios visualizar el avance de procesos o flujos de trabajo de manera clara y estructurada, mejorando la experiencia de usuario en tareas secuenciales.​

  Características principales:

  • Diseño adaptable: Compatible con múltiples plataformas y dispositivos, asegurando una integración fluida en diversos entornos.

  • Personalización: Permite ajustar estilos y comportamientos según las necesidades específicas del proyecto.

  • Accesibilidad: Diseñado siguiendo las mejores prácticas para garantizar su uso por parte de todos los usuarios, incluyendo aquellos con discapacidades.​

  Para más detalles sobre su implementación y ejemplos de uso, puedes consultar la documentación completa en el siguiente enlace:​

  🔗 Progress Indicator en Zeroheight

  Este componente es ideal para indicar el progreso en formularios, procesos de registro, encuestas y cualquier flujo que requiera mostrar etapas completadas y pendientes.

Catálogo de componentes

Añadido

• Desarrollo de nuevos componentes (aun en fase de desarrollo)

  • stic-input-v2-base, sobre el que se construirá el resto de inputs.
  • stic-input-v2-text
  • stic-input-v2-number
  • stic-input-v2-password
  • stic-input-v2-textarea

• Modificaciones en componentes existentes:

  • @sas/wc-stic-button-set

    • Añadida la propiedad disabled que permite deshabilitar el conjunto completo de botones.

  • @sas/wc-stic-tag

    • Añadidas las variantes note, attention, promotion y neutral a la propiedad type.

  • @sas/wc-stic-card

    • Añadidas las propiedades tagType, showDivider y buttonsDataSource.
    • Añadido el evento cardButtonSet:click.

Fixed

• @sas/wc-stic-theme
  • Adaptación a tokens v1.5.1.4 del Sistema de Diseño.
• @sas/wc-stic-filters
  • Corrección en la obtención de los filtros requeridos sobre el DataSource.