# Changelog du Système de design de l’État Toutes les modifications notables apportées à ce projet sont documentées dans ce fichier. Ce projet respecte [Semantic Versioning](https://semver.org/spec/v2.0.0.html). Pour plus d’informations : [Voir la documentation](https://www.systeme-de-design.gouv.fr/) ## v1.15 ### [v1.15.2](https://github.com/GouvernementFR/dsfr/releases/tag/v1.15.2) - 11 août 2026 #### [#1487](https://github.com/GouvernementFR/dsfr/pull/1487) : ♻️ génération de la doc depuis dsfr-doc `refactor ` - Déplace la dépendance à dsfr-nexus dans un sous projet dsfr-doc --- ### [v1.15.1](https://github.com/GouvernementFR/dsfr/releases/tag/v1.15.1) - 20 juillet 2026 #### [#1486](https://github.com/GouvernementFR/dsfr/pull/1486) : ✨ mise à jour des modalités d'utilisation `feat ` – Incrémentation de la version de cgu.md --- #### [#1483](https://github.com/GouvernementFR/dsfr/pull/1483) : ✨ mise à jour de la licence `feat ` - Passage en licence etalab-2.0 --- ### [v1.15.0](https://github.com/GouvernementFR/dsfr/releases/tag/v1.15.0) - 17 juillet 2026 #### [#1482](https://github.com/GouvernementFR/dsfr/pull/1482) : 📝 correction terme site-segment `docs (analytics)` --- #### [#1480](https://github.com/GouvernementFR/dsfr/pull/1480) : 📝 correction des extraits de code `docs (modal)` --- #### [#1476](https://github.com/GouvernementFR/dsfr/pull/1476) : 🐛 amélioration du script preinstall & variable d'environnement `fix ` - Ajout de la variable d'environnement DSFR_ACCEPT_LICENSE=1 pour considérer la licence comme acceptée sans lecture de .dsfr.yml (pour les CI) - Amélioration des messages d'erreurs --- #### [#1479](https://github.com/GouvernementFR/dsfr/pull/1479) : 📝 correction doc accessibilité de la modale `docs (modal)` --- #### [#1467](https://github.com/GouvernementFR/dsfr/pull/1467) : 🐛 permet d'utiliser la grille sous forme de liste `fix (grid)` * Corrige l'utilisation de ul et ol avec des gouttières * Corrige la numérotation pour les listes ordonnées * Retire la partie legacy inutile --- #### [#1465](https://github.com/GouvernementFR/dsfr/pull/1465) : 🐛 corrige la démo et ajoute le titre de la modale `fix (transcription)` - Ajoute la possibilité de paramétrer le titre de la modal de transcription dans le storybook - Correction de la documentation transcription --- #### [#1471](https://github.com/GouvernementFR/dsfr/pull/1471) : ✨ modifie la manière d'installer le dsfr `feat ` --- #### [#1468](https://github.com/GouvernementFR/dsfr/pull/1468) : 🐛 retrait des skiplinks en version print `fix (skiplinks)` --- #### [#1463](https://github.com/GouvernementFR/dsfr/pull/1463) : 🐛 correction du script d'acceptation des cgu à l'installation `fix ` --- #### [#1460](https://github.com/GouvernementFR/dsfr/pull/1460) : 🐛 corrige le format et ajout licence `fix (publiccode)` --- #### [#1396](https://github.com/GouvernementFR/dsfr/pull/1396) : ⬆️ mise à jour des dépendances npm `chore (dependencies)` --- #### [#1457](https://github.com/GouvernementFR/dsfr/pull/1457) : 🐛 correction du format du fichier publiccode.yml `fix ` --- #### [#1372](https://github.com/GouvernementFR/dsfr/pull/1372) : ✨ mise à jour des CGU `feat (cgu)` - Réécriture des modalités d'utilisation - CGU.md - Ajoute la nécessité de les accepter pour voir la documentation ou installer le dsfr --- #### [#1384](https://github.com/GouvernementFR/dsfr/pull/1384) : 📝 ajout de pages de recherche d'icones, couleurs, et pictogrammes `docs ` - Ajout des pages de recherche d'icônes, de pictogrammes et de couleur - Corrections de la documentation des pictogrammes --- #### [#1380](https://github.com/GouvernementFR/dsfr/pull/1380) : 🐛 changement de selecteur des input+label `fix (checkbox, radio)` - Rend le sélecteur du label qui suit les inputs de type radio/checkbox moins sensible à la structure du DOM. - Utilisation d'un "~" plutot que "+". - Impacte les composants radio, checkbox, password, segmented, form --- #### [#1386](https://github.com/GouvernementFR/dsfr/pull/1386) : ✨ ajout de l'attribut action reduce `feat (analytics)` - Ajout de l'attribut `data-fr-analytics-action="reduce"` qui permet de désactiver l'envoi d'actions sur un élément particulier, en empêchant l'initialisation de l'instance de tracking associée à cet élément. - Mise à jour de la documentation analytics --- #### [#1447](https://github.com/GouvernementFR/dsfr/pull/1447) : 🐛 correction des ouvertures/fermeture du tooltip `fix (tooltip)` - Corrige la fermeture sur IOS et la fermeture au tab - Une information contextuelle ne reste plus ouverte après un clic - Cliquer une seconde fois sur une infobulle la referme maintenant --- #### [#1429](https://github.com/GouvernementFR/dsfr/pull/1429) : 🐛 décale d'une scrollbar uniquement la modale ouverte `fix (modal)` - Toutes les modales étaient impactées par le décalage créé pour pallier l'agrandissement de la fenêtre lié au retrait de la scrollbar lors de l'ouverture d'une modal. Cela créait, entre autres, un décalage de la navigation principale à l'ouverture d'une modale --- #### [#1444](https://github.com/GouvernementFR/dsfr/pull/1444) : 🐛 correction de la fonction sass space() `fix ` - Corrige les espaces dans le css généré par la fonction sass space(), qui générait des valeurs incorrectes comme `calc(10%- 2rem)` - L'erreur était invisible car stylelint le corrige au build --- #### [#1389](https://github.com/GouvernementFR/dsfr/pull/1389) : 🐛 déplace le focus au press sur les flèches directionnelles `fix (tab)` - Lorsque que l'on change d'onglet au clavier, via les touches directionnelles, le focus se positionne sur le bouton actif --- #### [#1387](https://github.com/GouvernementFR/dsfr/pull/1387) : 🐛 scroll au focus d'un élément caché sous le footer `fix (modal)` - Lorsque le focus est placé sur un élément caché sous le footer sticky de la modal, on scroll pour qu'il soit visible - Ajout de la propriété scroll-padding-bottom --- #### [#1449](https://github.com/GouvernementFR/dsfr/pull/1449) : 🐛 corrections des tests automatiques Pa11y `fix (pa11y)` --- #### [#1452](https://github.com/GouvernementFR/dsfr/pull/1452) : ✨ permet d'utiliser la grille sous forme de liste ul/li `feat (grid)` - Retire les puces lorsque l'on utilise une grille avec la balise ul --- #### [#1455](https://github.com/GouvernementFR/dsfr/pull/1455) : ✨ ajoute la variation lien au fil du texte `feat (link)` - Ajoute un paramètre inText permettant de retirer le style du lien --- #### [#1453](https://github.com/GouvernementFR/dsfr/pull/1453) : 🐛 corrections du build et des dépendances `fix ` - Corrige les templates de colors généré - Remplace les if ternaires dépréciés en scss - Corrige les dépendances et peerDependances --- #### [#1451](https://github.com/GouvernementFR/dsfr/pull/1451) : 🐛 changement de la media query de détection de IE `fix (legacy)` - Retire le support du Windows High Contrast mode sur IE - Change la media-query de détection de IE ce qui permet d'éviter le crash des linter/compilateur --- #### [#1390](https://github.com/GouvernementFR/dsfr/pull/1390) : 🐛 niveau de titre du sommaire `fix (summary)` - Le titre du sommaire peut être une balise `

` --- #### [#1454](https://github.com/GouvernementFR/dsfr/pull/1454) : 📝 niveau de titre des catégories du menu `docs (footer)` --- #### [#1393](https://github.com/GouvernementFR/dsfr/pull/1393) : 🐛 niveau de titre des catégories du menu en h2 `fix (footer)` - Par défaut, le titre des catégories du menu du footer sont maintenant en h2 --- #### [#1430](https://github.com/GouvernementFR/dsfr/pull/1430) : 📝 améliore la recherche des noms anglais des composants `docs (*)` - Ajout de mots-clés en anglais --- #### [#1431](https://github.com/GouvernementFR/dsfr/pull/1431) : 📝 corrige le snippet de code du sélecteur de langue `docs (translate)` - Retrait de la balise et du role "nav" --- #### [#1434](https://github.com/GouvernementFR/dsfr/pull/1434) : 🐛 désactive le composant quand l'attribut HTML `data-fr-scheme` est absent `fix (display)` - Corrige la marge basse dans la modale - Désactive le composant quand l'attribut data-fr-scheme est absent --- #### [#1432](https://github.com/GouvernementFR/dsfr/pull/1432) : 🐛 change l'attribut type du bouton à submit `fix (search)` - Passe le type du bouton de la recherche à "submit" dans les exemples, la doc, et storybook puisque la barre de recherche doit être intégrée au sein d'un formulaire --- #### [#1424](https://github.com/GouvernementFR/dsfr/pull/1424) : 📝 retrait du 'hidden' sur les exemples de code `docs (select)` - Correction déjà appliquée dans le code, répercutée dans la doc --- #### [#1440](https://github.com/GouvernementFR/dsfr/pull/1440) : 📝 corrige les liens vers la documentation des composants `docs (*)` --- #### [#1422](https://github.com/GouvernementFR/dsfr/pull/1422) : 🐛 correction de sécurité sur le js des pictogrammes `fix (core)` - Sur IE11 et sur la fonction dépréciée `inject-svg`, une couche sécurité permet d'éviter les injections. --- #### [#1419](https://github.com/GouvernementFR/dsfr/pull/1419) : 🐛 correction des éléments désactivés `fix (sidemenu)` --- #### [#1407](https://github.com/GouvernementFR/dsfr/pull/1407) : ✨ utilisation de la liaison for/id sur le curseur simple `feat (range)` - Corrige le contrôle Storybook "size" - Utilise la liaison for/id comme préconisé dans la partie accessibilité - Corrige les exemples du curseur double - Cache la valeur par défaut du curseur aux APIs d'accessibilité --- #### [#1382](https://github.com/GouvernementFR/dsfr/pull/1382) : 🐛 empeche fermeture au click sur tooltip `fix (tooltip)` - Sur les tooltips ouverts au clic sur le btn, cliquer sur le tooltip ne ferme plus celui-ci. Ce qui permet de sélectionner et copier coller son contenu. --- #### [#1443](https://github.com/GouvernementFR/dsfr/pull/1443) : 🐛 generation des settings de couleur et lint `fix ` --- #### [#1385](https://github.com/GouvernementFR/dsfr/pull/1385) : ✨ retrait des utilitaires de couleurs red-marianne `feat ` - Retrait des utilitaires de couleurs de text, border, et background en red-marianne --- #### [#1383](https://github.com/GouvernementFR/dsfr/pull/1383) : 🐛 rajoute icônes supprimées en 1.14 `fix (icons)` Remet en place les icônes : - fr--arrow-right-up-circle-fill.svg‎ - fr--arrow-right-down-circle-fill.svg --- #### [#1367](https://github.com/GouvernementFR/dsfr/pull/1367) : 🐛 améliore l'affichage des éléments de l'en-tête et de la navigation en mobile `fix (header, navigation)` - Uniformise les marges des raccourcis dans une liste - Affiche un raccourci de la même façon avec ou sans liste - Cache le séparateur des raccourcis quand il n'y a pas de navigation - Identifie comme "actif" les N1 dépliants dans la navigation - Aligne pas tous les éléments uniformément dans l'en-tête --- #### [#1366](https://github.com/GouvernementFR/dsfr/pull/1366) : 📝 lien vers les recommandation sur les mots de passe de l'ANSSI `docs (password)` - L'ancien document n'est plus disponible. --- #### [#1364](https://github.com/GouvernementFR/dsfr/pull/1364) : ✨ améliore l'aide à la saisie des champs email et tél `feat (input)` - Utilisation du texte d'aide "email@example.com" au lieu de "email@domain.com" - Utilisation de l'exemple de téléphone "(+33) 5 36 49 68 27" au lieu de "(+33) 1 22 33 44 55" --- #### [#1363](https://github.com/GouvernementFR/dsfr/pull/1363) : 📝 typo doc design header `docs (header)` --- #### [#1361](https://github.com/GouvernementFR/dsfr/pull/1361) : ✨ ajoute l'état indéterminé `feat (checkbox)` - Ajoute la case à cocher en état indéterminé --- #### [#1388](https://github.com/GouvernementFR/dsfr/pull/1388) : ✨ ajout du bouton proConnect `feat (connect)` - Ajout de la variante `fr-connect--pro` et mise à jour de la documentation --- #### [#1403](https://github.com/GouvernementFR/dsfr/pull/1403) : 🐛 corrige l'affichage mobile lors d'une utilisation sans accordéon `fix (sidemenu)` Sans accordéon, le composant est rendu avec deux erreurs : - Les éléments de premier niveau sont séparés par deux bordures - Quand il n'y a qu'un sous-élément, une bordure est dessinée entre celui-ci et le premier niveau. --- #### [#1341](https://github.com/GouvernementFR/dsfr/pull/1341) : 🐛 corrige la marge du variant viewport-width `fix (tab)` - Retire le calcul de marge en vw, erroné sur firefox qui compte la scrollbar dans le viewport --- #### [#1438](https://github.com/GouvernementFR/dsfr/pull/1438) : 📝 correction valeur aria-live des messages de formulaire `docs (pattern, page)` - Remplace la valeur aria-live `assertive` par `polite` --- ## v1.14 ### [v1.14.4](https://github.com/GouvernementFR/dsfr/releases/tag/v1.14.4) - 3 mars 2026 #### [#1397](https://github.com/GouvernementFR/dsfr/pull/1397) : 🐛 github action security `fix ` - Corrige une faille de sécurité potentielle sur les github actions --- #### [#1398](https://github.com/GouvernementFR/dsfr/pull/1398) : ♻️ nom des fichiers data.yml `refactor ` - change le nom des fichiers data.yml à la racine de chaque composant en index.yml --- ### [v1.14.3](https://github.com/GouvernementFR/dsfr/releases/tag/v1.14.3) - 15 décembre 2025 #### [#1350](https://github.com/GouvernementFR/dsfr/pull/1350) : ⬆️ mise à jour des dépendances npm `chore (dependencies)` --- #### [#1334](https://github.com/GouvernementFR/dsfr/pull/1334) : 📝 titre page accessibilite en h2 `docs (badge)` --- #### [#1348](https://github.com/GouvernementFR/dsfr/pull/1348) : ✨ documentation bouton non lié `feat (modal)` - Ajout de documentation sur la gestion des modales sans bouton associé et avec plusieurs boutons associés - Ajout d'un exemple de modale avec plusieurs boutons d'ouverture --- #### [#1347](https://github.com/GouvernementFR/dsfr/pull/1347) : ✨ header du tableau et bouton aria-sort `feat (table)` - Alignement du contrôle segmenté à droite dans le header - Permet une utilisation correcte de aria-sort, ajouts des classe fr-btn--sort-asc et fr-btn--sort-desc - Ajout d'un exemple avec barre de recherche dans le header du tableau --- #### [#1345](https://github.com/GouvernementFR/dsfr/pull/1345) : 🐛 espaces insécables avant et après les guillemets `fix (quote)` - Utilisation de l'espace insécable avant et après les guillemets pour éviter le retour à la ligne d'un guillemet seul --- #### [#1344](https://github.com/GouvernementFR/dsfr/pull/1344) : 🐛 fermeture au click sur un sous-élement html d'un nav_link `fix (navigation)` - Corrige le clic sur un élément à l'intérieur d'un nav__link --- #### [#1343](https://github.com/GouvernementFR/dsfr/pull/1343) : 📝 mise à jour des assets `docs ` - Corrections mineures sur les images de la documentation --- #### [#1336](https://github.com/GouvernementFR/dsfr/pull/1336) : 📝 mise à jour de la liste des moyens de connexion de FranceConnect `docs ` --- #### [#1332](https://github.com/GouvernementFR/dsfr/pull/1332) : 📝 ajout du mot clé haut de page `docs (link)` - Ajout du mot clé "haut de page" sur les pages de documentation du lien pour améliorer la recherche de ce terme --- #### [#1331](https://github.com/GouvernementFR/dsfr/pull/1331) : 📝 met a jour les liens vers la doc de chaque composants `fix (readme)` - Correction des liens vers la documentation dans les fichiers package.yml de chaque package --- #### [#1323](https://github.com/GouvernementFR/dsfr/pull/1323) : 🐛 corrige label nomdusite.fr `fix (consent)` - Remplace le label nomdusite.fr par nomdusite.gouv.fr dans le gestion de consentement --- #### [#1305](https://github.com/GouvernementFR/dsfr/pull/1305) : 📝 supprime un doublon de paragraphe `docs (notice)` - Retire un texte en double --- #### [#1313](https://github.com/GouvernementFR/dsfr/pull/1313) : 🐛 Storybook min/max value steps & ajout markup titre `fix (stepper)` - les propriétés stepCount et currentStep sont maintenant limitées entre 2 et 8 - ajout des valeurs 'h6' et 'p' sur la propriété markup --- #### [#1311](https://github.com/GouvernementFR/dsfr/pull/1311) : 📝 corrige les IDs des accordéons & retrait niveau de titre des extraits de code `docs (icon)` --- ### [v1.14.2](https://github.com/GouvernementFR/dsfr/releases/tag/v1.14.2) - 17 septembre 2025 #### [#1302](https://github.com/GouvernementFR/dsfr/pull/1302) : 🐛 ajoute un fond blanc au panel des onglets `fix (tab)` - Corrige le fond transparent du tab panel - Corrige la hauteur du panel (4px en trop) --- #### [#1303](https://github.com/GouvernementFR/dsfr/pull/1303) : 📝 met a jour les visuels suite maj du footer `docs (assets)` Met à jour les visuels sur les pages : - page d’erreurs, - page de connexion - page de creation de compte - composant paramètre d’affichage - composant Lettre d’information et Réseaux Sociaux --- #### [#1298](https://github.com/GouvernementFR/dsfr/pull/1298) : ⬆️ storybook dependencies `chore ` --- #### [#1297](https://github.com/GouvernementFR/dsfr/pull/1297) : 📝 corrections mineures de documentation `docs ` - Fautes d'orthographe - Ajout de précision sur l'ajout icônes --- #### [#1286](https://github.com/GouvernementFR/dsfr/pull/1286) : 🐛 build storybook & ajout input label value `fix (range)` - Correction de la page storybook du curseur - Ajout de la possibilité de modifier les intitulés des aria-label des inputs sur le curseur double --- #### [#1290](https://github.com/GouvernementFR/dsfr/pull/1290) : 🐛 corrige affichage dans storybook `fix (display, transcription)` - corrige l'affichage des modales ouvertes dans storybook --- #### [#1292](https://github.com/GouvernementFR/dsfr/pull/1292) : 📝 uniformisation du formatage des groupes de boutons `docs (button, modal)` - Les groupes de boutons sont maintenant présentés dans les exemples de code avec des ul/li plutôt que des div --- #### [#1295](https://github.com/GouvernementFR/dsfr/pull/1295) : 🐛 met a jour le lien du footer service-public.gouv.fr `fix (footer)` - Remplace le lien "service-public.fr" par "service-public.gouv.fr" dans le composant footer et les exemples utilisant le pied de page --- ### [v1.14.1](https://github.com/GouvernementFR/dsfr/releases/tag/v1.14.1) - 29 août 2025 #### [#1279](https://github.com/GouvernementFR/dsfr/pull/1279) : 🐛 correction du build des exemples `fix (build)` --- #### [#1252](https://github.com/GouvernementFR/dsfr/pull/1252) : ⬆️ change la version minimale de Node.js `chore (Node)` - Pour permettre plus de souplesse, les versions de Node acceptées pour build le DSFR sont maintenant "^20.19.0 || ^22.12.0 || >=24.0.0" --- #### [#1254](https://github.com/GouvernementFR/dsfr/pull/1254) : ⬆️ mise à jour des dépendances npm `chore (dependencies)` --- #### [#1277](https://github.com/GouvernementFR/dsfr/pull/1277) : 📝 corrections mineures de documentations `docs ` - Corrections documentations button, link, footer, display, tooltip --- #### [#1276](https://github.com/GouvernementFR/dsfr/pull/1276) : 🐛 mega menu leader toujours visible `fix ` - Retrait des classes hidden mobile sur le texte dans le leader des exemples de mega-menu --- #### [#1274](https://github.com/GouvernementFR/dsfr/pull/1274) : 🐛 retrait css inutile `fix (toggle)` - Retire une propriété CSS non conforme et inutile dans print.scss --- #### [#1267](https://github.com/GouvernementFR/dsfr/pull/1267) : 🐛 maj des meta-descriptions `fix (seo)` - mise à jour des méta-descriptions dans les pages de documentation des composants. --- #### [#1266](https://github.com/GouvernementFR/dsfr/pull/1266) : 🐛 retire trailing slash `fix (breadcrumb)` - Retrait du dernier "/" en fin d'url des liens du fil d'arianne --- #### [#1210](https://github.com/GouvernementFR/dsfr/pull/1210) : ajout de pictogrammes `feat (artworks)` Ajout des pictogrammes : - building - base.svg - companie.svg - digital - smartphone.svg - document - archive.svg - binders.svg - conclusion.svg - document-search.svg - driving-license-new.svg - international-driving-license-new.svg - international-driving-license.svg - national-identity-card-passport.svg - presse-card.svg - sign-document.svg - health - doctor - medical-research - institutions - army-tank - astronaut - navy-anchor - navy-bachi - leasure - art - audio - catalog - pictures - podcast - video - video-games - system - language - flow-settings - flow-list --- #### [#1214](https://github.com/GouvernementFR/dsfr/pull/1214) : 🐛 correction bordure navigation mobile avec 1 seul item `fix (navigation)`  - Correction de la bordure de la navigation mobile lorsqu'elle ne contient qu'un seul élément --- #### [#1220](https://github.com/GouvernementFR/dsfr/pull/1220) : 📝 Maillage des composants sous forme de carte `docs ` - Dans la documentation, le maillage des composants est maintenant proposé sous forme de cartes plutôt que des liens --- #### [#1221](https://github.com/GouvernementFR/dsfr/pull/1221) : 🐛 marges de la modale en pourcentage `fix (modal)` - Lorsque la page est insérée dans une iframe plus petite que le viewport les marges en haut et en bas de la modale prennent 10% de la page et non 10% de l'iframe --- #### [#1225](https://github.com/GouvernementFR/dsfr/pull/1225) : ✨ retrait de l'interrupteur avec libellé à gauche `fix (toggle)` - La variation interrupteur avec libellé à droite est problématique en termes d'accessibilité, notamment en navigation avec loupe d'écran. Nous avons décidé de la retirer. Celle-ci reste fonctionnelle mais ne doit plus être utilisée. - Correction et amélioration de la documentation de l'interrupteur. --- #### [#1211](https://github.com/GouvernementFR/dsfr/pull/1211) : 📝 correctifs édito & ajout de stories `docs ` - Ajout de stories sur checkbox et radio - Corrections mineures sur la documentation --- #### [#1228](https://github.com/GouvernementFR/dsfr/pull/1228) : 🐛 Gestion du thème dsfr sur les iframes storybook `fix (storybook)` - Applique le thème de la page dans les iframes Storybook du site de doc --- #### [#1229](https://github.com/GouvernementFR/dsfr/pull/1229) : 🐛 modification du markup nav en div `fix (translate)` - Le composant sélecteur de langue ne doit plus utiliser une balise `