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

En caso de no estar publicado el componente que necesita puede consultar y utilizar temporalmente los componentes de los siguientes Storybooks

Recordad que el acceso a los Storybook es a través de la red corporativa del SAS.

Para cualquier duda pueden escribirnos a la Lista de Arquitectura( l-arquitectura.stic.sspa@juntadeandalucia.es ) y trataremos de daros soporte con la mayor brevedad que nos sea posible

Gobierno tecnológico > 2024/01/23 > Liberada versión 1.7.0 del catálogo de componentes web > asticbook.png

Lecciones aprendidas

Las propiedades de los componentes que se usen para proveer aspectos visuales al mismo se han de modelar a traves de classmaps y usarlas en el CSS del componente a traves de selectores de clases, y no definirlas como reflect en la misma propiedad y luego usarlas en el CSS mediante selectores de atributo.

Publicación de nuevos componentes - CHANGELOG

Añadido

@sas/wc-stic-button
- Añadida la posibilidad del uso de variantes para el toggle-button y button-group.
@sas/wc-stic-tabs
- Incluida nota importante en README.md para indicar donde se delega el contenido de las tabs.
@sas/wc-stic-navigation-rail-template
- Añadido el componente.

Modificado

@sas/wc-stic-badge
- Cambiado el tamaño por defecto a lg.
@sas/wc-stic-button
- Alineamiento con el Sistema de diseño v1.5 para los estilos de seleccionado del toggle-button y button-group.
@sas/wc-stic-theme
- Añadida la carga de los iconos para una story en storybook.
- Mejorada la gestión de los id para el theme.
- Unificada url css icon.
@sas/wc-stic-breadcrumbs
- El componente pasa de ser un átomo a ser una molécula.
- Se añade un <stic-icon-button> a la izquierda del componente cuya visibilidad será controlada por la nueva variable homeIconVisible.
- Se añade un <stic-label> a la izquierda del componente cuya visibilidad será controlada por la nueva variable homeIconLabel.
- Cambios estilísticos en los elementos textuales del componente.
@sas/wc-stic-navigation-drawer
- Se permitirán elementos únicos interactivos sin necesidad que tengan descendientes.
- Modificación del comportamiento de los elementos de tipo NavigationDrawerGroups y NavigationDrawerItems.
- Modificaciones dentro del modelo de datos.
- Modificaciones visuales en el componente.
@sas/wc-stic-navigation-rail
- Añadido el componente <stic-navigation-rail-template> a la estructura del componente.
- Movida la maquetación estructural al componente a <stic-navigation-rail-template>.
- Propagación de los slots header y footer.
- Renombrado de funciones.
@sas/wc-stic-side-sheet
- Propiedades isExpandable y isBackable a false.

Corregido

@sas/wc-stic-badge
- Delegada la representación visual de las variables size y variant de reflect de la variable a classmap.
@sas/wc-stic-input-date-picker
- Corregido la selección de días desde el calendario.
- Añadidas stories DEFAULT (sin valores de entrada ni controles) y PLAYGROUND.
@sas/wc-stic-tag
- Carga asíncrona de <stic-icon>.
- Delegada la representación visual de las variables size y state del reflect de la variable a classmap.
@sas/wc-stic-theme
- Corregida la exposición de métodos.
@sas/wc-stic-calendar
- Importación de <stic-ripple> en la vista.
@sas/wc-stic-result
- Añadidas dependencias con <stic-avatar-text> y <stic-icon> en package.json.
@sas/wc-stic-side-sheet
- Correcciones en el fichero CSS para unificar clases.
@sas/wc-stic-tabs
- Corregido el ejemplo de uso en README.md
- Corregido width 100% en el contenedor de tabs.
- Corregida alineación del contenido de la tab cuando tiene icono a center.
@sas/lib-stic-kernel
- Corregido bug del serialize de un valor string en function.util.ts.