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

🎉 ¡Nueva versión 1.68.0 disponible!

Sistema de Diseño & Catálogo de Componentes STIC
📅 26 de mayo de 2025

Sistema de Diseño

• 📢 Nuevo Componente: Notification

  Nos complace anunciar la incorporación del componente Notification a nuestro sistema de diseño documentado en Zeroheight. Este componente está diseñado para comunicar mensajes importantes de manera clara y no intrusiva, mejorando la experiencia del usuario y manteniendo la coherencia visual en nuestras interfaces.

  🔔 Características principales:

  • Tipos de notificación: Soporta múltiples variantes como info, success, warning, error, entre otros, cada uno con su iconografía y estilo distintivos.

  • Contenido personalizable: Permite definir títulos, mensajes y acciones secundarias según las necesidades específicas de cada caso.

  • Accesibilidad: Cumple con los estándares de accesibilidad, asegurando que todos los usuarios puedan interactuar con las notificaciones de manera efectiva.

  • Integración sencilla: Fácil de implementar en diferentes contextos dentro de nuestras aplicaciones, garantizando una comunicación efectiva con el usuario.

  Para más detalles y ejemplos de uso, visita la documentación completa en Zeroheight: https://zeroheight.com/7f71786e5/p/464104-notification

Catálogo de componentes

🚀 Novedades

🧩 Nuevos componentes y especializaciones

¡Seguimos creciendo! Ahora tienes disponibles:

• stic-uploader
  Un componente listo para facilitar la carga de archivos.

  • stic-uploader-button
    Una especialización pensada para una experiencia aún más sencilla y clara.

📊 Mejoras en componentes existentes

• @sas/stic-progress-indicator-bar
  Se ha añadido la variable hideUpperText para un control visual más preciso.

🛠️ Ajustes y correcciones

• @sas/wc-stic-theme
  Adaptado a los nuevos tokens v1.5.1.5 del Sistema de Diseño. ¡Más consistencia y flexibilidad!

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

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

  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.teal-on-dark color.mint-on-dark color.sunset-on-dark color.mulberry-on-dark color.info-on-dark color.success-on-dark color.warning-on-dark color.error-on-dark color.fill.status.info-on-dark color.fill.status.success-on-dark color.fill.status.warning-on-dark color.fill.status.error-on-dark

Catálogo de componentes

🆕 Novedades

• Nuevo componente especializado:
  🧩 <stic-input-v2-checkbox> ya disponible como parte del paquete @sas/wc-stic-input-v2.

🎨 Modificaciones

• @sas/wc-stic-checkbox
  🔧 Se actualiza el diseño visual del componente según las nuevas pautas del Sistema de Diseño.

• @sas/wc-stic-checkbox-group, @sas/wc-stic-transfer-list, @sas/wc-stic-tree-view
  🔁 El componente interno <stic-input-checkbox> ha sido reemplazado por <stic-input-v2-checkbox> para un comportamiento más consistente.

🐞 Correcciones

• @sas/wc-stic-filter-chip
  ✅ En <stic-filter-chip-text>, se corrigió el valor de la etiqueta (label) a "Valor" y se eliminó el placeholder innecesario.

⚠️ Deprecado

• @sas/wc-stic-checkbox
  🚫 Se marca como obsoleta la variable reducedTouchTarget, así como todas las variables CSS del componente.

🗑️ Eliminado

• @sas/wc-stic-checkbox
  🧹 Se eliminó la dependencia con Material Design.

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

Modificado

• @sas/wc-stic-button
  • Actualizada información de deprecados tanto en el fichero README.md como en la estructura en storyBook.
• @sas/wc-stic-filter-chip, @sas/wc-stic-filter-chip-set, @sas/wc-stic-filters, @sas/wc-stic-filters-area
  • Cambiada la variable reset por delete.

Corregido

• @sas/wc-stic-filters, @sas/wc-stic-filters-area
  • Corregida la funcionalidad del botón "Eliminar" de acuerdo con SdD v1.5.1.
  • Corregida la funcionalidad del botón "Añadir filtros" de acuerdo con SdD v1.5.1.

La versión 1.65.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: Progress indicator

  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.designsystems.media

  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

• @sas/wc-stic-input-v2
  • Añadida especialización <stic-input-v2-radio>.

Modificado

• @sas/wc-stic-radio

  • Modificación visual del componente de acuerdo al sistema de diseño.

• @sas/wc-stic-select-v2, @sas/wc-stic-filter-select y @sas/wc-stic-filter-chip-text

  • Actualizado componente interno <stic-input-text> a <stic-input-text-v2>.

Deprecado

• @sas/wc-stic-radio
  • Deprecada la variable reducedTouchTarget.
  • Deprecadas todas las variables CSS.

Eliminado

• @sas/wc-stic-radio
  • Eliminada la dependencia con el componente <mwc-radio> de material.