[RC1] Update to DSFR 1.11

Created on 15 December 2023, 11 months ago

Problem/Motivation

Released 4 days ago: https://github.com/GouvernementFR/dsfr/releases/tag/v1.11.0

Proposed resolution

I kept only what may impact us.

Global

  • ✨💥 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) #737
  • ✨💥 Ajout de la balise meta format detection pour désactiver le style automatique des url, date, email, et tél sur IOS #833
  • ajouter dans le head :
  • 🐛 Correctif lorsque la valeur de l'attribut [aria-current] est "false" (composants concernés : breadcrumb, navigation, pagination, sidemenu, translate) #747
  • 🐛💥 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 #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. #802

🧩 Composants

Bouton france connect

  • 💥 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

Carte - card

  • 🐛 Passage des tag/badge en taille md sur les cartes md #833

Citation - quote

  • ✨ Il n’est plus obligatoire d’avoir une liste dans le figcaption de la citation #721

Contrôle segmenté - segmented

  • 🎉 Ajout du composant contrôle segmenté #805

Curseur - range

  • 🎉 Ajout du composant curseur #817

Gestionnaire de consentement - consent

  • 🐛💥 Le titre de la banière devient un

    à la place d'un

    dans la structure HTML du composant #719

  • 🐛 Coche les cookies obligatoires par défaut #754

Indicateur d'étape - stepper

  • 🐛💥 Inversion de l'étape et du titre dans la structure html #724

Interrupteur - toggle

  • 🐛 Correction de la taille de l'icône sur les tuiles md sans lien étendu #818
  • 🐛 Retrait de l'icône arrow-right sur les tuiles sans lien étendu, pour être iso avec les cartes #818

Lettre d’information & réseaux sociaux - follow

  • 🐛💥 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 #781
  • 🐛 Inversion de l'ordre des boutons "Instagram" et "LinkedIn" #781
  • ✨💥 Mise en place de l'icône twitter-x par défaut #824

Liste déroulante - select

  • 🐛💥 correction de l’intitulé “Sélectionner une option” #736

Mot de passe - password

  • ✨ Changement de l'icône de message d'information pour info-fill #832
  • 🐛 Corrige le placement de la checkbox #832

Modale - modal

  • 🐛💥 Retrait de la liste
    • dans la structure HTML de la zone d'action (modale avec footer) #720

    Navigation - navigation

    • 🐛💥 Suppression de la classe fr-mb-4v de la colonne entourant le fr-mega-menu__leader #785
    • 🐛 Passage du texte de description et le lien du fr-mega-menu__leader en taille sm #785

    Partage - share

    • ✨💥 Mise en place de l'icône twitter-x par défaut #824
Feature request
Status

Active

Version

1.0

Component

Code

Created by

🇫🇷France pdureau Paris

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

Comments & Activities

Production build 0.71.5 2024