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.