Update to DSFR 1.12

Created on 2 July 2024, 10 months ago

Problem/Motivation

Global
🎉 Gestion des prĂ©fĂ©rences utilisateurs de contrastes et d’animations #929
Mode haut contraste (couleurs forcĂ©es) : l’ensemble des composants ont Ă©tĂ© revu pour une utilisation avec un thĂšme contrastĂ© (Windows High Contrast mode)
Animations dĂ©sactivĂ©es : les animations sur les composants sont dĂ©sactivĂ©es lorsque l’option “reduce motion” est active
🐛 Correction du centrage des container-sm/md/lg/xl #916
🎉 Ajout d’icînes #956 #946 #929 #911
🎉 Ajout des tokens de couleur $background-action-high-grey et $border-contrast-grey #911 #917
Pictogramme
🎉 Ajout du pictogramme digital/in-progress #918
Build
✹ Lors de l'exĂ©cution de la commande yarn build, les fichiers de configuration sont créés s'ils n'existaient pas #908
✹ Ajout de browser-sync en tant que peerDependencies dans le package.json #908
đŸ§© Composants
Bandeau d’information importante - notice
🎉 Ajout de variations de bandeaux d'information importante #917
2 niveaux génériques supplémentaires (avertissement et alerte)
3 bandeaux d'alertes (attentat, appel à témoins, cyber-attaque)
3 bandeaux vigilance météo (orange, rouge, violette)
đŸ’„ Changement de la structure html permettant l’ajout d’un titre, une description, et un lien #917
Carte - card
✹ Ajout d'une classe utilitaire enlarge-button utilisĂ©e sur les cartes et les tuiles de tĂ©lĂ©chargement pour Ă©largir la zone de clique Ă  tout le composant quand l'Ă©lĂ©ment cliquable est un bouton #943 #951
✹ Mise à jour de la taille des images d’exemples de carte "Image et ratio" #938
Contenu média - content
✹ Le composant fr-transcription n’est plus placĂ© dans mais aprĂšs la balise fr-content-media (la rĂ©trocompatibilitĂ© de la structure prĂ©cĂ©dente est conservĂ©e mais dĂ©prĂ©ciĂ©e) #932
â™żïž ajoute un attribut alt sur l'exemple "MĂ©dia image avec une transcription" mentionnant la transcription situĂ©e en dessous du composant MĂ©dia
â™żïž ajoute un attribut title sur les exemples de "MĂ©dia video" mentionnant la transcription situĂ©e en dessous du composant MĂ©dia
Citation - quote
🐛 Ajout de la propriĂ©tĂ© object-fit: cover sur l'image de citation pour conserver le ratio de l'image lorsqu'elle n'est pas carrĂ©e. Dans la mesure du possible, privilĂ©giez un ratio d'image carrĂ© pour un meilleur support navigateur. #912
Curseur - range
🐛 Correction de la boucle infinie faisant crash la page #931
🐛 Correction du style du curseur avec Ă©tape dĂ©sactivĂ©, et ajout d’exemples de curseurs dĂ©sactivĂ©s #931
🐛 Correction de la modification de valeur du deuxiĂšme input lorsque le min dĂ©passe le max ou l'inverse sur le curseur double #931
En-tĂȘte - header
🐛 RĂ©duction de la zone de clic du lien du service, ou du logo, Ă©largie en mobile. La zone Ă  droite du logo et Ă  droite du service n’est plus cliquable Ă©vitant les clics non dĂ©sirĂ©s #944
Fil d’arianne - breadcrumb
🐛 Correction de l'alignement vertical des icînes de chevron sur tout les navigateurs (bug sur Safari 17) #933
Interrupteur - toggle
âœšđŸ’„ Ajout de la bordure colorĂ©e Ă  gauche de l’interrupteur en Ă©tat d’erreur/succĂšs. Attention : Les marges avant et aprĂšs le composant ont Ă©tĂ© retirĂ©es, possible ajustement des espacements Ă  prĂ©voir #954
🐛 Correction du retour Ă  la ligne sur le label "activĂ©/dĂ©sactivĂ©â€ #928
Pied de page - footer
âœšđŸ’„ Change l'ordre des liens, et gouvernement.fr devient info.gouv.fr #905
🐛 Remplacement de l'intitulĂ© par dĂ©faut "[A modifier]" de l'attribut title par l'intitulĂ© officiel sur les liens obligatoires du footer. #905
🐛 RĂ©duction de la zone de clic du logo en mobile, elle n’est plus Ă©tendue sur toute la largeur #944
Tableau - table
âœšđŸ’„ Evolution du tableau permettant l’ajout de donnĂ©es complexes, d’utilitaires de placement, de bouton de tri, de coche de sĂ©lection de ligne (la rĂ©trocompatibilitĂ© de la structure prĂ©cĂ©dente est conservĂ©e mais dĂ©prĂ©ciĂ©e) #911
Tuile - tile
✹ Ajout d'une classe utilitaire enlarge-button utilisĂ©e sur les cartes et les tuiles de tĂ©lĂ©chargement pour Ă©largir la zone de clique Ă  tout le composant quand l'Ă©lĂ©ment cliquable est un bouton #943 #951
🔌 Analytics
🎉 Ajout de la possibilitĂ© de bloquer une action particuliĂšre avec l'attribut et la valeur data-fr-analytics-action="false" quand l'envoi des actions est activĂ© au global #937
🎉 Ajout de marquage sur le lien des bandeaux d’information importante #917

✹ Feature request
Status

Active

Version

1.0

Component

Code

Created by

đŸ‡«đŸ‡·France musa.thomas France đŸ‡«đŸ‡·

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024