Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Note

A partir de la versión 4.1.1. se ha deprecado desy-frontend. Deberá utilizarse desy-html.

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

10/04/2021
10/04/2021
20/04/2021
05/05/2021
05/18/2021
16/07/2021
23/08/2021
30/08/2021

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)

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

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

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

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

29/10/2020
18/11/2020
25/11/2020
02/12/2020
08/02/2021
10/04/2021
23/08/2021
30/08/2021

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

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

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

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.

Accordion

1.7.3
1.9.0
3.2.0
3.2.1

29/10/2020
18/11/2020
05/18/2021
16/07/2021

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

Alert

2.0.0
2.0.2

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

2.0.2 mejoras en accesibilidad

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

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

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

Button loader

1.7.3
1.8.2
1.9.0
3.1.2

29/10/2020
06/11/2020
18/11/2020
05/05/2021

Versión 1.9.0 añade param target.

3.1.2 la apariencia de botón transparente disabled no tiene underline ahora

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

29/10/2020
25/11/2020
08/02/2021
30/08/2021

2.0.0 Nuevas clases de plugin forms

2.0.4 Mejoras en estilos disabled

4.0.1 fix parametro headingLevel que no funcionaba

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

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

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

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

29/10/2020

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

29/10/2020
04/11/2020
06/11/2020
18/11/2020
25/11/2020
26/02/2021
10/04/2021
20/04/2021

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

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

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

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

Hint

1.7.3

29/10/2020

Input

1.7.3
2.0.4

29/10/2020
08/02/2021

2.0.4 mejoradas alturas

Input group

1.7.3
2.0.0
4.0.1

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

2.0.0 añade divider

4.0.1 fix parametro headingLevel que no funcionaba

Item

1.7.3
1.9.0
2.0.1
3.2.1
4.0.3

29/10/2020
18/11/2020
02/12/2020
16/07/2021
09/09/2021

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

Label

1.7.3
3.0.0
3.2.0

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

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
2.1.2
3.1.0
3.1.2
3.2.1

19/02/2021
23/02/2021
20/04/2021
05/05/2021
16/07/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

Media object

1.7.3
1.9.0

29/10/2020
18/11/2020

Menu horizontal

1.7.3
1.9.0
2.0.4
4.3.0

29/10/2020
18/11/2020
08/02/2021
25/11/2021

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

Menu vertical

1.7.3
1.9.0
2.0.0
2.0.2
3.1.0
3.1.2
3.2.0
3.2.1

29/10/2020
18/11/2020
25/11/2020
09/12/2020
20/04/2021
05/05/2021
05/18/2021
16/07/2021

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

Menubar

2.1.0
2.1.1
2.1.2
3.0.0
3.1.2
3.2.1

19/02/2021
22/02/2021
23/02/2021
10/04/2021
05/05/2021
16/07/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

Modal

1.9.0
2.0.0
2.0.1
2.0.2
3.0.0
3.1.0
3.1.2
3.2.0
3.2.1
4.0.3

18/11/2020
25/11/2020
02/12/2020
09/12/2020
10/04/2021
20/04/2021
05/05/2021
05/18/2021
16/07/2021
09/09/2021

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

Nav

1.7.3
1.8.2
1.9.0
3.0.0
3.1.0
3.1.2
3.1.3
3.2.0

29/10/2020
06/11/2020
18/11/2020
10/04/2021
20/04/2021
05/05/2021
12/05/2021
05/18/2021

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
2.0.1
2.0.2
3.1.0
3.1.2
3.2.0
3.2.1
4.0.3

18/11/2020
02/12/2020
09/12/2020
20/04/2021
05/05/2021
05/18/2021
16/07/2021
09/09/2021

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
2.0.1
2.1.3
3.0.0
3.1.0
3.1.2
3.2.0

29/10/2020
02/12/2020
26/02/2021
10/04/2021
20/04/2021
05/05/2021
05/18/2021

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

Pill

1.7.3
1.9.0
3.2.1

29/10/2020
18/11/2020

Versión 1.9.0 añade param target

3.2.1 fix estilos de focus

Radios

1.7.3
2.0.0
2.0.1
2.0.4
4.0.1

29/10/2020
25/11/2020
02/12/2020
08/02/2021
30/08/2021

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

Searchbar

1.7.3
2.0.0
2.0.4
3.0.0
3.0.3
3.1.2

29/10/2020
25/11/2020
08/02/2021
10/04/2021
14/04/2021
05/05/2021

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

Select

1.7.3
2.0.4
2.1.2
3.1.2
4.0.0

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

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

Skip link

1.7.3

29/10/2020

Spinner

1.7.3

29/10/2020

Status

1.9.0
2.0.0

18/11/2020
25/11/2020

Se usa en el componente Status item.

2.0.0: mejoras en accesibilidad. Mejorada semantica.

Status item

1.9.0
2.0.2
3.1.0
4.0.0

18/11/2020
09/12/2020
20/04/2021
23/08/2021

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
4.0.0

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
3.1.0
3.2.1
4.0.0

29/10/2020
20/04/2021
16/07/2021
23/08/2021

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

Tabs

1.8.0
2.0.0
2.0.2
3.2.0

04/11/2020
25/11/2020
09/12/2020
05/18/2021

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
2.0.0

29/10/2020
25/11/2020

La versión 2.00 añade param placeholder

Tooltip

3.1.0
3.1.2
3.2.0

20/04/2021
05/05/2021
05/18/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

...