Seguimiento de componentes de DESY
- Servicios Digitales de Aragón
- JESUS MARIA CUADRA GRACIA
Esta lista sólo llega hasta la versión 6.2.1, a partir de allí, el seguimiento hay que hacerlo directamente en el Changelog de la documentación: https://desy.aragon.es/desy-html/
O bien, si se quiere mirar en detalle, mirando los cambios en el repositorio: https://bitbucket.org/sdaragon/desy-html/.
Este es un ejemplo de los cambios del componente Pagination: https://bitbucket.org/sdaragon/desy-html/history-node/778194b680694a363f95691929c75322198c7a91/src/templates/components/pagination/_template.pagination.njk?at=master al que se accede con la sección de “History” desde cada archivo del repositorio:
Componente | Versión DESY | Fecha de liberación | Notas |
|---|---|---|---|
Entorno: paquetes, gulp, js… | 3.0.0 | 10/04/2021 | 3.0.0 Ahora se compila en la carpeta “dist” en vez de “build. 3.0.2 actualizados los plugins de tailwindcss a últimas versiones. 3.1.0 quitados arias incorrectos del js de dropdown y listbox 3.1.2 solucionados problemas de accesibilidad para tooltip, añadido nuevo atributo data-type para él 3.2.0 actualizados paquetes de npm relativos a postcss. Quitado un console.log. Quitado un type en un script que no era necesario. 3.2.1 Solucionados problemas de validación con sonarqube 4.0.0 Actualizado a tailwindcss 2.2.7 y plugins. Cambiada la forma en que gulp compila el css con los anidamientos. Ahora usamos tailwindcss/nesting en vez de postcss-nested, lo que soluciona el problema de estilos de hover no funcionan en componentes como botones, dropdowns… 4.0.1 ahora el archivo de licencia vive en src y así se puede borrar la carpeta docs sin que haya quejas de gulp (útil para desy-frontend-starter) 4.2.0 ahora los dropdowns, listboxes y tooltips se cierran al perder foco 6.0.0 actualizado a TailwindCSS v3.0.24. Cambia la forma de compilar que ahora es más rápida con el modo Just in Time. Compila el css en cualquier cambio de archivos. Quitado el Cleancss de gulp que producía errores en el css compilado. Solucionado un bug en accordion. |
Tailwindcss config | 1.7.3 | 29/10/2020 | Esto afecta a las clases de css o a la forma de compilar el css. Por lo cual, potencialmente, podría afectar a todos los componentes y a los proyectos (SEDA…) y sus componentes específicos, ya que están heredando esta configuración. Version 1.9.0 añadidas variants en display y accesibility. Focus styles cambiados. Se soluciona un bug que no purgeaba bien las clases de javascript. Se soluciona un bug que impedía compilar bien en desy-angular. Actualizado a Tailwindcss v 1.9.6. 2.0.0: Actualizado a versión 2.0 de Tailwindcss. Opciones de purge. 2.0.4 Añadidas medidas adicionales para gridTemplateRows 2.1.0 Añadida clase focus a safelist de purge para usar en los js de menubar 2.1.1 Cambiados ejemplos documentación para spacing 2.1.2 Mejoras en textos de doc, ahora hay menos textos que remitan a gov.uk. Quitado el inset px que ya está por defecto en tailwindcss 3.0.0 actualizado a versión 2.1.1 y activado el modo jit 3.0.1 quitado el modo jit por simplicidad y para permitir usar cualquier clase de tailwindcss en dev mode, pero funciona si se quiere activar. 3.0.2 actualizados los plugins de tailwindcss. 3.1.3 añadido un min-height para ser usado en el header. 3.2.1 añadida clase .focused en safelist de purgecss. Añadidos archivos js para purgear clases de javascript. 6.0.0 actualizado a TailwindCSS v3.0.24. Cambia la forma de compilar que ahora es más rápida con el modo Just in Time. Mejorados los estilos de los encabezamientos en tailwind typography plugin para el uso de .prose. 6.1.0 quitadas las variables de variants ya que no se usan a partir del TailwindCSS v3 |
styles.css | 1.7.3 | 29/10/2020 | v1.9.0 se mejoran estilos de c-link y se le añaden modificadores. Se mejora el estilo de focus de todos los elementos interactivos. 2.0.0: mejorados estilos del placeholder. 2.0.1: añadido doble underline en focus en links. 2.0.4 añadido c-h3. Cambiado el color de background de html y body para que el footer quede mejor integrado en la página. 3.0.0 añadida una clase .dev para hacer visible que estamos en entorno de pruebas 4.0.0 solucionaba un problema en la compilación de estilos anidados que hacía que no funcionasen los estilos de hover en prod 4.0.2 mejorados los margin bottom de los estilos de headings: h1, h2, h3. 6.0.0 ahora los estilos de strong son font-semibold y no font-bold. 6.1.0 ahora la cabecera tiene logo con color y ya no tiene negro sino un fondo gris claro. 6.2.0 añadidos estilos de modificadores --base para compoentes tipo formulario para poder mejorar el responsive. |
Docs | 1.7.3 | 29/10/2020 | Añadida licencia. Changelog. Quitada la página de “páginas”. Añadido link al repo de bitbucket. 2.0.0 Fixes en ejemplos de color. 2.0.1 El header de docs tiene ahora letras en el logo. 2.04 Añadida la página de “Componentes” con una colección de todos los componentes en una vista. 2.1.0 Añadidos nuevos componentes listbox y menubar. 2.1.1 Añadidas instrucciones de usar desy-import-boilerplate para comenzar nuevo proyecto. 2.1.2 añadida una sección de documentación de espaciado. 3.1.0 y 3.1.1 solucionados temas de validación w3c en ejemplos: ids repetidos… 3.2.0 quitado un type en un script que no era necesario. 4.3.0 corregidos links erróneos a componentes en offcanvas. 6.0.0 mejorados los ejemplos del grid. Añadido ejemplo de font-bold para estilos de encabezamientos y ejemplos de strong con font-semibold y ejemplo de em. 6.2.0 ocultados ejemplos de cabeceras con logos personalizados o header advanced de sub y super. |
Accordion | 1.7.3 | 29/10/2020 | Hay un bug en el js de este componente en desy-frontend que impide abrir inicialmente varios items y que sus atributos aria funcionen bien en ese caso. v1.9.0 reprogramado el comportamiento a partir de wai-aria example. 3.2.0 mejoras de validación. Añadido un elemento entre los headings para que no se queje el validador de tener headings seguidos. Añadido parámetro headingsLevel para controlar las jerarquías de encabezados 3.2.1 mejoras en accesibilidad. 6.0.0 añadido un parámetro para disabled. Ahora el texto de Mostrar/Ocultar se puede cambiar con nuevos parámetros. Solucinadas clases item.classes que no se aplicaban. Añadido cursor “no permitido” en los items disabled. |
Accordion history | 6.0.0 | 28/04/2022 | 6.0.0 Añadido nuevo componente. 6.2.0 mejoras de accesibilidad. |
Alert | 2.0.0 | 25/11/2020 | 2.0.2 mejoras en accesibilidad 4.2.0 Corregido un problema que hacía que no se leyese el contenido de un alert con lectores de pantalla |
Breadcrumbs | 1.7.3 | 29/10/2020 |
|
Button | 1.7.3 | 29/10/2020 | Versión 1.9.0 añade param target. 2.0.0 quita atributo data-module que no se usa. 2.0.4 Corregido un problema de validación: atributo duplicado. Mejoradas alturas. 3.1.2 la apariencia de botón transparente disabled no tiene underline ahora 3.2.1 fix estilos de focus 6.0.0 añadidos estilos --has-selection. Arreglado problema de validación. 6.2.0 añadidos estilos --base para más control del responsive. |
Button loader | 1.7.3 | 29/10/2020 | Versión 1.9.0 añade param target. 3.1.2 la apariencia de botón transparente disabled no tiene underline ahora. 6.0.0 arreglados problemas de validación. Arreglado un problema que hacía que el parámetro para dar texto al estado de cargando no se mostrase. 6.2.0 añadidos estilos --base para más control del responsive. |
Character count | 1.7.3 | 29/10/2020 | La versión 2.00 añade param placeholder. 4.0.0 fixed formGroup que no aplicaba sus parámetros |
Checkboxes | 1.7.3 | 29/10/2020 | 2.0.0 Nuevas clases de plugin forms 2.0.4 Mejoras en estilos disabled 4.0.1 fix parametro headingLevel que no funcionaba 4.2.0 añadido nuevo parametro indeterminateChecked. 6.2.0 añadidos estilos --base para más control del responsive. |
Collapsible | 1.7.3 | 29/10/2020 |
|
Date input | 1.7.3 | 29/10/2020 | 2.0.4 añadido parámetro disabled que faltaba 3.1.2 ahora se pueden personalizar los labels y añadir clases a los inputs 4.0.0 añadidos parámetros para divider. Ahora se puede simular un time-input con este componente 4.0.1 fix parametro headingLevel que no funcionaba |
Description list | 1.7.3 | 29/10/2020 |
|
Details | 1.7.3 | 29/10/2020 | Este componente ha cambiado en la versión 1.8.3 y ahora es un componente tipo caller. Versión 1.9.0 soluciona un problema con firefox. Y convierte al componente en caller. Le cambia el estilo a summary como un c-link. Se cambian parámetros. Se soluciona que caller no se muestra en ejemplos. |
Dialog | 1.9.0 | 18/11/2020 | Se usa para lanzar un componente modal. Es probable que se implemente en angular con material. 2.0.2 mejoras en accesibilidad |
Dropdown | 1.7.3 | 29/10/2020 | Version 1.9.0 Se soluciona que caller no se muestra en ejemplos. 2.0.4 mejoras en las alturas para que en la versión pequeña tengan las mismas alturas que el botón y en posición del icono. 3.1.0 quitados arias incorrectos del js 3.1.2 la apariencia de botón transparente disabled no tiene underline ahora 3.2.1 fix estilos de focus. 6.2.0 añadidos estilos --base para más control del responsive. |
Error message | 1.7.3 | 29/10/2020 |
|
Error summary | 1.7.3 | 29/10/2020 | 2.0.0 mejoras en estilos de focus 3.2.0 añadido parámetro headingsLevel para controlar las jerarquías de encabezados 4.0.3 añadido fondo blanco |
Fieldset | 1.7.3 | 29/10/2020 | v1.9.0 Se soluciona que caller no se muestra en ejemplos. 2.0.0 Nuevas clases de plugin forms 3.0.0 isPageHeading genera ahora un h1 en vez de un h2 3.2.0 añadido parámetro headingsLevel para controlar las jerarquías de encabezados |
Field upload | 1.7.3 | 29/10/2020 | 6.0.0 ahora tiene estilos similares a un botón. |
Footer | 1.7.3 | 29/10/2020 | Estamos pendientes de qué licencia abierta hay que añadir y su enlace. Version 1.9.0 añade link a SDA, con versión opcional de logo SDA. Mejora los estilos de los links en focus. 2.0.0: mejoras en accesibilidad 2.1.3 solucionado acc desborde con scroll horizontal en zoom 400% 3.0.0 correcciones accesibilidad: ahora el logo de feder se apila en vez de desbordar en anchuras peques, añadido abbr en texto 3.1.0 solucionado bug y quitado un role innecesario. 6.0.0 añadida posibilidad para personalizar la descripción y quitar el logo de FEDER. Mejoras en la posición de los logos en mobile. 6.2.0 mejoras de accesibilidad |
Header | 1.7.3 | 29/10/2020 | Version 1.9.0 se añade un botón de cerrar al offcanvas. Se soluciona que caller no se muestra en ejemplos. Se soluciona bug que no evitaba al body hacer scroll. 2.0.0 mejoras en estilos de focus. Añadidos li faltantes. Quitados ids duplicados. Fix posición de offcanvas. 2.0.1: mejoras accesibilidad. Ahora es un dialog, atrapa el foco dentro y el boton cerrar de offcanvas tiene el foco al abrir. Pierde la animación lateral, se abre de golpe. Se quitan múltiples navs erróneamente anidados. 2.1.2 Solucionado mal posicionamiento de subnav dropdown. 3.0.0 mejoras accesibilidad: mejoras en textos y arias para lectores pantalla en selector aplicación actual, en el botón offcanvas, quitado un parámetro en offcanvas. 3.1.0 solucionado id duplicado. 3.1.3 mejoras en responsive y en accesibilidad. Ahora no se truncan los dropdowns y si no hay espacio se apilan los elementos. Mejorados los ejemplos del menú mobile en el offcanvas. 3.2.1 añadido container dentro para que haga caso a los breakpoints. Solucionadas malas anchuras de dropdowns 4.1.0 añadidos parámetros a skipLink para personalizar el componente skip-link dentro 4.1.1 mejoras de accesibilidad 4.2.0 Ahora header usa el componente dropdown de desy para selector de apps y para dropdown de usuario y se cierran al perder foco 5.0.0 añadidos parámetros de dropdown que faltaban al dropdown y subnav. Lo que antes era el parámetro params.dropdown.classes ahora será params.dropdown.classesContainer, esto es un breaking change, pero difícilmente afectará a las plantillas si no están muy personalizadas. 5.0.1 corregido un error que ignoraba el parámetro contentHtml del dropdown, ahora si se puede meter contenido custom en el dropdown. Mejoras en accesibilidad de subnav. 6.0.0 añadidas 2 zonas de anidamiento de html (para poner un logo personalizado y poder ocultar el existente, y para poner poner una navegación personalizada tras o en sustitución de la navegación por defecto). Añadido un parámetro target a los items de navegación. 6.1.0 quitado el negro del header, ahora es gris claro con logo en color. |
Header mini | 6.1.0 | 04/05/2022 | 6.1.0 añadido componente |
Header advanced | 6.1.0 | 04/05/2022 | 6.1.0 añadido componente |
Hint | 1.7.3 | 29/10/2020 |
|
Input | 1.7.3 | 29/10/2020 | 2.0.4 mejoradas alturas. 6.2.0 añadidos estilos --base para más control del responsive. |
Input group | 1.7.3 | 29/10/2020 | 2.0.0 añade divider 4.0.1 fix parametro headingLevel que no funcionaba |
Item | 1.7.3 | 29/10/2020 | v1.9.0 Se soluciona que caller no se muestra en ejemplos. 2.0.1: mejoras en accesibilidad 3.2.1 añadido parámetro para heading level y atributos 4.0.3 añadido fondo blanco. 6.0.0 cambiados los iconos por defecto a la familia correcta de iconos. 6.2.0 añadido parámetro para posicionar el icono verticalmente |
Label | 1.7.3 | 29/10/2020 | 3.0.0 isPageHeading produce ahora un h1 en vez de un h2 3.2.0 añadido parámetro headingsLevel para controlar las jerarquías de encabezados |
Listbox | 2.1.0 | 19/02/2021 | 2.1.2 añadido aria selected que faltaba para usuarios con nvda. Al hacer enter ahora se cierra el listbox. 3.1.0 quitados arias incorrectos del js 3.1.2 la apariencia de botón transparente disabled no tiene underline ahora. Mejorada la accesibilidad 3.2.1 quitado truncate en los items que no era necesario. Fix estilos de focus. Fix saltos de línea en subitems. 6.0.0 añadido check con icono en sustitución a check de texto normal que quedaba mal. 6.2.0 añadidos estilos --base para más control del responsive. |
Media object | 1.7.3 | 29/10/2020 |
|
Menu horizontal | 1.7.3 | 29/10/2020 | Versión 1.9.0 añade param target 2.0.4 Corregido problema de validación: un atributo mal escrito. Cambiados estilos para que se parezcan a los tabs. 4.3.0 mejoras de accesibilidad. 6.0.0 añadidos nuevos estilos para mobile donde se ve como tabs. |
Menu vertical | 1.7.3 | 29/10/2020 | Versión 1.9.0 añade param target. Se pone una + en los padres, se crea un param para mostrarlo todo inicialmente abierto. 2.0.0 corrige texto centrado en parents. Fix expandable false ya no permite cerrar. 2.0.2 mejoras en accesibilidad 3.1.0 simplificado el html y parámetros 3.1.2 mejorada accesibilidad 3.2.0 añadido un parámetro hasUnderline para evitar problemas de accesibilidad cuando hay elementos disabled o sin href 3.2.1 fix id y divider en subitems |
Menu navigation | 6.0.0 | 28/04/2022 | 6.0.0 añadido componente. 6.2.0 añadidos estilos --base para más control del responsive. Mejoras de accesibilidad |
Menubar | 2.1.0 | 19/02/2021 | 2.1.1 añadido modificador para poner el último elemento del menú alienado a la derecha. 2.1.2 añadido aria label que faltaba. Añadida la opción de hacer role group también con menuitems. Añadido un pseudo label al menubar para mejorar accesibilidad. 3.0.0 corregidos id repetidos 3.1.2 la apariencia de botón transparente disabled no tiene underline ahora 3.2.1 fix estilos de focus. Fix saltos de líneas en subitems 4.2.0 documentado el param disabled que no estaba en la documentación aunque si que funcionaba 4.3.0 añadidos parámetros de active y disabled a los items padres. Mejoras de accesibilidad. 6.0.0 ahora los checks y bolas son iconos y se ven mejor. 6.2.0 añadidos estilos --base para más control del responsive. |
Modal | 1.9.0 | 18/11/2020 | Este componente se ha de usar dentro del componente dialog. 2.0.0: mejoras en accesibilidad 2.0.1: mejoras en accesibilidad 2.0.2 mejoras en accesibilidad 3.0.0 mejoras accesibilidad: arias en iconos svg 3.1.0 mejoras de accesibilidad y un p duplicado en la description 3.1.2 mejoras de accesibilidad en los svg 3.2.0 añadido parámetro headingsLevel para controlar las jerarquías de encabezados 3.2.1 fix de una clase incorrecta 4.0.3 mejorado espaciado entre botones cuando hay más de uno. 6.0.0 añadidos parámetros para que los botones puedan ser button loaders. |
Nav | 1.7.3 | 29/10/2020 | 1.9.0 añade param target 3.0.0 mejoras accesibilidad: mejores arias cuando isMenu 3.1.0 cambios en el parámetro isMenu, ahora es hasNav 3.1.2 idPrefix es ahora un parámetro requerido. 3.1.3 quitado el truncado de los items. 3.2.0 solucionados problemas de validación con disabled. Añadido un icono al final cuando disabled |
Notification | 1.9.0 | 18/11/2020 | 2.0.1: mejoras en accesibilidad. Ahora el título de la notificación puede recibir el focus. El título es un h4. 2.0.2 mejoras en accesibilidad 2.0.2 mejoras en accesibilidad 3.1.0 mejoras en accesibilidad 3.1.2 mejoras en accesibilidad 3.2.0 añadido parámetro headingsLevel para controlar las jerarquías de encabezados 3.2.1 fix de overflow en estilos 4.0.3 añadido fondo flanco |
Pagination | 1.7.3 | 29/10/2020 | 2.0.1: mejoras accesibilidad 2.1.3 solucionada acc que desborda la pantalla en zoom 400% 3.0.0 mejoras accesibilidad: quitado un role incorrecto 3.1.2 la paginación tiene ahora textos para lector de pantalla y numera bien el número de elementos 3.2.0 mejoras de accesibilidad. Añadido un mensaje de instrucciones en el tipo hasSelect 5.1.1 fix de altura excesiva en el listbox de la paginación. 6.2.0 añadido parametro que muestra un listbox para elegir número de items por página. |
Pill | 1.7.3 | 29/10/2020 | Versión 1.9.0 añade param target 3.2.1 fix estilos de focus |
Radios | 1.7.3 | 29/10/2020 | 2.0.0 mejora semántica del divider. 2.0.1: Fix: radios ahora quedan seleccionados si se marca item checked y aunque no tenga conditional. 2.0.4 Mejoras en estilos disabled 4.0.1 fix parametro headingLevel que no funcionaba. 6.2.0 añadidos estilos --base para más control del responsive. |
Searchbar | 1.7.3 | 29/10/2020 | 2.0.0 mejora la posición del boton de búsqueda y estilos 2.0.4 mejoradas alturas 3.0.0 corregido una etiqueta “for” incorrecta 3.0.3 quitado “form” que rodea al componente, el form debe incluirse a mano 3.1.2 añadido un parámetro para poder mostrar un botón personalizado en vez del icono de lupa. 6.0.0 añadida opción de que el label sea visible. 6.1.0 solucionados problemas de validación. |
Select | 1.7.3 | 29/10/2020 | 2.0.4 mejoradas alturas 2.1.2 movido error de debajo del select a encima de él, y debajo de hint como el resto de form elements. 3.1.2 la apariencia de botón transparente disabled no tiene underline ahora 4.0.0 añadido nuevo parámetro hidden para simular un placeholder. Añadido parámetros para optgroup y subitems. 6.2.0 añadidos estilos --base para más control del responsive. |
Skip link | 1.7.3 | 29/10/2020 |
|
Spinner | 1.7.3 | 29/10/2020 | 6.0.0 solucionados problemas de validación. |
Status | 1.9.0 | 18/11/2020 | Se usa en el componente Status item. 2.0.0: mejoras en accesibilidad. Mejorada semantica. |
Status item | 1.9.0 | 18/11/2020 | Usa el componente status item, error-message y hint. 2.0.2 mejoras en accesibilidad 3.1.0 mejoras en accesibilidad 4.0.0 fix validación. Mejoras de posicionamiento. |
Table | 1.7.3 | 29/10/2020 | 4.0.0 añadido parámetro para rodear a las tablas con un div y poderles poner scroll horizontal si falta espacio |
Table advanced | 1.7.3 | 29/10/2020 | 3.1.0 solucionado un atributo incorrecto 3.2.1 mejoras en accesibilidad 4.0.0 añadido parámetro para rodear a las tablas con un div y poderles poner scroll horizontal si falta espacio. Añadido parámetro para dar estilo y posicionar los checkboxes. 6.0.0 añadido parámetro para usar un select para filtrar. 6.2.0 mejoras de visualización en table advanced. |
Tabs | 1.8.0 | 04/11/2020 | 2.0.0 mejoras en estilos de focus 2.0.2 mejoras en accesibilidad 3.2.0 añadido parámetro headingsLevel para controlar las jerarquías de encabezados |
Textarea | 1.7.3 | 29/10/2020 | La versión 2.00 añade param placeholder |
Toggle | 5.2.0 | 13/01/2022 | 5.2.0 añadido componente. |
Tooltip | 3.1.0 | 20/04/2021 | 3.1.0 incluido componente tooltip 3.1.2 añadido un parámetro para mejorar la accesibilidad para lectores de pantalla 3.2.0 mejoras de accesibilidad |
Tree | 5.1.0 | 04/01/2022 | 5.1.0 añadido componente tree. 6.0.0 mejoras en accesibilidad. 6.2.0 añadidos estilos --base para más control del responsive. |