Merge pull request #1120 from dnum-mi/develop

Develop

Author: laruiss

demo-app/views/AppForm.vue

@@ -4,6 +4,7 @@ import { ref } from 'vue'
 import DsfrAlert from '@/components/DsfrAlert/DsfrAlert.vue'
 import DsfrButton from '@/components/DsfrButton/DsfrButton.vue'
 import DsfrCheckboxSet from '@/components/DsfrCheckbox/DsfrCheckboxSet.vue'
+import DsfrSelect from '@/components/DsfrSelect/DsfrSelect.vue'
 import DsfrFileUpload from '@/components/DsfrFileUpload/DsfrFileUpload.vue'
 import DsfrRadioButtonSet from '@/components/DsfrRadioButton/DsfrRadioButtonSet.vue'
 import type { DsfrCheckboxSetProps } from '@/components/DsfrCheckbox/DsfrCheckbox.types'
@@ -21,8 +22,15 @@ const sendFile = () => {
   console.log('filesToUpload:', filesToUpload.value) // eslint-disable-line no-console
 }
 
+const isGood = ref<boolean>()
 const whatever = ref('')
 const radioTest = ref('')
+const radioTest2 = ref('')
+
+const options = [
+  { value: true, text: 'Oui', disabled: false },
+  { value: false, text: 'Non', disabled: false },
+]
 
 const selectedCheckbox = ref(false)
 const selectedCheckboxes = ref([])
@@ -77,16 +85,16 @@ const cbOptions: DsfrCheckboxSetProps['options'] = [
         ]"
       />
       <DsfrRadioButtonSet
-        v-model="radioTest"
-        name="radio-123aui"
+        v-model="radioTest2"
+        name="radio-123auie"
         :options="[
           {
-            label: 'label 1',
+            label: 'label 2.1',
             value: 1,
             required: true,
           },
           {
-            label: 'label 2',
+            label: 'label 2.2',
             value: 2,
           },
         ]"
@@ -97,6 +105,13 @@ const cbOptions: DsfrCheckboxSetProps['options'] = [
       </DsfrRadioButtonSet>
     </div>
 
+    <DsfrSelect
+      v-model="isGood"
+      required
+      label="Est-ce que c’est bon ?"
+      :options
+    />
+
     <DsfrButton
       type="submit"
       label="Bouton de soumission du formulaire"

demo-app/views/AppHome.vue

@@ -182,6 +182,8 @@ const rows = [
   <div class="flex justify-between items-center gap-2 w-full relative">
     <DsfrTooltip
       on-hover
+      title="Titre"
+      aria-label="Le libellé"
       content="Texte de l’info-bulle qui apparaît au survol"
     >
       Au survol

docs/gabarit-doc-composant.md

@@ -6,7 +6,7 @@ La tuile est un raccourci ou point d’entrée qui redirige les utilisateurs ver
 
 Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour afficher des informations sous forme de cartes visuelles dans une interface utilisateur. Ce composant permet d'intégrer des images, des SVG, des descriptions, des détails et des liens, tout en offrant de nombreuses options de personnalisation visuelle.
 
-🏅 La documentation sur la tuile sur le [DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/tuile/)
+🏅 La documentation sur la tuile sur le [DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/tuile/)
 
 <VIcon name="vi-file-type-storybook" /> La story sur la tuile sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtile--docs)
 

docs/guide/icones-officielles.md

@@ -2,7 +2,7 @@
 
 Ci-dessous sont listées les icônes standards du DSFR disponibles directement via le CSS du DSFR.
 
-[Site officiel](https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones)
+[Site officiel](https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux-techniques/icones)
 
 ## Les icônes par section
 

docs/guide/migrations.md

@@ -210,7 +210,7 @@ Utiliser le minimum de CSS du DSFR :
 - les **styles des liens** du DSFR
 - les **classes utilitaires** du DSFR
 - le **CSS de VueDsfr**
-- éventuellement d’autres parties du CSS (notamment pour les icônes, cf. [la documentation officielle du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/fondamentaux-techniques/icones))
+- éventuellement d’autres parties du CSS (notamment pour les icônes, cf. [la documentation officielle du DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/fondamentaux-techniques/icones))
 
 ```javascript
 import '@gouvfr/dsfr/dist/core/core.main.min.css' // Le CSS minimal du DSFR

src/components/DsfrAccordion/DsfrAccordion.md

@@ -4,7 +4,7 @@
 
 Les accordéons permettent aux utilisateurs d'afficher et de masquer des sections de contenu présentés dans une page.
 
-🏅 La documentation sur l’accordéon sur le [DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon)
+🏅 La documentation sur l’accordéon sur le [DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/accordeon)
 
 <VIcon name="vi-file-type-storybook" /> La story sur l’accordéon sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfraccordion--docs)
 

src/components/DsfrAccordion/DsfrAccordion.stories.ts

@@ -9,7 +9,7 @@ const delay = (timeout = 100) =>
   new Promise((resolve) => setTimeout(resolve, timeout))
 
 /**
- * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon/)
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/accordeon/)
  */
 export default {
   component: DsfrAccordion,

src/components/DsfrAccordion/DsfrAccordionsGroup.md

@@ -4,7 +4,7 @@
 
 Le composant `DsfrAccordionsGroup` permet de regrouper plusieurs accordéons en une seule unité cohérente. Il gère la logique de sélection active entre les accordéons enfants, permettant ainsi d'ouvrir un accordéon tout en fermant les autres. Ce composant est essentiel pour organiser des ensembles d'accordéons liés de manière interactive.
 
-🏅 La documentation sur l’accordéon sur le [DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon)
+🏅 La documentation sur l’accordéon sur le [DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/accordeon)
 
 <VIcon name="vi-file-type-storybook" /> La story sur l’accordéon sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfraccordionsgroup--docs)
 

src/components/DsfrAccordion/DsfrAccordionsGroup.stories.ts

@@ -7,7 +7,7 @@ const delay = (timeout = 100) =>
   new Promise((resolve) => setTimeout(resolve, timeout))
 
 /**
- * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/accordeon/)
+ * [Voir quand l’utiliser sur la documentation du DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/accordeon/)
  */
 export default {
   component: DsfrAccordionsGroup,

src/components/DsfrAlert/DsfrAlert.md

@@ -9,7 +9,7 @@ L’alerte est disponible en deux tailles :
 - taille médium (MD, par défaut, si la prop `small` est absente ou à `false`) et
 - petite taille ‘SM’ si la prop `small` est à `true`.
 
-🏅 La documentation sur l’alerte sur le [DSFR](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/alerte)
+🏅 La documentation sur l’alerte sur le [DSFR](https://www.systeme-de-design.gouv.fr/version-courante/fr/composants/alerte)
 
 <VIcon name="vi-file-type-storybook" /> La story sur l’alerte sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfralert--docs)