[Snyk] Upgrade @gouvfr/dsfr from 1.12.0 to 1.12.1

[tristanrobert]

Snyk has created this PR to upgrade @gouvfr/dsfr from 1.12.0 to 1.12.1.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 1 version ahead of your current version.

• The recommended version was released on 3 months ago.

Release notes

Package name: @gouvfr/dsfr

• 1.12.1 - 2024-06-25
  

  🎉 AJOUT, ✨ ÉVOLUTION, 🐛 CORRECTIF, 🚫 SUPPRESSION
  💥 BREAKING CHANGE : les changements de la structure HTML sont indiqués par cette icône, en gras, et souligné

  🎨 Fondamentaux

  Global

  • ✨💥 Evolution de la structure des pictogrammes pour corriger la régression amenée par la version M156 de Chrome #971
    • Prévoir de récupérer les pictogrammes s’ils sont copiés/collés depuis le dist/

  Build

  • 🎉 Ajout d’un script pour transformer vos pictogrammes avec la nouvelle structure

    • Sur le projet github (voir doc contributing.md) une commande permet de lancer ce script

    yarn pictogram-converter -p 'chemin/relatif/vers/le/dossier/de/vos/pictos'

  🧩 Composants

  Tableau - table

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

• 1.12.0 - 2024-06-19
  

  🎉 AJOUT, ✨ ÉVOLUTION, 🐛 CORRECTIF, 🚫 SUPPRESSION
  💥 BREAKING CHANGE : les changements de la structure HTML sont indiqués par cette icône, en gras, et souligné

  🎨 Fondamentaux

  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 <figure> 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

from @gouvfr/dsfr GitHub release notes

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• This PR was automatically created by Snyk using the credentials of a real user.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs