🐛 fix(doc): met a jour les liens des pages d'exemple [DS-3641] (#822)

- mise à jour des liens vers le site de documentation dans les pages d'exemple

README.md

@@ -189,7 +189,7 @@ Pour plus d’informations : [Voir la documentation des icônes](https://www.sys
 
 ### Favicon
 
-[La documentation des favicons](https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone-de-favoris) détaille la façon de les implémenter dans vos pages.
+[La documentation des favicons](https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones-de-favoris) détaille la façon de les implémenter dans vos pages.
 
 ## Fonctionnement
 

src/component/display/.package.yml

@@ -1,6 +1,7 @@
 id: display
 title: Paramètre d'affichage
 description: Le pattern paramètre d'affichage permet de définir ses préférences de thème
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/parametre-d-affichage
 style:
   - core
   - form

src/component/follow/.package.yml

@@ -1,7 +1,7 @@
 id: follow
 title: Lettre d'information et Réseaux Sociaux
 description: Le bloc "Lettre d'information et Réseaux Sociaux" est composé d'un bloc permettant à l’utilisateur de s’inscrire à la newsletter de l’organisation et/ou d'un bloc de liens permettant d’accéder aux réseaux sociaux de l’organisation depuis le pied de page.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lettre-d-info-et-reseaux-sociaux
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lettre-d-information-et-reseaux-sociaux
 style:
   - alert
   - button

src/component/input/input-base/.package.yml

@@ -1,7 +1,7 @@
 id: input-base
 title: Champ de saisie
 description: Les champs permettent à un utilisateur d'entrer du contenu et données.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/champ-de-saisie
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/adresse-electronique
 wrapper: col-8
 style:
   - core

src/component/input/input-email/.package.yml

@@ -1,5 +1,6 @@
 id: input-email
 title: Bloc fonctionnel d'adresse électronique
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/adresse-electronique
 wrapper: col-8
 style:
   - core

src/component/input/input-tel/.package.yml

@@ -1,5 +1,6 @@
 id: input-tel
 title: Bloc fonctionnel de numéro de téléphone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/numero-de-telephone
 wrapper: col-8
 style:
   - core

src/component/link/.package.yml

@@ -1,7 +1,7 @@
 id: link
 title: Lien
 description: Le lien permet la navigation entre une page et un autre contenu au sein de la même page, du même site ou externe. Pour les actions d’un autre type - comme la soumission d’un formulaire - il faut utiliser le composant bouton.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/liens
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien
 wrapper: col-8
 style:
   - core

src/component/password/.package.yml

@@ -1,7 +1,7 @@
 id: password
 title: Mot de passe
 description: La demande de mot de passe permet d’aider un utilisateur à créer ou saisir un mot de passe.
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/mot-de-passe
 wrapper: col-8
 style:
   - core

src/component/radio/.package.yml

@@ -2,9 +2,9 @@ id: radio
 title: Bouton radio
 description: Le bouton radio permettent à l’utilisateur de sélectionner une seule option dans une liste.
 doc:
-  - url: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/boutons-radio
+  - url: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bouton-radio
     title: Bouton radio
-  - url: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/boutons-radio-riches
+  - url: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/bouton-radio-riche
     title: Bouton radio riche
 wrapper: col-8
 style:

src/component/skiplink/.package.yml

@@ -1,7 +1,7 @@
 id: skiplink
 title: Liens d'évitement
 description: Les liens d’évitement permettent aux utilisateurs naviguant au clavier, ou équipés de lecteurs d'écran, d’accéder plus rapidement à des zones précises de la page.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/liens-d-evitement
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/lien-d-evitement
 prepend: true
 style:
   - core

src/component/stepper/.package.yml

@@ -1,7 +1,7 @@
 id: stepper
 title: Indicateur d'étapes
 description: L’indicateur d'étape permet d’indiquer à l’utilisateur où il se trouve dans un formulaire ou dans une démarche.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/indicateur-d-etape
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/indicateur-d-etapes
 wrapper: col-8
 style:
   - core

src/component/tab/.package.yml

@@ -1,7 +1,7 @@
 id: tab
 title: Onglets
 description: Le composant onglet permet aux utilisateurs de naviguer dans différentes sections de contenu au sein d’une même page.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/onglets
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/onglet
 wrapper: col-8
 style:
   - core

src/component/tooltip/.package.yml

@@ -1,7 +1,7 @@
 id: tooltip
 title: Information contextuelle et Infobulle
 description:
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/information-contextuelle
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/infobulle
 wrapper: col-8
 style:
   - core

src/core/.package.yml

@@ -27,9 +27,9 @@ doc:
   - title: Typographie
     url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-de-l-identite-de-l-etat/typographie/
   - title: Icônes
-    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
   - title: Icônes de favoris - Favicon
-    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone-de-favoris
+    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones-de-favoris
   - title: Médias fondamentaux
     url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/medias
   - title: Grille

src/page/account/login/.package.yml

@@ -1,7 +1,7 @@
 id: login
 title: Pages de connexion
 description: Modèles de pages de connexion
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/modeles/page-de-connexion
 no-heading: true
 style:
   - core

src/page/account/register/.package.yml

@@ -1,7 +1,7 @@
 id: register
 title: Pages de création de compte
 description: Modèles de pages de création de compte
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/modeles/page-de-creation-de-compte
 no-heading: true
 style:
   - core

src/page/response/.folder.yml

@@ -1,4 +1,4 @@
 id: response
 title: Codes de Statut HTML
 description: Modèles de pages correspondant aux réponses de statut HTML
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/modeles/page-d-erreurs

src/pattern/civility/.package.yml

@@ -2,7 +2,7 @@ id: civility
 title: Bloc fonctionnel de civilité
 description: La demande de civilité permet à un utilisateur de donner sa civilité (sexe, situation familière, titre d’appel).
 wrapper: container
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/civilite
 style:
   - core
 example:

src/pattern/company/.package.yml

@@ -1,7 +1,7 @@
 id: company
 title: Bloc fonctionnel de société
 description: La demande de renseignement sur la société permet d’aider un utilisateur à saisir les renseignements concernant sa société.
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/societe
 wrapper: container
 style:
   - core

src/pattern/date/.package.yml

@@ -2,7 +2,7 @@ id: date
 title: Bloc fonctionnel de date unique
 description: Le champ de saisie de date fixe reprend trois champs de saisie de texte.
 wrapper: container
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/date-unique
 style:
   - core
 example:

src/pattern/name/.package.yml

@@ -1,7 +1,7 @@
 id: name
 title: Bloc fonctionnel de nom et prénom
 description: La demande de nom et prénom permet d’aider un utilisateur à saisir son nom et son prénom.
-doc:
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/blocs-fonctionnels/nom-et-prenom
 wrapper: container
 style:
   - core

src/utility/.folder.yml

@@ -8,5 +8,7 @@ description: |
   Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
 doc:
   - title: Icônes
-    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
+  - title: Pictogramme
+    url: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/pictogramme
 detached: true

src/utility/icons/.folder.yml

@@ -1,4 +1,4 @@
 id: icons
 title: Utilitaires d'icônes
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones

src/utility/icons/icons-buildings/.package.yml

@@ -1,7 +1,7 @@
 id: icons-buildings
 title: Icônes Buildings
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-business/.package.yml

@@ -1,7 +1,7 @@
 id: icons-business
 title: Icônes Business
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-communication/.package.yml

@@ -1,7 +1,7 @@
 id: icons-communication
 title: Icônes Communication
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-design/.package.yml

@@ -1,7 +1,7 @@
 id: icons-design
 title: Icônes Design
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-development/.package.yml

@@ -1,7 +1,7 @@
 id: icons-development
 title: Icônes Development
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-device/.package.yml

@@ -1,7 +1,7 @@
 id: icons-device
 title: Icônes Device
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-document/.package.yml

@@ -1,7 +1,7 @@
 id: icons-document
 title: Icônes Document
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-editor/.package.yml

@@ -1,7 +1,7 @@
 id: icons-editor
 title: Icônes Editor
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-finance/.package.yml

@@ -1,7 +1,7 @@
 id: icons-finance
 title: Icônes Finance
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-health/.package.yml

@@ -1,7 +1,7 @@
 id: icons-health
 title: Icônes Health
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-logo/.package.yml

@@ -1,7 +1,7 @@
 id: icons-logo
 title: Icônes Logo
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-map/.package.yml

@@ -1,7 +1,7 @@
 id: icons-map
 title: Icônes Map
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-media/.package.yml

@@ -1,7 +1,7 @@
 id: icons-media
 title: Icônes Media
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-others/.package.yml

@@ -1,7 +1,7 @@
 id: icons-others
 title: Icônes Others
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-system/.package.yml

@@ -1,7 +1,7 @@
 id: icons-system
 title: Icônes System
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-user/.package.yml

@@ -1,7 +1,7 @@
 id: icons-user
 title: Icônes User
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core

src/utility/icons/icons-weather/.package.yml

@@ -1,7 +1,7 @@
 id: icons-weather
 title: Icônes Weather
 description: Les icônes fonctionnelles sont des symboles visuels qui accompagnent l’utilisateur dans ses actions et qui aident à sa compréhension de l’interface.
-doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icone
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones
 wrapper: col-8
 style:
   - core