Logo Gobierno de España Logo DINTEL · Sistema de diseño Diseño Normalizado de Trámites Electrónicos Inicio Primeros pasos Primeros pasos ¿Qué es DINTEL? Diseñadores Desarrolladores Recursos Preguntas frecuentes Fundamentos Fundamentos Color Tipografía Elevaciones Espaciado Retícula Borde Radio Iconografía Ilustraciones Animación Accesibilidad Tokens de diseño Contenidos digitales Visualización de datos Elementos de interfaz Elementos de interfaz Módulos Plantillas Componentes Actualizaciones Contacto

Actualizaciones

En esta página podrás encontrar las últimas actualizaciones de nuestro sistema. Utiliza siempre la última versión del sistema para evitar problemas técnicos, de rendimiento y de seguridad.

1.4.2

13/05/2025

Mejoras en el componente `dnt-header`: Se ha remplazado el botón de help por un dnt-link. Permitir actualizar los textos dinámicamente al cambiar el idioma. Mejoras en el componente `dnt-alert`: Se han incorporado dos nuevos tipos low_priority_notif y high_priority_notif. Mejoras en el componente `dnt-footer-link`: Se han modificado estilos para cumplir criterios de accesibilidad en modo negative. Mejoras en el componente `dnt-input`: Se ha mejorado en renderizado cuando es de tipo textarea y para cuando tiene el status success. Mejoras en el componente `dnt-select``: Se ha mejorado el renderizado del componente cuando es multiple y cuando se utiliza un template HTML para establecer estilos en las opciones. Mejoras en el componente `dnt-breadcrumb`: Se realizan mejoras visuales para cumplir criterios de accesibilidad. Mejoras en el componente `dnt-table`: Se ha mejorado el renderizado del componente con columnas fijas y con las cabeceras sticky. También se ha implementado la funcionalidad de poder actualizar los títulos de las columnas de forma prográmatica. Mejoras en el componente `dnt-vertical-card`y `dnt-horizontal-card`: Nuevo slot tags para permitir meter `dnt-tags`. Nuevos tipos de card para mostrar solo una imagen only-image. Y se permiten meter imágenes dentro de un `dnt-horizontal-card`. Se han creado nuevos ejemplos de card interactivas. Mejoras en el componente `dnt-dropdown`: Se han realizado cambios visuales para cumplir criterios de accesibilidad. Nuevos componentes `dnt-gauge-chart`,`dnt-column-chart` y un nuevo módulo de una plantilla de notificaciones. Nuevas iconografias Back-Message y Dropdown-Menu. Mejoras en el componente `dnt-header`: Mejora renderizado del menú en versión mobile. Mejoras en el componente `dnt-horizontal-menu`` : Mejora renderizado cuando contiene más de 10 elementos en modo negative a false. Mejoras en el componente `dnt-dropdown`: Mejoras visuales en el componente. Mejoras en el componente `dnt-gauge-chart`: Permitir establecer encabezados en la tabla. Mejoras en el componente `dnt-column-chart`: Permitir establecer encabezados en la tabla.

1.3.2

20/03/2025

Mejoras en el componente `dnt-carrusel`: Se han optimizado los aspectos visuales del componente. Mejoras en los componentes `dnt-cookies`,`dnt-faqs`, `dnt-time-picker`,`dnt-date-picker`,`dnt-search` y `dnt-horizontal-menu` : Se ha añadido la capacidad de establecer programáticamente los valores del título de los botones dentro de estos componentes. Mejoras en el componente `dnt-checkbox` y `dnt-checkbox-button`: Se ha mejorado la gestión del estado del componente mediante la propiedad checked. Aviso de que las propiedades true-label, false-label serán deprecadas en una futura versión. Mejoras en el componente `dnt-vertical-card` y dnt-horizontal-card: Se han añadido nuevas variantes para las tarjetas informativas. Se ha introducido un nuevo tipo de tarjeta diary configurable con las propiedad typeDiary. Se ha añadido un slot tags para permitir la incorporación de etiquetas dentro de las tarjetas. Todas estas mejoras están documentadas en storybook. Mejoras en el componente `dnt-tags`: Se ha añadido un nuevo tipo de tags anchor. Mejoras en el componente `dnt-select`: Se ha agregado un nuevo evento, endScroll, que se emite al llegar al final del scroll. Mejoras en el componente `dnt-table`: Se ha añadido un evento allRowSelected para detectar cuando se seleccionan todas las filas a través del checkbox. Mejoras visuales en las columnas con la propiedad sortable. Nuevos iconos SaveTimer, Save, EventOnline, EventOnsite, Folder, LargeThumbnail, SmallThumbnail, Scanner y Tag documentado en storybook. Mejoras en el componente `dnt-share`: Se ha añadido la red social TikTok. Mejoras en el componente `dnt-hero`: Se han agregado nuevas variantes: Una variante full con imagen y una variante con fondo light. Todas ellas documentadas en storybook. Mejoras en el componente `dnt-section`: Se han añadido opciones para elegir la ubicación de la imagen mediante el uso de un slot, dependiendo de la posición deseada. Ver en storybook. Mejoras en el componente `dnt-breadcrumb`: Se realizan mejoras visuales. Nuevos componentes `dnt-switch` y `dnt-vertical-bar-chart`. Optimización en la generación de estilos de la librería para evitar su inyección de manera global en el `style` de las aplicaciones que utilizan la librería.

1.2.0

18/12/2024

Mejoras en el componente `dnt-file-uploader`: Mejora para limpiar mensaje de error. Mejoras en el componente `dnt-header`: Permitir ocultar el botón de ir al contenido con la nueva propiedad remove-skip-content-link. Se ha ocultado el menú hambuerguesa cuando la propiedad show-menu es false. Se ha añadido la propiedad external-logout para que al cerrar sesión te permita quedarte en la misma pestaña activa. Se ha realizado la mejora para poder emitir los eventos cuando se accede por teclado. Mejoras en el componente `dnt-header-item`: Nuevo parámetroleft-icon dentro del `dnt-header-item`de tipo languague que permite mostrar un icono a la izquierda. El `dnt-header-item` de tipo help ahora puede abrirse en una ventana distinta si se establece el parámetro external. Mejoras en el componente `dnt-share`: Se han agregado opciones de compartir contenido: LinkedIn y Instagram. Tambien se han implementado cambios de estilo. Mejoras en el componente `dnt-dropdown`: Se ha añadido un nuevo parámetro left-icon que permite establecer un icono a la izquierda. Tambien se ha añadido el parámetro fit-options, que permite establecer el ancho del componente para que se ajuste al contenido o que tenga un ancho establecido. Mejoras en el componente `dnt-vertical-menu`: Se ha mejorado la detección y cambio de estilo cuando se modifica la opción activada de manera programática. Mejoras en el componente `dnt-link`: Se han realizado ajustes visuales para cumplir con los criterios de accesibilidad. Mejoras en el componente `dnt-modal`: Cambios en el renderizado del componente para que sea compatible con el cambio de pestañas del navegador. Mejoras en el componente `dnt-datepicker`: Mejoras en accesibilidad y en el renderizado dentro de un modal o un accordion. Dnt-dopdown Nuevos componentes `dnt-carrusel` y `dnt-stepper-advanced` y nuevo módulo de una plantilla de menu de anclas. Se ha generado una guía para poder realizar test de los componentes de DINTEL utilizando cypress. Nuevas iconografias Routine-Message, Priority-Message, Urgent-Message.

1.1.1

20/11/2024

Mejoras en el componente `dnt-accordion`: Nueva propiedad extra-text para incluir un texto informativo en la cabecera y mejoras de accesibilidad. Mejoras storybook: Se han añadido los pasos a seguir para integrar Dintel en aplicaciones React con TypeScript. Mejoras en el componente `dnt-table`: Se introduce la nueva propiedad sort-direction en `dnt-table-column` para indicar la ordenación de esa columna. Se han agregado nuevos colores en la sección de utilities ver storybook. Nuevos componentes `dnt-row-information` y `dnt-featured`. Mejoras en el componente `dnt-file-uploader`: Al subir un archivo no permitido (según el parámetro accept), se muestra un mensaje de error en el componente. Mejoras en el componente `dnt-horizontal-menu`: Se ha añadido un nuevo parámetro zindex para configurar la superposición. Mejoras en el component `dnt-header`: Se ha añadido un nuevo parámetro zindex dentro de los `dnt-header-item` para configurar la superposición. Mejoras en el componente `dnt-steps`: Se ha añadido documentación y se ha configurado para que un `dnt-step` pueda estar activo y en estado success. Mejoras en el componente `dnt-footer`: Nueva propiedad external en `dnt-footer-link` para abrir enlaces en otra pestaña. Nuevos iconos Calculator, Calendar-Check, Id-File, Table-Columns, Thumb-Tack. Mejoras en el componente `dnt-tags`: Nuevo funcionalidad para indicar que es un tag seleccionable con la propiedad selectable y nuevos tipos de tag buttom. Nueva sección de tipo `dnt-section` para newsletter. Se ha realizado ajustes para los textos largos dentro de los componentes `dnt-accordion`, `dnt-horizontal-card`, `dnt-vertical-card`, `dnt-collapse`, `dnt-modal`, `dnt-toas`, `dnt-tooltip`, `dnt-vertical-menu`, `dnt-section` y `dnt-cookies Mejoras importación nuevos componentes dnt-row-information y dnt-featured. Mejoras en los ajustes realizados para textos largos. Nuevo icono red social X.

1.0.0

23/10/2024

Actualización storybook: Se ha actualizado Storybook de la versión 6.5.16 a la 8.2.5 Mejora en el componente `dnt-header`: Se ha corregido el formato de la fecha y hora en el componente `dnt-header-item` para el tipo datetime Mejora en el componente `dnt-accordion`: Nueva propiedad overflow-visible en el componente `dnt-accordion-item`, permitiendo que el contenido sobresalga del contenedor Mejoras en el componente `dnt-button`: Se han implementado mejoras para cumplir con los criterios de accesibilidad Mejoras en el componente `dnt-button`: Se han añadido nuevos tipos de botones: primary-light, primary-dark, secondary-light, secondary-dark, tertiary-light y tertiary-dark Mejoras en el componente `dnt-button`: Los tipos de botones anteriores primary, secondary, tertiary, neutral, negative y link quedan obsoletos

0.11.0

01/10/2024

Mejoras en el componente `dnt-header`: Cambio de iconografía en el menú mobile, con el nuevo icono languages. Mejoras en el componente `dnt-datepicker`: Detección de cambios de fecha de forma programática y cambios emitidos manualmente en el input del componente. Nuevo botón de cierre de modal en versión mobile. Mejoras en el componente `dnt-input` predictivo: Ocultar opciones predictivas al perder el foco del componente. Mejoras en el componente `dnt-tab`: Ajuste del contenido de las pestañas en version mobile. Mejoras en el componente `dnt-tooltip`: Nueva propiedad z-index parametrizable. Mejoras en el componente `dnt-select`: Nuevo renderizado múltiple para cargas asíncronas de opciones. Mejora en la sincronización de opciones dinámicas. Nueva posibilidad de ajustar el texto de las opciones del selector al ancho del mismo, mediante la propiedad fit-options. Nuevo icono Lock documentado en storybook.

0.10.1

19/08/2024

Mejoras en el componente `dnt-datepicker`: Permitir resetear la fecha cuando es picker-only. Se ha añadido un nuevo evento invalidFormat para cuando la fecha es introducida de forma manual, controlar que el formato introducido es válido. Se ha añadido un nuevo parámetro zindex para configurar la superposición. Mejoras en el componente `dnt-table`: Es posible definir customCellTemplate para la columna de tipo expand. Mejoras en el componente `dnt-header`: Se ha añadido un nuevo parámetro text-additional para mostrar un texto a la izquierda una vez logeado si es necesario. También se ha agregado un nuevo parámetro initial-date para poder establecer la hora inicial para el dnt-header-item de tipo datetime. Nuevos iconos File-Import, File-New, File-Validate, File-View, File-Store, Folder-Import, Folder-New, Folder-Store, Folder-Validate, Like-Dark, Like-Light, Attachment, Restore, Message, Settings, Task-Activate, Task-Pause y Task-Play documentado en storybook. Mejoras en el componente `dnt-breadcrumbs`: Posibilidad de hacer redirecciones en la aplicación sin recargar la página mediante el nuevo parámetro redirect. Mejoras en el componente`dnt-search`: Mejora de renderización del componente. Permitir establecer un max-height a los slot de results y suggestions con la propiedad dropDownMaxHeight. También se ha incorporado la posibilidad de mostrar los filtros de primeras con el parametro filters-expanded. Se ha mejorado la visualización del aspa de eliminación para que no se solape con el texto introducido. Mejoras en el componente `dnt-input`: Mejoras de visualización cuando contiene texto predictivo, para no desplazar el resto de contenido. Mejoras en el componente `dnt-radio-group`: Permitir resetear los valores. Mejoras en el componente `dnt-pagination`: Mejora para visualizar el rango máximo de elementos. Mejoras en el componente `dnt-collapse`: Mejora para evitar que el contenido no sea accesible cuando no este expandido. Mejoras en el componente `dnt-accordion`: Mejora para evitar que el contenido no sea accesible cuando no este expandido. Mejoras en el componente `dnt-modal`: Mejoras para evitar acceder al contenido que esta fuera del modal. Nueva sección de tipo `dnt-section` para búsquedas sin resultados. Mejoras en el comportamiento del componente `dnt-select` cuando se utliliza en una aplicación standalone. Mejoras storybook: Ordenación de logotipos y mensajes informativos para el usuario Mejora en el componente `dnt-datepicker`: Ajuste en la visualización para selectores de tipo mes y año. Mejoras en el componente `dnt-link` en modo negative: No cambiar el color de fuente durante el hover para cumplir criterios de accesibilidad.

0.9.2

02/07/2024

Mejoras en el componente `dnt-header`: Posibilidad de hacer redirecciones en la aplicación sin recargar la página mediante el nuevo parámetro redirect. Funcionalidad propia de login y logout evitando la redirección, mediante el uso de clickLogin y clickLogout. Control de información para el desplegable que aparece en usuarios logados. Mejoras en el slot de tipo user en `dnt-header`: Permitir sincronizar las opciones de funcionalidades en el componente. Mejoras en el componente `dnt-spinner`: Renderizado en el navagador Firefox. Mejoras en el componente `dnt-table`: Posibilidad de alinear en el centro los textos de las cabeceras de una tabla. Mejoras de visualización para casos de scroll vertical. Propiedad maxheigth documentada en storybook. Mejoras en el componente `dnt-search`: Renderizado del componente al estar integrado en un modal, mejoras en el filtrado recursivo y control del contenido cuando el componente aún no tiene sugerencias ni resultados informados. Mejoras en el componente `dnt-select`: Opciones seleccionables mediante flechas de teclado. En modo filterbale, se limpia la información introducida por el usuario al escapar el foco del componente mediante la tecla tabulador. Comportamiento mejorado para selectores filterables y múltiples. Emisión del evento de cambios limitada. Mejoras en los componentes `dnt-dropdown` y `dnt-pagination`: Propiedad z-index parametrizable. Mejoras en el componente `dnt-date-picker`: Mejoras de visualización cuando el componente está desplegado, para no desplazar el resto de contenido. En uso de formularios, regularización del valor devuelto para que sea siempre del tipo date. Mejoras en el componente `dnt-radio-button`: Posibilidad de asociar la información del error tanto a cada ocpción individual como al grupo completo de opciones. Logotipos y nombres de ministerios actualizados en storybook. Mejoras en el componente `dnt-select`: Carga asíncrona de opciones a mostrar. Mejoras en el componente `dnt-modal`: Visualización de contenido optimizada en el uso de scroll vertical. Mejoras en el componente `dnt-datepicker`: Cambios de estilo en visualización de fechas deshabilitadas programáticamente y visualización correcta de fecha para calendarios de tipo mes.

0.8.0

30/05/2024

Nuevo componente `dnt-calendar-events` para mostrar y gestionar eventos en el calendario. Nuevo componente `dnt-notification` para mostrar y gestionar notificaciones de usuario en las cabeceras. Nuevo componente `dnt-share` que permite compartir contenidos. Nueva opción Menu Profile Notification de cabecera en `dnt-header` con mayor detalle sobre la información de usuarios. Mejoras en el componente `dnt-header-item`: Permitir directivas de Angular como ngIf o ngFor. Mejoras en el componente `dnt-input` numérico: Se ajusta el valor introducido según los parámetros min y max. Mejoras en el componente `dnt-file-uploader`: se limita la duplicidad de los eventos previewEvent, changeEvent, y removeEvent en el componente. Mejoras en el componente `dnt-table`: propiedad z-index parametrizable. Mejoras en el componente `dnt-table`: disponible el método resetSelectedRows para limpiar todas las filas seleccionadas de la tabla. Mejoras en el componente `dnt-date-picker`: Rediseño completo para un panel que cumpla con criterios de accesibilidad. Adicionalmente, se añade el modo readonly al diseño y la posibilidad de parametrizar la opción de editar el valor de fecha únicamente desde el panel. Mejoras en el componente `dnt-date-picker`: Permite el borrado programático de una fecha introducida manualmente en el input. Renderización de imágenes configurable en el componente `dnt-vertical-card`, haciendo la propiedad object-fit parametrizable. Modificación de estilos de la barra de scroll. Mejoras en el componente `dnt-link`: Rediseño completo para cumplir con criterios de accesibilidad. Nuevos iconos File, Doc-Excel, Doc-Word, Doc-Pdf documentado en storybook

0.7.3

23/05/2024

Mejoras en el componente `dnt-popover`: mostrar tooltip al hacer hover con el mouse

0.7.2

08/05/2024

Mejoras en el componente `dnt-tabs`: duplicidad de evento `tabChange` Mejoras en el componente `dnt-select`: modificado mecanismo contraer/desplegar opciones

0.7.0

16/04/2024

Mejoras en estilos y funcionamiento del texto predictivo: despliegue y cerrado de listado de opciones al escribir o borrar caracteres Posibilidad de establecer el focus en los siguientes componentes de la librería: `dnt-select`, `dnt-date-picker`, `dnt-input-number`, `dnt-search` y `dnt-button` Mejoras en el componente `dnt-select`: Para formularios de Angular, actualizar el valor del selector y formulario simultáneamente al salir del foco pulsando sobre el tabulador Mejoras en estilos del componente `dnt-select` múltiples y filterables Mejoras en el componente `dnt-select`: No desplegar opciones del selector si se pulsa sobre el mensaje de error del mismo Mejoras en el componente `dnt-input-number` al aumentar o disminuir su valor utilizando las flechas Mejoras al actualizar el contenido de `dnt-tab-pane` desde Angular Mejoras en el renderizado del componente `dnt-accordion` para ocupar la totalidad de la pantalla en grandes resoluciones Mejoras en el renderizado del componente `dnt-date-picker` para resoluciones inferiores a 1128px Añadir propiedad size en el componente `dnt-modal` para poder parametrizar su tamaño Eliminar propiedad customClass en los componentes `dnt-modal`, `dnt-spinner` y `dnt-toast` Documentar evento clickCallback para el `dnt-collapse` en storybook

0.6.1

14/03/2024

Componente input: Nueva funcionalidad de texto predictivo. Modificados nombres y logotipos de Ministerios. Componente área de texto: añadida propiedad `maxLength`. Componente select: no se permite la escritura con `filterable=false`. Componente menú vertical: corregida propiedad `min-height`. Componente botón: solucionado envío de datos de formulario mediante `ngSubmit`. Eliminado logo Presidencia Europea U23. Componentes modal y alert: permiten parámetros título de forma dinámica. Componente select: solucionado error de consola sin elemento seleccionado. Componente dropdown: solucionada gestión del scroll en tabla. Componente paginación: ampliada documentación en Storybook. Componente Collapse: nueva funcionalidad `expandedChange`. Componente búsqueda: corregida propiedad maxLength. Componente acorddion: corregida propiedad `max-height`. Componente búsqueda: solucionado problema accesibilidad texto en botón. Correcciones en estilos y funcionamiento del texto predictivo. Nuevo icono Users documentado en Storybook. Documentado `expandedChange` para el `dnt-collapse` en Storybook. Componente menú nuevo evento `callback`. Correciones en la selección simple para el componente `dnt-table`.

0.5.1

20/12/2023

Select: Corrección de la funcionalidad del componente en estado `disabled` y `readonly`. Corrección de la visualización en modo `multiple` y `filterable`. Se añade documentación extendida Toast: Se añade documentación extendida Modal: Se añade documentación extendida Input: Se corrigen los estilos de tamaños de input para que puedan ser utilizados dentro de un componente `Section`. Se añade documentación extendida Search: Se corrige el error de accesibilidad con la etiqueta (label) File Uploader: Se corrige el error de accesibilidad con la etiqueta (label). El componente acepta una propiedad `file-uploader-id` generada por defecto, asociada al `for` de la etiqueta `label` y al `id` de la etiqueta `input` del componente Input Number: Se añade la propiedad `round-value`, que redondea el valor vinculado al input, es necesario combinarla con `step-strictly`. Se añade documentación extendida Checkbox Group: Se compatibiliza la propiedad `checked` de `checkbox` y `checkbox-button` con `checkbox-group` Alert: Se añade un `slot` al componente `Alert`, de forma que se puede incluir contenido personalizado en lugar de usar el atributo `description` o `link` Radio: Se corrigen los estilos para el atributo `full-width`. Se añade documentación extendida Tabs: Se corrige el uso de pestañas anidadas. Se añade documentación extendida Toast: Se añade la propiedad autoClose a la interfaz

0.4.2

28/09/2023

Toast: Se añade la opción zIndex para configurar la superposición de la notificación Input, Select e Input Number: Se añaden los slots append y prepend para colocar elementos alineados a la izquierda o derecha de los inputs Footer: Se invierte el orden de los logos primarios y secundarios Illustrations: Se añade la ilustración de Mensaje claro a Storybook Documentación avanzada: Accordion, Alert, Backtop, Breadcrumbs, Button, Cards, Checkbox, Collapse, Cookies, Datepicker, Timepicker, Divider, Dropdown

0.4.1

30/08/2023

Fix Spinner: se corrige el z-index de Modal y Spinner para evitar una superposición del Modal al Spinner Fix File Uploader: se evita que aparezca un listado vacío (<ul></ul>) cuando no se muestra el listado de archivos Nueva documentación: File Uploader, React component wrapper y ejemplos en Angular y React del componente Table Tematización: Corrección de errores al generar tema de color y actualización de documentación Header: Opción de cabecera con etiqueta de entorno

0.4.0

01/08/2023

Table: Nueva funcionalidad con opción de agrupar filas. El atributo data acepta un array de dos niveles, siendo el primer nivel el de los grupos de filas. Es necesario indicar type como section y label con el nombre del grupo de filas Horizontal Menu: Estilos corregidos al hacer hover sobre un elemento con un texto muy largo Accordion Item, Alert, Cookies, Drawer, Faq Item, Hero, Modal, Section, Toast: Se cambia el nombre del atributo title, item-title, cookie-title o drawer-title por title-text para todos los componentes, para evitar colisión con el atributo nativo title de los elementos HTML Documentación: Se añade el directorio Tutorials a Storybook Nueva documentación: Pagination

0.3.0

19/07/2023

Datepicker: se añade la opción datetime para el atributo type, una combinación del componente Datepicker y Timepicker Header y Footer: logos svg actualizados Ilustraciones: añadidos los recursos a Storybook Tabla: Variante con espaciado reducido mediante el uso del atributo compact a true Cards: Se elimina el atributo interactive, los elementos interactivos de las cards son los enlaces internos Select: Corrección de estilos cuando se inserta dentro del componente Modal Checkbox: Corrección de estilos cuando se inserta dentro del footer de un Modal Spinner: Corrección de error de consola Header Logo: Altura máxima de 64px Header Item: Corrección de estilos Logo Presidencia España EU Footer Logo: Se añade el atributo width (acepta valores en px, rem y %, incluyendo o no la unidad), y justify (aceptando los valores de flex justify-content: flex-start, center,flex-end, etc) Nueva documentación en Storybook: Dropdown, Datepicker, Table, Timepicker

0.2.4

21/06/2023

Textarea: nueva propiedad `textarea-min-height` disponible. Corregida la altura máxima por defecto a 40px Radio: propiedad `true-label` añadida, permite gestionar los valores del checkbox en lugar de usar `label`. Ejemplo añadido en Storybook Modal: corrección de estilos cuando el modal lleva un componente select dentro. Añadido ejemplo con contenido personalizado a Storybook Fix Table: corrección del scroll horizontal/vertical al usar el tooltip dentro de una tabla en windows Fix Spinner: corrección de la posición del Spinner, se añade la propiedad `scroll-to-top` solo disponible cuando la propiedad `lock-screen` está activada Datepicker y Timepicker: añadida la propiedad `required` Fix Tag: se añade la información del elemento clickado al evento `closeEvent` Table: se añade un ejemplo en Storybook de tabla con dropdown o menú desplegable dentro Form: se añade un ejemplo en Storybook de un formulario completo Elementos de formulario: se añade la propiedad `error-message` y `slot="error"` para checkbox y radios Fix Checkbox y Radio: se ajustan estilos de altura

0.2.3

07/06/2023

Horizontal Menu: nueva propiedad clickCallback en los elementos horizontal-menu-item, permite pasar una función al realizar en el evento click Horizontal Menu: el evento itemClick envía en la propiedad detail todo el elemento clickado Vertical Menu: nueva propiedad clickCallback en los elementos vertical-menu-item, permite pasar una función al realizar en el evento click Breadcrumbs: nueva propiedad clickCallback en los elementos breadcrumbs-item, permite pasar una función al realizar en el evento click Link: nueva propiedad clickCallback, permite pasar una función al realizar en el evento click Dropdown: nueva propiedxwad clickCallback en los elementos dropdown-item, permite pasar una función al realizar en el evento click Tabla: estilos para adaptar las imágenes dentro de celdas a un ancho máximo Timepicker: corrección de import EventEmitter incorrecto que provocaba un error de typescript Toast: corrección de la propiedad titleText por title en Storybook y z-index añadido Hero: corrección de la propiedad title, se sustituye por text-title para evitar el tooltip de accesibilidad nativo Checkbox: añadido ejemplo en Storybook con la propiedad true-label, permite pasar un valor diferente al texto asociado al checkbox (label) Select: corrección de padding-right, altura del listado de opciones y accesibilidad. Se añade la opción de establecer tamaños en Storybook Fix Angular compatibilidadad: corrección de errores de compilación y typescript Header: añadido enlace de salto al contenido por recomendación de accesibilidad. Se especifica el id del contenedor al que saltar con la prop skip-content-link, por defecto el valor es '#main' Página de bienvenida añadida a Storybook Fix Tree: corregida la altura mínima a auto

0.2.1

26/04/2023

Fix función generateId: método modificado por compatibilidad con http

0.2.0

25/04/2023

Input: permite el uso de nuevas propiedades `input-mode` y `pattern` Input Number: permite el uso de las props `max-length` y `min-length` Header: ajustes de accesibilidad en el buscador, nuevo evento `searchOpened` emitido cuando el panel del buscador se abre Vertical Menu - Tree: nuevo componente, variante del componente Vertical Menu, cuando pasamos la prop `menu-type="tree"`

0.1.0

10/04/2023

Footer: permite personalización completa de los logos principales del footer. Mediante `slot='primary-logos'` Header: corrección de bug en la visualización responsive de los logos Vertical Menu: corrección de punto de corte y estilos para estado hover y pressed Input, Textarea, Checkbox, Input Number, Select, Search, Datepicker, Timepicker y Button: gestión del atributo `name` Link: permite la prop `title-text` para añadir el atributo `title` al enlace Elementos de formulario (Input, Textarea, Input Number, Select, Datepicker y Timepicker): nuevas propiedades de estado `success` y `error` Nuevas traducciones internas de componentes en ca, eu, va y gl Checkbox, Radio y Select: corrección de estilos hover, seleccionado y deshabilitado Nuevos valores de tokens: color-border-input y shadow-200 Corrección de estilos box-shadow para los elementos con panel: Timepicker, Datepicker, Hader search panel, Select, Dropdown, Horizontal menu, Megamenu, Toast y Cookie banner Breadcrumbs: corrección en la propiedad `disabled`, cambiada a `is-disabled` para evitar conflictos con el atributo nativ Header: Nueva versión del buscador de cabecera, se incluyen los logos, selector de idioma y botón de Ayuda

0.0.9

15/03/2023

Vertical Card: permite añadir una imagen mediante slot, además de mediante la propiedad `image` Footer: versión del Footer sin logo GOB, al añadir la propiedad `show-footer-logo` con valor `false` Section: corrección de maquetación para la versión con Cards. Se añade la propiedad `image-object-fit` con los valores aceptados `cover` y `contain`. Siendo `cover` el valor por defecto Header: corrección de media query Correcciones incidencias de accesibilidad del DatePicker, Search, Pagination Añadida sección de documentación de utilities a Storybook: Clases, Colores, Iconos y Tokens Añadida versión de la librería a Storybook Añadida página Changelog al Storybook

0.0.8

27/02/2023

Correcciones de incidencias de accesibilidad Compatibilidad con CSS para la funcionalidad de generar tema Tokens de color secundario actualizados

0.0.7

10/02/2023

Lanzamiento inicial del sistema de componentes DINTEL Enfoque de accesibilidad del primer componente Utilidades y ayudas: espaciado, colores, tipografía y alineación Componentes: Acordeón, Alerta, BackTop, Migas de pan, Botón, Tarjeta horizontal, Tarjeta vertical, Casilla de verificación, Contraer, DatePicker, TimePicker, Divisor, Desplegable, Cargador de archivos, Menú horizontal, Icono, Número de entrada, Entrada, Enlace, Lista, Modal, Paginación, Progreso, Radio, Búsqueda, Seleccionar, Spinner, Pasos, Tabla, Pestañas, Etiqueta, Toast, Tooltip, Menú vertical Módulos: Cookies, FAQs, Feedback, Footer, Header, Hero, Section

Este sitio web utiliza cookies propias y de terceros para ofrecer un mejor servicio. Si continúa navegando consideramos que acepta su uso.

Logo de Financiación por la Unión Europea NextGenerationEU Logo de Plan de Recuperación Transformación y Resiliencia Logo España digital Aviso legal Accesibilidad Política de Cookies Contacto Mapa web