Publicación de nuevos componentes - CHANGELOG

Añadido

• Nuevos componentes y especializaciones

  • Añadido componente <stic-dropdown-template>.
  • @sas/wc-stic-select-v2
    • Añadida la especialización <stic-select-multiple-v2>.
• @sas/wc-stic-button-v2 , @sas/wc-stic-button
  • Inclusión de la propiedad fontType en las especializaciones que no la tuvieran.
• @sas/wc-stic-icon
  • Añadidas las propiedad Custom CSS --stic-icon-font-variation-optical-size, --stic-icon-font-variation-weight y --stic-icon-font-variation-fill para controlar las variantes expuestas por la fuente mediante la propiedad CSS font-variation-settings.
• @sas/wc-stic-input-date-range-picker
  • Añadido atributo defaultStartValue y defaultEndValue para mantener valores iniciales tras resetear.
• @sas/wc-stic-result
  • Añadido el atributo multiple para permitir la selección de varios elementos.
  • Implementación del stic-checkbox para la selección de elementos.
• @sas/wc-stic-scroll
  • Añadido estilos para realizar modificaciones visuales en firefox.

Corregido

• @sas/wc-stic-input-date-picker , @sas/wc-stic-input-date-range-picker , @sas/wc-stic-input-month-year-picker , @sas/wc-stic-ripple , @sas/wc-stic-select , @sas/wc-stic-switch , @sas/wc-stic-tooltip, @sas/wc-stic-calendar , @sas/wc-stic-dropdown , @sas/wc-stic-expander , @sas/wc-stic-navigation , @sas/wc-stic-navigation-drawer , @sas/wc-stic-result , @sas/wc-stic-side-sheet
  • Normalización del estilo z-index al sistema de diseño.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

• @sas/wc-stic-button-v2
  • Añadido CHANGELOG y JSDOC al componente.
• @sas/wc-stic-calendar
  • Añadido visualmente como seleccionado el dia final.
• @sas/lib-stic-fetch
  • Se añade la request PATCH.
  • Se añade mensaje de error a fetch cuando la llamada da error.

Modificado

• @sas/wc-stic-card-group
  • Cambiado la lógica de visualización en modo wrap y vertical de atributo a ClassMap.
  • Eliminación del atributo reflected de las propiedades warp y vertical.

Corregido

• @sas/wc-stic-infinity-scroll
  • Añadida dependencia a @sas/lib-stic-kernel en package.json.
  • Eliminada importación de @sas/wc-stic-button en view del componente.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

• Nuevos componentes añadidos

  • @sas/wc-stic-alert
• @sas/wc-stic-menu
  • Añadida visualización de submenú como stic-menu asociado al item seleccionado del menú principal.
  • Añadido estilos de visualización y posicionamiento para que el stic-menu quede bien posicionado al item anclado.
• @sas/wc-stic-result
  • Añadido el componente stic-result-grouped-list para mostrar los resultados agrupados por tipo de contenido.
  • Añadida documentación + JSDOC.

Modificado

• @sas/wc-stic-tab-item
  • Retirada la edición del atributo activated del ripple al abrir el expander.
  • Añadido estilos de color en el span y el icono al estar activated.
• @sas/wc-stic-expander
  • Se añade al storybook las stories default y playground para una mejor visualización del componente.
  • Retirado la edición del atributo activated del ripple al abrir el expander.
• @sas/wc-stic-menu
  • Modificado el modelo de datos de SticMenuItem para añadir sub array de items SticMenuItemSubitem y poder visualizar un submenú.
  • Modificado storybook para tener los stories de default y playground.

Corregido

• @sas/wc-stic-input-date-picker
  • Corregida la funcionalidad de la propiedad value.
• @sas/wc-stic-banner
  • Corregida la funcionalidad de la propiedad hide.
• @sas/wc-stic-tabs
  • Se añade al storybook las stories default y playground para una mejor visualización del componente.
  • Se añade cambio de estilo para evitar la aparición de borde por focus.
  • Se corrige la selección y deselección del tab al seleccionar de nuevo el tab.

Candidatos para la siguiente versión

Consulta lista completa

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.

Candidatos para la siguiente versión

Consulta lista completa

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.
  • Añadida la posibilidad del uso de size para el toggle-button y button-group.
• STORYBOOK
  • Añadidos CHANGELOG y README de las librerías @sas/lib-stic-fhir, @sas/lib-stic-kernel y @sas/lib-stic-router.

Modificado

• @sas/wc-stic-theme
  • Modificados los ficheros stic-theme.ts y stic-theme-loader.ts para añadir la inclusion del theme dentro de los MF.
• @sas/wc-stic-expander
  • Corregida documentación de los ejemplos.
  • Añadido width:100% al contenedor del texto del slot del header.
• @sas/lib-stic-kernel
  • Modificada la lógica de las funciones deserialize y serialize en function.util.ts.

Corregido

• @sas/wc-stic-button
  • La no transmisión de las propiedades variant y size de toggle-button y button-group.
  • Los storybook de toggle-button y button-group para hacer uso de las propiedades variant y size.
• @sas/wc-stic-input
  • @sas/wc-stic-input-textarea
    • Corrección el tratamiento de las variables CSS para los estados visuales y los de validación.
    • Corrección de la documentación para inclusion de las nuevas variables CSS.
    • Cambiada la visualización por defecto en storybook de OUTLINED a FLOATING
    • En el estado disabled, el scroll vertical es funcional.
    • Si la longitud del campo value es mayor que la de maxLength, se recorta el texto hasta ese valor.
    • Añadidas stories DEFAULT (sin valores de entrada ni controles) y PLAYGROUND.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

• @sas/wc-stic-badge
  • Creada la propiedad hideContent para controlar la visualización del label en el componente.
  • Creada la propiedad size para controlar el tamaño del componente. Opciones sm (por defecto) y lg.
  • Para el tamaño sm se visualiza solamente el punto.
• @sas/wc-stic-brand
  • Añadido el centrado vertical a la disposición right.
  • Añadido contenedor de texto para trabajar con la alineación de los mismos de manera global.
  • Añadida documentación en el README a cerca del tamaño de la imagen en función de la disposición.
  • Añadidas stories de storybook Default y Playground.
• @sas/lib-stic-kernel
  • Añadido método de validación de typo básico: typecheck.
  • Se ha añadido documentación a las funciones de utilidad.
• @sas/lib-stic-route
  • ViewModelBase del que extender las aplicaciones que necesiten routing:
    • Establecer ruta actual.
    • Definir si navegación interna o a través de la URL del browser.
  • Interfaz de Router como capa de aislamiento tecnológica inicial.
  • Implementación para Vadding.
  • Añadido constructor genérico para la implementación de los mixins.
  • Añadida función de serialización.
  • Añadida función de deserialización.
• @sas/stic-logo-junta-de-andalucia
  • Correcciones en el archivo de CSS:
    • Exposición de variables relacionadas con el tamaño y padding del contenedor externo dentro de las clases creadas para brandDistribution.
    • Conversión de todas las medidas en px a rem.
  • Correcciones en README.md para incluir todas las variables CSS.
  • Inclusión del componente en la categoría Logos dentro de los organismos de negocio.

Modificado

• @sas/wc-stic-brand
  • Modificado el uso de grid en el CSS del componente por flex.
• @sas/wc-stic-paginator
  • Modificada la variante visual de los botones Anterior y Siguiente a tertiary.

Corregido

• @sas/wc-stic-badge
  • Modificaciones en CSS sobre el tamaño global del componente con padding.
• @sas/wc-stic-input-date-range-picker
  • Corregido posicionamiento de las labels cuando solo se indica el texto de una de las dos labels disponibles.
  • Corregida la aparición del estado de success tras quitar el foco del componente.
  • Corregidos los estilos de los botones de acción del input.
• @sas/wc-stic-skeleton
  • Corregidos ejemplos en README.md que incluían estilos inline.
• @sas/lib-stic-kernel
  • Corregido error ortográfico sortByDescencing -> sortByDescending

Deprecado

• @sas/lib-stic-kernel
  • sortByDescencing Será eliminada en la versión 2

Eliminado

• @sas/wc-stic-brand
  • Eliminadas las clases zeroText, oneText, twoText y threeText.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

Publicación de nuevos componentes

• @sas/wc-stic-avatar
• @sas/wc-stic-input
  • Añadida especialización <stic-input-datetime-local>

Modificaciones en componentes existentes

• @sas/wc-stic-chip
  • Añadido el tamaño estándar md al componente.
• @sas/wc-stic-input
  • @sas/wc-stic-input-date-range-picker
    • Añadidas las historias Default y Playground al <stic-input-date-range-picker>.
    • Añadidos los estados de success, warning y error al <stic-input-date-range-picker>.
    • Añadido <stic-icon-button> para eliminar el contenido del <stic-input-date-range-picker>.
• @sas/wc-stic-tag
  • Añadido el tamaño estándar md al componente.
• @sas/wc-stic-paginator
  • Nuevo atributo showResultsPerPage para mostrar el select de resultados por página.
• @sas/wc-stic-side-sheet
  • Añadida la propiedad isBackable y el evento sidesheet:back para poder mostrar el icono de vuelta atrás.

Modificado

• @sas/wc-stic-input-date-range-picker
  • Cambiar el <stic-input-date> por <input type="date"> de HTML5 en <stic-input-date-range-picker>.
• @sas/wc-stic-radio-group
  • Modificado SticRadioGroupEventData para ser un tipo.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

Publicación de nuevos componentes

• @sas/wc-stic-chip-select
• @sas/wc-stic-navigation

Modificaciones en componentes existentes

• @sas/wc-stic-chip
  • Añadidas stories DEFAULT (sin valores de entrada ni controles) y PLAYGROUND
  • Añadido el bind de la propiedad value
• @sas/wc-stic-calendar
  • Creadas las propiedades hideNextButton y hidePreviousButton.
• @sas/wc-stic-paginator
  • Nuevo atributo showTotalResults para mostrar los elementos totales.
  • Nuevo atributo buttonBoxType para determinar el estilo de mostrado de la selección de página.
• @sas/wc-stic-result
  • Añadida la funcionalidad de reordenado por arrastre de los items.

Modificado

• @sas/wc-stic-autocomplete
  • Corrección de los estilos de los mensajes de error
  • Corrección del comportamiento cuando el componente no es multiple y se intenta añadir elementos por teclado.
  • Tamaño mínimo del ancho del input controlado mediante la variable --stic-autocomplete-input-min-width.
• @sas/wc-stic-paginator
  • optionsItemsPerPage pasa a ser opcional.
  • itemsPerPage determina los elementos por página si optionsItemsPerPage no está definido.

Corregido

• @sas/wc-stic-autocomplete
  • Corrección del tamaño mínimo del ancho del input a 300px.

Eliminado

• @sas/wc-stic-autocomplete
  • Eliminación de la story del componente (usar <stic-input-autocomplete> en su lugar).

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

• @sas/wc-stic-chip
  • Añadidos estilos al estado focus
  • Añadidos dos tamaños estándares sm y lg al componente.
• @sas/wc-stic-input-date-range-picker
  • Establecido el número de calendarios por defecto a 2
  • Corrección del z-index.
• @sas/wc-stic-tag
  • Añadida la propiedad size para controlar los tamaños sm y lg del componente.
• @sas/wc-stic-autocomplete
  • Introducida la label en el input
  • Estilo visual del input tipo floating
• @sas/wc-stic-navigation-drawer
  • Altura del componente al 100%.
  • Cambiado el contrato del item para el icono, para que pueda recibir un <stic-icon> en vez de un string.
  • Centrado del texto de item de manera global.

Eliminado

• storybook
  • Eliminar visualización de stories de los componentes:
    • <stic-textarea>
    • <stic-file-item>
    • <stic-list-item-interactive>
    • <stic-list-view-item>
    • <stic-list-menu-item>
    • <stic-tab-item>
    • <stic-accordion-item>
    • <stic-list-item>

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

• @sas/wc-stic-select
  • Control de la altura del select a través de la variable --stic-select-height.
• @sas/wc-stic-navigation-drawer
  • Añadido un único subnivel de anidación
  • Añadido <stic-expander> para representar el formato expandible
  • Añadida propiedad closable para poder cerrar de forma funcional.
• @sas/wc-lib-stic-fetch
  • Se añaden throws para que las llamadas con status no ok sean gestionadas por los catch. Se añaden catch a la llamada de fetch para que el error no se gestione como then.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

Publicación de nuevas especializaciones

• @sas/wc-stic-input
  • Añadida la especialización <input-time>

Modificaciones en componentes existentes

• @sas/wc-stic-button
  • Añadida badge [badge-content y badge-variant] a <stic-icon-button>
  • Añadidos al <stic-icon-button> 4 variantes de botones: primary, secondary, tertiary, legacy. Desde esta versión se deben usar los [primary, secondary, tertiary].
  • Añadida la propiedad size para el <stic-icon-button> con 3 valores: sm, md, lg. Estos valores solo se aplican en las variantes[primary, secondary, tertiary].
  • Creado evento button:click para el <stic-button>.
  • Añadido el stoppropagation al evento de click <stic-icon-button>.
• @sas/wc-stic-select
  • Control de la altura del select a traves de la variable --stic-select-height.
• @sas/wc-stic-tag
  • Añadida la propiedad state para gestionar los estados cuyos valores son: info, warning, success y error.
• @sas/wc-stic-textarea
  • Añadido botón para limpiar el contenido del input.
• @sas/wc-stic-theme
  • Font Family - Noto Sans

Modificado

• @sas/wc-stic-autocomplete
  • Correcciones visuales sobre border-bottom y los estados hover y focus del borde.

Corregido

• @sas/wc-stic-button
  • Memory Leak <stic-icon-button>
• @sas/wc-stic-input
  • Eliminados los alias y expuestos los tipos corregidos
• @sas/wc-stic-select
  • Arreglados cambios de estilos según esté abierto o cerrado sin ningún elemento seleccionado.
  • Arreglado envío del index en el evento de seleccionar un elemento en un SELECT GROUP
• @sas/wc-stic-month-year-picker
  • Corregidas las importaciones de buttonvariant.

Deprecado

• @sas/wc-stic-button
  • El componente <stic-icon-button> será eliminado en la V2. Se deberá usar <stic-button> en su lugar.
• @sas/wc-stic-select
  • Deprecadas las especializaciones SELECT FLOATING, SELECT FLOATING MULTIPLE, SELECT FLOATING GROUP y SELECT GROUP FLOATING MULTIPLE. Las posibles alternativas son: SELECT, SELECT MULTIPLE, SELECT GROUP y SELECT GROUP MULTIPLE.
  • Deprecada la propiedad placeholder.
• @sas/wc-stic-tag
  • Deprecadas las propiedades CSS: --stic-tag-background-color, --stic-tag-text-typography--text-color, --stic-tag-border-style, --stic-tag-border-width, --stic-tag-border-color, --stic-tag-border-radius y --stic-tag-icon-fill-color.

Eliminado

• @sas/wc-stic-button
  • Eliminados los console logs de todos los componentes y stories

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

Publicación de nuevos componentes

• @sas/wc-stic-result
  • <stic-result-list>
  • <stic-result-grid>

Modificaciones en componentes existentes

• @sas/wc-stic-badge
  • Creada la propiedad state para controlar los estados del componente. Opciones info (por defecto), success, warning y danger.
• @sas/wc-stic-icon-button
  • Añadida propiedad fontType
• @sas/wc-stic-icon
  • Añadida propiedad fontType para unificar las propiedades de renderizado del icono.
• @sas/wc-stic-input
  • Añadido propiedades state,warningMessage y successMessage
  • Añadido mensajes para estados de success y warning.
  • Añadido botón para limpiar el contenido del input.
• @sas/wc-stic-icon
  • Añadida propiedad fontType para unificar las propiedades de renderizado del icono.
• @sas/wc-stic-textarea
  • Añadidas las propiedades state,warningMessage y successMessage
• @sas/wc-stic-button
  • Añadida badge [badge-content y badge-variant] a <stic-button>
  • Añadida propiedad fontType a <stic-icon-button>

Modificado

• @sas/wc-stic-input-date-picker
  • No se permite la selección de fechas no validas.

Deprecado

• @sas/wc-stic-icon

  • Deprecadas las propiedades outlined, rounded y sharp.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

Publicación de nuevos componentes

• @sas/wc-stic-error-connection
• @sas/wc-stic-error-technical
• @sas/wc-stic-page-not-found
• @sas/wc-stic-search-initial
• @sas/wc-stic-search-not-found
• @sas/wc-stic-dropdown

Modificaciones en componentes existentes

• @sas/wc-stic-button
  • Añadidos al <stic-button> 4 variantes de botones: primary, secondary, tertiary, old. Desde esta versión se deben usar [primary, secondary, tertiary].
  • La propiedad old se marca como deprecado para la versión 2.
  • Añadida la propiedad size para el <stic-button> con 3 valores: 'sm', 'md', 'lg'. Estos valores solo se aplican en las variantes ['primary', 'secondary', 'tertiary'].
• @sas/wc-stic-input
  • Añadida propiedad multiple para el manejo de la selección simple o multiple de elementos.
• @sas/wc-stic-select
  • Añadido <stic-infinity-scroll> como contenedor y gestor de eventos.
  • Añadidos los eventos select:scrollTop y select:scrollBottom.
  • Añadido <stic-select-multiple>, <stic-select-floating-multiple>, <stic-select-group-multiple> y , <stic-select-group-floating-multiple>
• @sas/wc-stic-autocomplete
  • Añadida propiedad multiple para el manejo de la seleccíon simple o multiple de elementos.
• @sas/wc-stic-calendar
  • Añadida la carga dinámica de años.
• @sas/wc-stic-spander
  • Añadidas las propiedades iconClose y iconOpen.
  • Añadido slot header.

Candidatos para la siguiente versión

Consulta lista completa

Publicación de nuevos componentes - CHANGELOG

Añadido

Modificaciones en componentes existentes

• @sas/wc-stic-avatar-picture y @sas/wc-stic-avatar-text
  • Añadida la propiedad readonly que controla si el elemento es interactivo o no.
• @sas/wc-stic-input
  • Añadida propiedad state.
  • Añadidos estilos para estados de error y warning.

Modificado

• @sas/wc-stic-gobierno-de-espana
  • Modificaciones visuales sobre el componente para adaptación a la guía de diseño del logo.

Eliminado

• @sas/wc-stic-button
  • Eliminada la elevación del componente <stic-icon-button> en todos los estados.

Deprecado

• @sas/wc-stic-icon
  • Deprecadas las propiedades size y color.
• @sas/wc-stic-label
  • Deprecadas las propiedades iconSize y iconColor

Candidatos para la siguiente versión

Consulta lista completa

Subdirección de las Tecnologías de la Información y Comunicaciones

Área de Gobernanza y Calidad