MAJ vers la dernière version du DSFR

[jenovateurs]

Passer de la version 1.9.3 vers 1.12.1 Différence de code : https://github.com/GouvernementFR/dsfr/compare/v1.9.3...v1.12.1

Liste des Breakings Changes identifiés :

• 💥 Changement de la structure html permettant l’ajout d’un titre, une description, et un lien #917

• ✨💥 Evolution de la structure des pictogrammes pour corriger la régression amenée par la version M156 de Chrome https://github.com/GouvernementFR/dsfr/issues/971

• Prévoir de récupérer les pictogrammes s’ils sont copiés/collés depuis le dist/

  Tableau - table

• Correctif sur le tableau https://github.com/GouvernementFR/dsfr/issues/969

  • déplacement des bordures des tableaux déprécies sur les thead et tbody
  • retrait des selecteurs css :has, support trop récent

• ✨💥 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 https://github.com/GouvernementFR/dsfr/issues/954

• ✨💥 Change l'ordre des liens, et gouvernement.fr devient info.gouv.fr https://github.com/GouvernementFR/dsfr/issues/905

• ✨💥 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) https://github.com/GouvernementFR/dsfr/issues/911

• 💥 🐛 Retrait de l’attribut aria-haspopup="menu" sur le bouton burger du menu mobile https://github.com/GouvernementFR/dsfr/issues/856

• ✨💥 Ajout des l’attributs rel="noopener external" et title="intitulé - nouvelle fenêtre" à tous les liens en target="_blank" (voir les liens externes sur : tile, card, link, notice, footer, quote) https://github.com/GouvernementFR/dsfr/issues/737

• ✨💥 Ajout de la balise meta format detection pour désactiver le style automatique des url, date, email, et tél sur IOS https://github.com/GouvernementFR/dsfr/issues/833

• ajouter dans le head : meta name="format-detection" content="telephone=no,date=no,address=no,email=no,url=no"

• 🐛💥 Retrait du saut de ligne entre la balise et son libellé dans les templates de link, tile, card, pour corriger l’ajout d’un espace entre le libellé du lien et l'icône https://github.com/GouvernementFR/dsfr/issues/818

• ✨💥 Ajout d'une feuille de style dist/dsfr.print.css à charger pour appliquer les règles d'impression du DSFR et ajout d’une classe utilitaire .fr-no-print pour retirer un élément de l'impression. https://github.com/GouvernementFR/dsfr/issues/802

• 🐛💥 Correction du contenu du svg de l'icone user-setting-line qui ne correspondait pas à la bonne icône → penser à remplacer le svg user-setting-line.svg si le dossier "icons" a été dupliqué https://github.com/GouvernementFR/dsfr/issues/797

• 💥 Retrait du '+' de 'FranceConnect+' dans l'intitulé de fr-connect__brand. Celui-ci est désormais placé en contenu du pseudo-élément after du bouton

• 🐛💥 Le titre de la banière devient un h4 à la place d'un p dans la structure HTML du composant https://github.com/GouvernementFR/dsfr/issues/719

• 🐛💥 Inversion de l'étape et du titre dans la structure html https://github.com/GouvernementFR/dsfr/issues/724

• 🐛💥 Sur les exemples "Lettre d'info seule" et "Réseaux sociaux et Lettre d'info mise en avant", place le bouton d'action dans un groupe de bouton fr-btns-group--inline-md pour que le bouton prenne l’ensemble de la largeur sur mobile https://github.com/GouvernementFR/dsfr/issues/781

• ✨💥 Mise en place de l'icône twitter-x par défaut https://github.com/GouvernementFR/dsfr/issues/824

• 🐛💥 correction de l’intitulé “Sélectionner une option” https://github.com/GouvernementFR/dsfr/issues/736

• 🐛💥 Retrait de la liste ul li dans la structure HTML de la zone d'action (modale avec footer) https://github.com/GouvernementFR/dsfr/issues/720

• 🐛💥 Suppression de la classe fr-mb-4v de la colonne entourant le fr-mega-menu__leader https://github.com/GouvernementFR/dsfr/issues/785

Soucis de design à mettre à jour :

Listing Aides :

[jenovateurs]

Nouvelle version :

• Details d'une aide (modification du design de Comment l'obtenir petite bordure à gauche)

• MAJ sur le groupement d'aide

[jenovateurs]

Et listing avec forcing du border bas car le composant n'est pas adapté à notre usage