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.
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.
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.
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.
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
Mejoras en el componente `dnt-popover`: mostrar tooltip al hacer hover con el mouse
Mejoras en el componente `dnt-tabs`: duplicidad de evento `tabChange`
Mejoras en el componente `dnt-select`: modificado mecanismo contraer/desplegar opciones
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
Componente input: Nueva funcionalidad de texto predictivo.
Modificados nombres y logotipos de Ministerios.
Componente área de texto: añadida propiedad `maxLength`.
Componente área de texto: añadida propiedad `maxLength`.
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`.
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
nput 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
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
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
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
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
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
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
Fix función generateId: método modificado por compatibilidad con http
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"`
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
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
Correcciones de incidencias de accesibilidad
Compatibilidad con CSS para la funcionalidad de generar tema
Tokens de color secundario actualizados
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
