DSFR v1.6.0

🎨 Fondamentaux

Global
✨ Migration du système de build de node-sass vers sass-dart.

Icons
✨ Évolution de la gestion du placement des icônes dans les composants offrant la possibilité d’avoir une icône adjointe au label. Précédemment, le rendu d’affichage de ces composants se faisait en flex-box, avec l'icône rendue dans un pseudo-élément before et le placement déterminé par la propriété flex-direction en row ou row-reverse. Désormais, ces composants peuvent être rendu suivant le cas en inline ou en flex-box, l'icône pouvant être dans un pseudo-élément before ou after, suivant son placement à gauche ou à droite. En inline, le placement de l'icône se fait suivant l'alignement vertical et la taille de fonte. Cette évolution permet d'avoir l'icône inclue dans la ligne dans le cas où le label occuperait plusieurs lignes, notamment link

Medias
✨ En remplacement des modificateurs spécifiques fr-responsive-img--xxx et fr-responsive-vid--xxx, maintenant dépréciés, ajout d’utilitaires permettant de gérer le ratio d’aspect de manière générique : fr-ratio-32x9 fr-ratio-16x9 fr-ratio-3x2 fr-ratio-4x3 fr-ratio-1x1 fr-ratio-3x4 fr-ratio-2x3

🎉 Ajout des pictogrammes illustratifs

🧩 Composants

Badge
🛠️ Ajustement des espacements dans un groupe de badges

Breadcrumb
✨ Passage du breadcrumb en inline pour un affichage sur plusieurs lignes

Button
🛠️ Ajustement des espacements dans un groupe de boutons

Consent
✨ Correction cosmétique du bouton permettant de déployer les services.

Download
🛠️ Correction de la couleur des puces dans les listes de liens de téléchargement pour la couleur bleue.

Follow
✨ Ajout de réseaux sociaux dans les modificateurs inclus dans le composant, évitant une dépendance à utiliy/icons. Documenté dans les pages d’exemple.

Header
🛠️ Correction de la marge basse des liens rapides en version desktop
✨ Retrait du séparateur entre les liens rapides
🛠️ Ajustement des marges

Icons
🛠️ Correction du support déprécié de l’utilitaire .fr-fi-checkbox-circle-line

Logo
🛠️ Correction marges du logo en multiple de 4px

Links
🛠️ Revue du placement des icônes.

Navigation
🛠️ Correction de la gestion du focus par le JS au clic sur les éléments de navigation

Notice
🎉 Ajout du composant notice / Bande d’information importante

Sidemenu
✨ Changement de balise du titre pour un heading au lieu d’un paragraphe

Share
✨ Ajout de réseaux sociaux dans les modificateurs inclus dans le composant, évitant une dépendance à utiliy/icons. Documenté dans les pages d’exemple.

Stepper
🎉 Ajout du composant Indicateur d'étape

Tab
✨ Changement dans la méthode d’affichage des bordures et des éléments.

Table
🛠️ Correction bug IOs sur les bordures

Tag
🛠️ Ajustement des espacements dans un groupe de tags