Mise à jour du DSFR en version 1.13 (#195)

* Update the DSFR version to 1.13

* Add links to storybook in documentation

* Add a new line at the end of the make_icon_picker_files script

CONTRIBUTING.md

@@ -52,6 +52,7 @@ Ce projet suit globalement les [conventions de style de Django](https://docs.dja
 Il utilise `ruff` et `black` pour la mise en forme et `bandit` pour repérer les failles de sécurité les plus communes.
 
 Concernant les langues :
+
 - le code est en anglais, y compris les commentaires, de même que le nom des branches git ;
 - la documentation est en français, de même que les exemples de composants et le nom des PR ;
 - Les *issues* peuvent être ouvertes dans l’une ou l’autre langue.
@@ -81,6 +82,7 @@ make update_dsfr
 La commande télécharge la dernière version depuis le dépôt Github, la met dans le répertoire `dsfr/static/dsfr/dist/`, retire des fichiers pour réduire la taille du paquet Python et met à jour les sommes de contrôle d’intégrité dans le fichier `dsfr/checksums`.
 
 Une fois la mise à jour faite, il reste à :
+
 - lancer les tests unitaires avec `make test` ;
 - ouvrir le site de test et vérifier que tous les composants s’affichent toujours bien ;
 - mettre à jour la liste des composants en vérifiant depuis le site du système de design de l’État ;

README.md

@@ -16,7 +16,7 @@ Django-DSFR is a Django app to integrate the [French government Design System ("
 
 See the [documentation (in French)](https://numerique-gouv.github.io/django-dsfr/) for details.
 
-Django-DSFR implements the [version 1.12.1 of the DSFR](https://www.systeme-de-design.gouv.fr/a-propos/versions/version-courante)
+Django-DSFR implements the [version 1.13 of the DSFR](https://www.systeme-de-design.gouv.fr/a-propos/versions/version-courante)
 (see also the [Github releases page](https://github.com/GouvernementFR/dsfr/releases/))
 
 ## Requirements

doc/footer.md

@@ -10,6 +10,10 @@ Il est alors possible de personnaliser la description ainsi que le bloc-marque v
         Voir la page d’exemple du Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
   </a>
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://storybook.systeme-de-design.gouv.fr/?path=/docs/footer--docs" target="_blank" rel="noopener noreferrer">
+        Voir la page du composant sur Storybook
+        <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
+  </a>
 
 ## Personnaliser
 

doc/forms.md

@@ -1,4 +1,16 @@
 # Formulaires – Documentation
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://www.systeme-de-design.gouv.fr/composants-et-modeles/blocs-fonctionnels/formulaires" target="_blank" rel="noopener noreferrer">
+        Voir la page de documentation du composant sur le Système de Design de l’État
+        <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
+  </a>
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://main--ds-gouv.netlify.app/example/component/form/" target="_blank" rel="noopener noreferrer">
+        Voir la page d’exemple du Système de Design de l’État
+        <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
+  </a>
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://storybook.systeme-de-design.gouv.fr/?path=/docs/form--docs" target="_blank" rel="noopener noreferrer">
+        Voir la page du composant sur Storybook
+        <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
+  </a>
 
 ## Initialisation des formulaires
 Les formulaires sont construits en se basant sur la classe `DsfrBaseForm`, par exemple :

doc/header.md

@@ -10,6 +10,10 @@ Il est alors possible de personnaliser le titre, le sous-titre, ainsi que le blo
         Voir la page d’exemple du Système de Design de l’État
         <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
   </a>
+- <a class="fr-link fr-icon-external-link-line fr-link--icon-right fr-link--lg" href="https://storybook.systeme-de-design.gouv.fr/?path=/docs/header--docs" target="_blank" rel="noopener noreferrer">
+        Voir la page du composant sur Storybook
+        <span class="fr-sr-only">Ouvre une nouvelle fenêtre</span>
+  </a>
 
 ## Composants liés
 Le gabarit d’en-tête est également l’endroit où inclure les composants suivants :

dsfr/checksums.py

@@ -5,27 +5,27 @@
 
 # dsfr/static/dsfr/dist/dsfr/dsfr.module.min.js
 INTEGRITY_JS_MODULE = (
-    "sha384-TcXr68fg/siMFa6WMoFtntRfwfPoawk7Wz+pnrV+z17crqhROwg2/GRBOaw7Iysy"
+    "sha384-dQNRA2VhSeU0SYIKWHja8MGpEF7wm/34WJRVJMHbbUItBgG2yn0JYMdlnKWNsuR8"
 )
 
 # dsfr/static/dsfr/dist/dsfr/dsfr.nomodule.min.js
 INTEGRITY_JS_NOMODULE = (
-    "sha384-6D+aTUzuRoyopt1Ol/+T7WcnBMAwxhx67azX1vSEt98q7uN0FBKzfDHSytt+IWo9"
+    "sha384-Z9sSCL+iZkc22YwU6QRxXGtKnQiiiVLq4aJhoIJNtV0lO9nd12ZwowDrsA/eSxmd"
 )
 
 # dsfr/static/dsfr/dist/dsfr/dsfr.min.css
 INTEGRITY_CSS = (
-    "sha384-4CMBG/bSDnHTO4BzePaP0c1y81c6oAT2XKpjVi1vzQl4AtMBSoAuUVv5XgRNXJAj"
+    "sha384-0Wd1nuoasQg34LmqHZNv9t0sGc6FlxNcUC7O56SJSKhI4mgZ51FVEZ8v0QnPFN3U"
 )
 
 # dsfr/static/dsfr/dist/utility/utility.min.css
 INTEGRITY_UTILITY_CSS = (
-    "sha384-7DgtzNVlfgQPXR8dC0YC0qMsYq/wDVFqzJsy/0/3Q1p/3soyIJ0aSCW/irxwCULC"
+    "sha384-pXDVyHuMGAo5xGPXnYhmr6rOcGwSZsrAVCJdC6J2PRRxcJL9jFMK//yzaUqMhsBw"
 )
 
 # dsfr/static/dsfr/dist/utility/icons/icons.min.css
 INTEGRITY_CSS_ICONS = (
-    "sha384-9XiAQTV9X3oegGjiifYadK7WYTRNklIky/o92k7VGo8d3zL+cG7P24qxjWzCwDMz"
+    "sha384-00cql3NHF4SSck9bB/Ca/LHBQnO4sy17TUWBr2QlKc1fqcPQ9EIG4g6Mt22uP9Vp"
 )
 
 # dsfr/static/dsfr/dist/favicon/apple-touch-icon.png

dsfr/management/commands/make_icon_picker_files.py

@@ -41,5 +41,6 @@ def handle(self, *args, **options):
             json_file = os.path.join(json_root, dsfr_folder_json)
             with open(json_file, "w") as fp:
                 json.dump(icons_dict, fp)
+                fp.write("\n")
 
         print("Folders created or updated: ", all_folders)