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 |
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 |
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 |
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. |
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 |
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 |
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 |
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 |
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 |
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 | |
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 |
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. |
Hint | 1.7.3 | 29/10/2020 | |
Input | 1.7.3 | 29/10/2020 | 2.0.4 mejoradas alturas |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
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 |
Skip link | 1.7.3 | 29/10/2020 | |
Spinner | 1.7.3 | 29/10/2020 | |
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 |
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 |
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 |
General
Content
Integrations