Merge pull request #1088 from dnum-mi/feat/passer-props-accessibilite-enfants-dsfrinputgroup

feat: ✨ Passer des props d'accessibilité aux inputs dans Dsf…

Author: laruiss

src/components/DsfrInput/DsfrInputGroup.vue

@@ -38,7 +38,11 @@ defineEmits<{ (e: 'update:modelValue', payload: string): void }>()
   >
     <slot name="before-input" />
     <!-- @slot Slot par défaut pour le contenu du groupe de champ -->
-    <slot />
+    <slot
+      :is-valid="!!validMessage"
+      :is-invalid="!!errorMessage"
+      :description-id="((errorMessage || validMessage) && descriptionId) || undefined"
+    />
     <DsfrInput
       v-if="!$slots.default"
       v-bind="$attrs"

src/components/DsfrInput/docs-demo/DsfrInputGroupDemo.vue

@@ -65,10 +65,12 @@ const readonly = ''
     <h2>4. Avec plusieurs champs de saisie</h2>
 
     <DsfrInputGroup
+      v-slot="slotProps"
       valid-message="Tout va bien pour ces deux champs"
     >
       <p>
         <DsfrInput
+          v-bind="slotProps"
           :id="id"
           :placeholder="placeholder"
           :readonly="readonly !== ''"
@@ -83,6 +85,7 @@ const readonly = ''
       <p>
         <DsfrInput
           :id="id"
+          v-bind="slotProps"
           :placeholder="placeholder"
           :readonly="readonly !== ''"
           :model-value="modelValue2"