La versión 1.64.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

Catálogo de componentes

Añadido

• Desarrollo de nuevos componentes y especializaciones:

  • stic-progress-indicator
    • stic-progress-indicator-circle
    • stic-progress-indicator-bar

Deprecado

• @sas/wc-stic-circular-progress

  • Se depreca el componente <stic-circular-progress>. En su lugar usar <stic-progress-indicator-circle>.

• @sas/wc-stic-linear-progress

  • Se depreca el componente <stic-linear-progress>. En su lugar usar <stic-progress-indicator-bar>.

La versión 1.63.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

Catálogo de componentes

🆕 Añadido

• 🚧 Nuevos componentes

Se han desarrollado los nuevos componentes definidos por el Sistema de Diseño dentro del componente Input, completando todas sus especializaciones, a excepción de las que pertenecen al patrón Input Group:

• • stic-input-v2-date

  • stic-input-v2-time

• 🔧 Mejoras en componentes existentes

En los componentes @sas/wc-stic-filter-chip-date y @sas/wc-stic-filter-chip-date-range, ahora, si el usuario ya ha seleccionado una fecha, el calendario se abrirá directamente en el mes y año correspondientes a dicha fecha.

♻️ Cambios

• Se ha actualizado el archivo README de los componentes:

  • @sas/wc-stic-filter-chip-date

  • @sas/wc-stic-filter-chip-date-range

🐛 Correcciones

• @sas/wc-stic-time:
  Se ha corregido la validación de los valores mínimo y máximo.

• @sas/wc-stic-calendar-v2:
  Ahora el valor máximo se interpreta correctamente, permitiendo seleccionar el último día habilitado incluso cuando hay diferencias horarias.

🚫 Obsoleto

• @sas/wc-stic-input:
  El componente <stic-input> y todas sus especializaciones han sido deprecadas. Se recomienda utilizar en su lugar <stic-input-v2> y sus respectivas especializaciones.

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.