Seguimiento de componentes de DESY

Seguimiento de componentes de DESY

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

 

Componente

Versión DESY

Fecha de liberación

Notas

Entorno: paquetes, gulp, js…

3.0.0
3.0.2
3.1.0
3.1.2
3.2.0
3.2.1
4.0.0
4.0.1
4.2.0
6.0.0

10/04/2021
10/04/2021
20/04/2021
05/05/2021
05/18/2021
16/07/2021
23/08/2021
30/08/2021
24/11/2021
28/04/2022

3.0.0
añadida dependecia opcional win-node-env para permitir variables de entorno en windows.
Añadidos comentarios de abre/cierra en el html renderizado de todos los componentes.
Modularizados los archivos js para poder ser plug and play y ser importados desde node_modules en desy-frontend-starter.
Quitado un polyfill en cdn para details por no ser necesaria al usar navegadores modernos.

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
1.8.2
1.9.0
2.0.0
2.0.4
2.1.0
2.1.1
2.1.2
3.0.0
3.0.1
3.0.2
3.1.3
3.2.1
6.0.0
6.1.0

29/10/2020
06/11/2020
18/11/2020
25/11/2020
08/02/2021
21/02/2021
22/02/2021
23/02/2021
10/04/2021
10/04/2021
10/04/2021
12/05/2021
16/07/2021
28/04/2022
04/04/2022

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.
Actualizados estilos de focus.
Cambiado line-height de input, textarea, multiselect, selecs y checkbox para que tenga la misma altura que botones.
Añadido plugin aspect ratio.

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
1.9.0
2.0.0
2.0.1
2.0.4
3.0.0
4.0.0
4.0.2
6.0.0
6.1.0
6.2.0

29/10/2020
18/11/2020
25/11/2020
02/12/2020
08/02/2021
10/04/2021
23/08/2021
30/08/2021
28/04/2022
04/05/2022
07/05/2022

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
1.9.0
2.0.0
2.0.1
2.0.4
2.1.0
2.1.1
2.1.2
3.1.0
3.1.1
3.2.0
4.3.0
6.0.0
6.2.0

29/10/2020
18/11/2020
25/11/2020
02/12/2020
08/02/2021
19/02/2021
22/02/2021
23/02/2021
20/04/2021
26/04/2021
05/18/2021
25/11/2021
28/04/2022
07/04/2022

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
1.9.0
3.2.0
3.2.1
6.0.0

29/10/2020
18/11/2020
05/18/2021
16/07/2021
28/04/2022

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
6.2.0

28/04/2022
07/05/2022

6.0.0 Añadido nuevo componente.

6.2.0 mejoras de accesibilidad.

Alert

2.0.0
2.0.2
4.2.0

25/11/2020
09/12/2020
24/11/2021

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
1.8.2
1.9.0
2.0.0
2.0.4
3.1.2
3.2.1
6.0.0
6.2.0

29/10/2020
06/11/2020
18/11/2020
25/11/2020
08/02/2021
05/05/2021
16/07/2021
28/04/2022
07/05/2022

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
1.8.2
1.9.0
3.1.2
6.0.0
6.2.0

29/10/2020
06/11/2020
18/11/2020
05/05/2021
28/04/2022
07/05/2022

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
2.0.0
4.0.0

29/10/2020
25/11/2020
23/08/2021

La versión 2.00 añade param placeholder.
2.0.0 Nuevas clases de plugin forms

4.0.0 fixed formGroup que no aplicaba sus parámetros

Checkboxes

1.7.3
2.0.0
2.0.4
4.0.1
4.2.0
6.2.0

29/10/2020
25/11/2020
08/02/2021
30/08/2021
24/11/2021
07/05/2022

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
2.0.4
3.1.2
4.0.0
4.0.1

29/10/2020
08/02/2021
05/05/2021
23/08/2021
30/08/2021

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
1.8.3
1.9.0

29/10/2020
09/11/2020
18/11/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
2.0.2

18/11/2020
09/12/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
1.8.2
1.9.0
2.0.4
3.1.0
3.1.2
3.2.1
6.2.0

29/10/2020
06/11/2020
18/11/2020
08/02/2021
20/04/2021
05/05/2021
16/07/2021
07/05/2022

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
2.0.0
3.2.0
4.0.3

29/10/2020
25/11/2020
05/18/2021
09/09/2021

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
1.9.0
2.0.0
3.0.0
3.2.0

29/10/2020
18/11/2020
25/11/2020
10/04/2021
05/18/2021

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
6.0.0

29/10/2020
28/04/2022

6.0.0 ahora tiene estilos similares a un botón.

Footer

1.7.3
1.8.0
1.8.1
1.9.0
2.0.0
2.1.3
3.0.0
3.1.0
6.0.0
6.2.0

29/10/2020
04/11/2020
06/11/2020
18/11/2020
25/11/2020
26/02/2021
10/04/2021
20/04/2021
28/04/2022
07/05/2022

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
1.8.0
1.8.2
1.9.0
2.0.0
2.0.1
2.1.2
3.0.0
3.1.0
3.1.3
3.2.1
4.1.0
4.1.1
4.2.0
5.0.0
5.0.1
6.0.0
6.1.0

29/10/2020
04/11/2020
06/11/2020
18/11/2020
25/11/2020
02/12/2020
23/02/2021
10/04/2021
20/04/2021
12/05/2021
16/07/2021
15/09/2021
16/09/2021
24/11/202101/12/202103/01/202228/04/202204/05/2022