Web Components

2.17.0 (12 février 2026)

@ds-autonomie/web-components@2.17.0 (url)

Minor Changes

• Modification des variables CSS pour la typographie
• file-upload : vérification de la taille et du format du fichier avant l'ajout au champ

Patch Changes

• input-date : Possibilité d'ajuster la largeur du champ via la variable CSS --input-field-width
• radio-group, checkbox-group : déplacement du focus sur la première option disponible si le groupe est required et l'utilisateur tente de soumettre le formulaire sans avoir sélectionné une option
• button, profile-button : application des bonnes pratiques d'écoconception
• menu-navigation : correction de l'absence de défilement
• Ajout d'une CLI pour mesurer l'utilisation du DSA dans un répertoire donné

@ds-autonomie/assets@1.4.12

Patch Changes

• Modification des variables CSS pour la typographie

 

2.16.0 (30 janvier 2026)

@ds-autonomie/web-components@2.16.0 (url)

Minor Changes

• file-upload : possibilité d'avoir une zone de glisser-déposer
• alert : ajout d'un attribut pour modifier la taille

Patch Changes

• input-phone : correction de la réinitialisation des valeurs
• tag : Agrandissement de la cible du bouton de suppression. Application des bonnes pratiques écoconception web.
• badge : application des bonnes pratiques écoconception web

 

2.15.0 (15 janvier 2026)

@ds-autonomie/web-components@2.15.0 (url)

Minor Changes

• graphic-element : mise à disposition de l'élément

Patch Changes

• Ajout de règles qualité pour les feuilles de style
• alert, avatar : application des bonnes pratiques écoconception web
• quote : application des bonnes pratiques écoconception web
• badge : changement du comportement pulse si l'utilisateur à l'option prefers-reduced-motion
• menu-item: ajustement du style
• accordion, accordion-group : application des bonnes pratiques écoconception web

 

2.14.1 (18 décembre 2025)

@ds-autonomie/web-components@2.14.1 (url)

Patch Changes

• table-row : émission de l'événement dsa-table-row-change-selection lorsque la sélection est fait de manière programmatique
• tag : recopie de la valeur des propriétés label et accessibleName vers les attributs associés
• header-search : suppression d'un bug d'affichage en mobile sur Firefox
• icon : suppression de la double restitution du libellé
• card-content, header, header-modern, menu-accordion, navbar, sidenav, table, table-body, table-container, table-head : amélioration de l'utilisation avec l'autoloader
• Minification des fichiers pour le CDN
• Mise à jour des dépendances

@ds-autonomie/assets@1.4.11

Patch Changes

• Optimisation des SVG

 

2.14.0 (5 décembre 2025)

@ds-autonomie/web-components@2.14.0 (url)

Minor Changes

• header : ajout d'un slot navbar
• header-modern : ajout de l'en-tête 'modern', à privilégier
• tag : permettre l'ajout d'un nom accessible, et permettre l'affichage d'un tooltip avec le libellé complet du tag

Patch Changes

• checkbox, filter-counter, filter-select, input-phone, pagination : élimination de restitutions redondantes au lecteur d'écran
• alert : ajout de noms accessibles pour les icones (info/warning/danger/success).
• combobox : résolution d'un soucis de scroll à la sélection;
• select : modification du comportement à l'ouverture
• skip-link-item : résolution d'un bug d'affichage/restitution sur Safari

 

2.13.0 (20 novembre 2025)

@ds-autonomie/web-components@2.13.0 (url)

Minor Changes

• dsa-link--skip-content: ajout d'une classe CSS pour les liens d'évitement de contenu
• tree : ajout du mode de sélection des tree-items parents uniquement

Patch Changes

• callout : ajout d'un role region si un titre est ajouté- Mise à jour vers Storybook 10
• breadcrumb-item, combobox, dialog, drawer, filter-date, progress-ring, select, sidenav, tab-group, tab-panel, table-of-content : ajout de couleurs par défaut
• input-date : réduction de la largeur de la zone de saisie à son contenu

 

@ds-autonomie/assets@1.4.10

Patch Changes

• Ajout de polices de substitution

 

 

2.12.0 (6 novembre 2025)

@ds-autonomie/web-components@2.12.0 (url)

Minor Changes

• table-action : ajout de l'attribut deselect-all-on-close afin de désélectionner toutes les lignes du tableau à la fermeture de la barre d'action

Patch Changes

• checkbox: Amélioration de l'accessibilité;
• button, checkbox, checkbox-button, checkbox-card, combobox, file-upload, filter-date, icon-button, range-slider, select, switch, radio-button, radio-card : suppression d'attributs aria-disabled en doublon
• file-upload: l'attribut accept peut être utilisé avec de la même manière que son équivalent natif.
• menu-accordion, menu-navigation : prise en charge du contenu dynamique

 

Modèle de page Contact : ajout d'attributs autocomplete

 

2.11.1 (17 octobre 2025)

@ds-autonomie/web-components@2.11.1 (url)

Patch Changes

• tooltip : ajout d'un message d'avertissement si le tooltip est utilisé sans dsa-button ou dsa-icon-button
• step : suppression de la propriété z-index sur les lignes reliant les étapes
• checkbox, copy-button : amélioration de l'accessibilité

 

Ajout du modèle de page Mentions Légales

Ajout du modèle de page Contact

 

2.11.0 (9 octobre 2025)

@ds-autonomie/web-components@2.11.0 (url)

Minor Changes

• combobox, input, input-amount, input-date, input-mask, input-otp, input-phone, select, textarea : ajout d'un attribut accessible-name à utiliser si aucun label n'est ajouté
• menu-navigation : permettre l'utilisation de la touche espace pour activer les menu-items de type bouton;
• menu-item : ajout d'un attribut expanded

Patch Changes

• alert : dépréciation de l'attribut duration (non compatible avec l'accessibilité)
• textarea, input-native : modification du compteur afin de ne plus avoir d'erreur si la valeur est explicitement mise à null ou undefined.
• copy-button : suppression de l'attribut feedback-duration qui n'était pas compatible avec l'accessibilité
• input-phone : amélioration de la robustesse de mise à jour des valeurs.
• checkbox : recopie de la valeur de accessible-name dans l'attribut title de la case à cocher

 

Modification des modèles de pages suite aux retour de la DIPCOM

 

2.10.0 (25 septembre 2025)

@ds-autonomie/web-components@2.10.0 (url)

Minor Changes

• copy-button : ajout du bouton copier;
• tooltip : (a11y) éviter la double annonce au lecteur d'écran lorsque le contenu est modifié
• search : ajout des attributs optionnels accessible-name et placeholder
• card, card-content, card-nav, checkbox-card, radio-card, fieldset : ajout d'un attribut contrasted-borders

Patch Changes

• combobox : défilement de la liste de choix lors de la navigation au clavier
• dialog, drawer : amélioration du piège de focus
• tarteaucitron : ajout d'une feuille de styles pouvant être utilisée pour tarteaucitron

 

2.9.1 (10 septembre 2025)

@ds-autonomie/web-components@2.9.1 (url)

Patch Changes

• sidenav-info-accordion : augmenter la taille de police du contenu
• footer : cacher le slot "second-logo" si il est vide
• select : amélioration du comportement au lecteur d'écran
• table-of-content : en mobile, fermeture du dropdown au clic sur un lien

 

Ajout du modèle de page Accessibilité

Ajout du modèle de page FAQ

Ajout du modèle de page d'aide

 

2.9.0 (29 août 2025)

@ds-autonomie/web-components@2.9.0 (url)

Minor Changes

• sidenav-info-accordion: ajout de l'accordéon d'information de la navigation latérale
• tab-group: ajout de l'attribut accessible-name

Patch Changes

• sidenav, menu-item, menu-accordion: amélioration de l'a11y de la navigation latérale
• combobox : assimiler les tirets à des espaces pour le filtre
• button, tag-button: mise à jour de l'attribut accessible-name lorsque la propriété associée est modifiée
• drawer, dialog: empêcher la fermeture si un enfant dsa-tooltip est ouvert

 

2.8.1 (1 août 2025)

@ds-autonomie/web-components@2.8.1 (url)

Patch Changes

• sidenav : (a11y) ajout d'aria-labels en mode collapsed
• input-time : émission de dsa-change lors de l'ouverture du panneau sans valeur initiale

 

2.8.0 (31 juillet 2025)

@ds-autonomie/web-components@2.8.0 (url)

Minor Changes

• search : ajout du composant recherche
• sidenav : ajout du composant
• menu-accordion : ajout de l'attribut size, ajout des slots prefix et badge
• menu-label : ajustement rendu
• page-header : ajout de la propriété reduced pour l'affichage limité
• card-content : ajout/modification des tailles medium/small

Patch Changes

• input-date, input-time : dans un drawer, empêcher l'appui sur Echap pour fermer la popup de fermer également le drawer
• table-action : mise à jour du style
• table-container : (a11y) Empêcher d'atteindre la barre d'outil avec le lecteur d'écran si la barre d'action est affichée
• table-actions : (a11y) empêcher d'atteindre la barre d'action au lecteur d'écran lorsqu'elle est cachée
• select, combobox: désactivation des tags lorsque l'élément est désactivé
• fieldset : modification pour permettre aux champs enfants d'être désactivé de manière individuelle
• combobox, dialog, drawer, navbar-menu, select : suppression d'attributs tabindex inutiles
• file-upload : changement du style du bouton de primary à secondary
• tag : ajout des variantes neutral, et ajustement des couleurs disponibles (100 à 400)
• switch : renommage des attributs pour les libellés des états on et off
• accordion : résolution du problème de z-index dans le slot "actions"
• tree-item : séparation des comportement d'ouverture et de sélection, ajout d'un icône check pour la sélection simple

 

@ds-autonomie/assets@1.4.9

Patch Changes

• table-action : mise à jour du style
• tag : ajout des variantes neutral, et ajustement des couleurs disponibles (100 à 400)
• Mise à jour des design tokens

 

2.7.1 (3 juillet 2025)

@ds-autonomie/web-components@2.7.1 (url)

Patch Changes

• header, page-header, table-container, table-toolbar, tree-item: amélioration du rendu avec un zoom important
• Mise à jour des couleurs du brandbook (assets@1.4.8)
• step: correction de la couleur de la barre de progrès en mode horizontal
• accordion: ajout d'un divider entre les actions et le chevron
• input-date, input-time: ajout de l'attribut 'hoist' contrant certains problèmes d'affichage

 

@ds-autonomie/assets@1.4.8

Patch Changes

• Mise à jour des couleurs du brandbook

 

2.7.0 (23 juin 2025)

@ds-autonomie/web-components@2.7.0 (url)

Minor Changes

• dropdown: ajout d'un attribut pour fermer le panneau au clic
• table: ajout de classes permettant d'avoir le header ou les premières colonnes d'un tableau personnalisé en "sticky"
• input: ajout d'un état de succès
• input-date: possibilité de sélectionner une plage de dates
• table-single-cell-row: ajout du composant

Patch Changes

• file-upload: amélioration de l'intégration au sein des formulaires
• input: séparation interne des inputs type date, time et amount- mise à jour des dépendances

 

@ds-autonomie/assets@1.4.7

Patch Changes

• mise à jour des dépendances

 

2.6.0 (05 juin 2025)

@ds-autonomie/web-components@2.6.0 (url)

Minor Changes

• accordion: modification des styles, ajout d'attributs de style (taille et contours)
• input, filter-date : ajout de la possibilité d'enlever le bouton calendrier
• accordion-group: ajout du composant
• navbar-link : ajout de l'attribut current
• Patch Changes
• footer-sitemap: ajout d'un attribut permettant de déterminer l'alignement des liens
• file-upload: ajout d'un attribut permettant de personnaliser le libellé du bouton
• tab-group : désactivation des boutons de navigation lorsque l'on est au début / à la fin du scroll
• table-container : cacher automatiquement la barre d'actions multiples si aucune ligne n'est sélectionnée;
• table : initialisation des lignes sélectionnées au chargement
• card-content : modification de l'ordre du html (titre puis tags) pour une meilleure accessibilité
• mise à jour de dépendence : @ds-autonomie/assets@1.4.6

 

@ds-autonomie/assets@1.4.6

Patch Changes

• design tokens : mise à jour

 

2.5.1 (22 mai 2025)

@ds-autonomie/web-components@2.5.1 (url)

Patch Changes

• input, input-phone, input-otp : communalisation du code
• checkbox: correction d'un bug empechant l'utilisation de liens dans le label
• tab-group: retrait du focus sur les flèches de scroll et le groupe
• checkbox-group: attente du chargement des composants enfants
• tab-group: attente du chargement des composants enfants
• tree: attente du chargement des composants enfants
• table-header-cell: restriction de l'effet de survol aux tableaux triables, élargissement du bouton de tri

 

2.5.0 (12 mai 2025)

@ds-autonomie/web-components@2.5.0 (url)

Minor Changes

• card-nav, card-nav-item, card-nav-accordion : ajout des composants
• card-content: ajout du composant
• fieldset : ajout du composant
• visually-hidden, resize-observer, mutation-observer, relative-time : ajout d'éléments utilitaires
• tag-button : ajout du composant

Patch Changes

• dropdown: retrait de l'attribut obsolète stay-open-on-select
• combobox : restitution de l'option "Voir plus" au lecteur d'écran ;
• tag : suppression d'un attribut title inutile
• header : résolution d'un problème d'affichage du logo sur Safari
• header : augmentation de la taille "large" du logo
• input: amélioration de la gestion des méthodes stepUp et stepDown
• tab-group : prise en compte des changements dynamiques des attributs active des dsa-tab enfants
• combobox : résolution d'une erreur de mise à jour des la liste d'option en cas de slotchange
• tooltip: ajout automatique d'une description accessible à l'élément cible
• input : correction du retour de valueAsNumber pour le type amount
• menu-item: élargissement de l'attribut "current" au type "button"

 

2.4.1 (17 avril 2025)

@ds-autonomie/web-components@2.4.1 (url)

Patch Changes

• checkbox-group, radio-group, input, select, textarea: correction d’un bug entraînant l’affichage des descriptions destinées aux lecteurs d’écran
• table-container : création d’un lien automatique entre les éléments table-caption et les table

 

@ds-autonomie/assets@1.4.5

Patch Changes

• design tokens : mise à jour

 

2.4.0 (15 Avril 2025)

@ds-autonomie/web-components@2.4.0 (url)

Minor Changes

• accordion : ajout d'un slot "actions"
• table-caption : ajout d'un attribut total-items-label
• Ajout de classes permettant de donner un style DSA à un tableau personnalisé
• page-header : ajout du composant en-tête de page
• tab-group : possibilité de modifier le padding et la largeur maximale

Patch Changes

• input: correction de l'état de validité du type amount quand le champ est vide
• input-phone : correction du format de numéro pour la Polynésie française
• Affichage de messages d'avertissement dans la console en cas d'oubli d'attributs impactant l'accessibilité"
• combobox: ajout d'un attribut permettant de limiter le nombre d'options affichées
• combobox : suppression de la flèche si aucune option n'est chargée
• input, filter-date : résolution d'un bug lorsque la date du 1er janvier est sélectionnée
• combobox : changement du comportement pour faciliter la sélection des suggestions
• table-container: ajout d'une annonce personnalisable à l'affichage de la barre d'actions
• icon-button: transformation des valeurs de tailles en unités responsives
• download-card, download-link, breadcrumb, combobox, filter, select, accordion, drawer, tab: ajustement des tailles d'icones
• tag, anchor-tag, badge: ajustement du padding, valeurs responsives
• calendar: ajustement de la taille du panneau en responsive
• error-text: ajustement de la taille de l'icône
• table-header-cell : modification du comportement au hover/focus des en-têtes de colonnes triables
• input, input-mask, input-otp, input-phone, textarea, select, combobox, checkbox-group, radio-group: ajout d'un attribut permettant d'ajouter une description pour l'accessibilité
• dsa-link : amélioration des classes CSS pour les liens
• checkbox-group, radio-group : changement des attributs aria-describedby des fieldsets par aria-labelledby car la description n'était pas lue par les lecteurs d'écran.

 

2.3.1 (28 Mars 2025)

@ds-autonomie/web-components@2.3.1 (url)

Patch Changes

• tree-item, progress-circle, table-of-contents : amélioration du cycle de vie
• input : résolution du bug du type="date" avec les fuseaux horaires
• radio : amélioration de l'affichage en mode contraste élevé
• input-time: retrait de la scrollbar verticale sur la page
• combobox, file-upload-item, file-upload, input-phone : ajout d’attributs ARIA
• Mise à jour des dépendances

 

2.3.0 (14 Mars 2025)

@ds-autonomie/web-components@2.3.0 (url)

Minor Changes

• checkbox, checkbox-button, checkbox-group, radio, radio-button, radio-group: modification de la gestion des attributs readonly et disabled
• switch : ajout du composant
• input : harmonisation du comportement du type time sur les différents navigateurs
• radio-card : ajout du composant carte radio
• checkbox-card : ajout du composant carte checkbox
• dialog: ajout d'un attribut permettant de retirer le bouton de fermeture

Patch Changes

• input : correction de l'état de validité du type date
• button : ajout de la variante tertiary-with-outline
• dialog : ajustements graphiques
• radio-button : amélioration de la visibilité de l'état coché en mode contraste élevé
• radio-group : possibilité de tabuler sur la première option si la valeur du groupe n'est pas valide
• input-date : focus sur le champ au clic sur le label

 

@ds-autonomie/assets@1.4.4

Patch Changes

• design tokens : mise à jour

 

2.2.0 (21 Février 2025)

@ds-autonomie/web-components@2.2.0 (url)

Minor Changes

• input-otp : ajout de l'élément One Time Password

Patch Changes

• checkbox-group : correction de la largeur maximale en mode horizontal
• checkbox-group : changement du timing de l'initialisation
• input : correction de la réinitialisation programmatique du type "date"
• checkbox-group : amélioration de la structure interne

 

2.1.0 (11 Février 2025)

@ds-autonomie/web-components@2.1.0 (url)

Minor Changes

• download-card: déplacement des attributs annexes dans le lien pour les lecteurs d'écran
• download-link: déplacement des attributs annexes dans le lien pour les lecteurs d'écran
• callout : remplacement de l'attribut title (déprécié) par callout-title;
• button, checkbox : remplacement des attributs title et aria-label (dépréciés) par accessible-name
• header: ajout d'un attribut permettant de choisir la taille du logo
• header-search: ajout d'un attribut permettant de rendre le composant dans un état ouvert permanent
• header-search : ajout d'un attribut mobile
• tab : ajout de l'attribut close-button-label
• header : ajout d'un slot pour le premier logo
• dialog: ajout d'un attribut permettant de cacher le titre du header

Patch Changes

• alert: changement de l'attribut aria-live vers "polite"
• input-phone: ajustement espaces
• Adaptation des stories pour améliorer les tests Chromatic
• menu-navigation, filter-select : retouches a11y
• filter-select : possibilité de changer d'option avec les flèches du clavier
• radio-group, checkbox-group : permettre de cacher le label (si redondant)

 

🎉 2.0.1 (27 Janvier 2025)

@ds-autonomie/web-components@2.0.1 (url)

Major Changes

• menu : suppression du composant dsa-menu (à remplacer par dsa-menu-navigation, qui suit le pattern "disclosure");
• menu-item : suppression des types "normal" et "checkbox" (le type par défaut est maintenant "button")
• cdn : possibilité d'utiliser le package via CDN. L'organisation du package a dû être modifiée, ce qui implique une modification de certains chemins d'import pour les utilisateurs.
• header, footer : ajout d'un attribut "mobile" qui détermine son mode d'affichage et remplace les media queries. Sa valeur doit être gérée côté implémentation.

Patch Changes

• menu-navigation: ajout d'un attribut role="list" pour l'a11y
• menu-item: ajout d'un attribut role="listitem" pour l'a11y
• divider: retrait du role par défaut, ajout de aria-hidden
• Mise à jour des dépendances

 

---

Guide de Migration

Voici quelques étapes pour vous aider à migrer de la version 1 à la version 2.

N’hésitez pas à contacter l’équipe DSA si vous rencontrez des difficultés

 

1/ Import paths

Tous les chemins d’imports sont maintenant sous la forme src/components/mon-composant/mon-composant.ts .
Si vous utilisez les éléments suivant, il vous faut modifier leur chemin d’import :

• filtres : filter-button , filter-counter , filter-date , filter-range , filter-select
• barre de navigation : navbar-link , navbar-menu , navbar
• tableau : table-action , table-body , table-caption , table-cell , table-container , table-expanded-row , table-head , table-header-cell , table-header-row , table-row , table-toolbar
• le fichier defs qui était auparavent dans components/table/defs est maintenant dans components/table-header-cell/defs

 

2/ Menus

L’élément dsa-menu, qui était déprécié, a été supprimé de la librairie.
Vous pouvez utiliser à sa place l’élément dsa-menu-navigation, qui suit le pattern “Disclosure” (W3C).

Les types normal et checkbox de l’élément dsa-menu ont également été supprimés. Vous pouvez utiliser les types link et button (par défaut).

Les éléments utilisés à l’intérieur du dsa-menu-navigation doivent avoir un role listitem. Ce rôle est ajouté par défaut aux éléments dsa-menu-item, mais si vous utilisez d’autres éléments, n’oubliez pas de leur ajouter le role.

 

3/ Media queries

Les media queries qui étaient intégrées aux élément dsa-header et dsa-footer ont été supprimés et remplacé par des attributs mobile , afin de vous laisser plus de contrôle sur quand ces éléments changent de disposition, et aligner leur comportement avec le reste de votre interface.