fix: Changed DSFR error/valid messages classes in other components

Author: ambroisemaupate

src/components/DsfrCheckbox/DsfrCheckbox.vue

@@ -42,7 +42,7 @@ export default defineComponent({
       return this.errorMessage || this.validMessage
     },
     additionalMessageClass () {
-      return this.errorMessage ? 'fr-message--error' : 'fr-message--valid'
+      return this.errorMessage ? 'fr-error-text' : 'fr-valid-text'
     },
   },
 })

src/components/DsfrCheckbox/DsfrCheckboxSet.vue

@@ -50,7 +50,7 @@ export default defineComponent({
       return this.errorMessage || this.validMessage
     },
     additionalMessageClass () {
-      return this.errorMessage ? 'fr-message--error' : 'fr-message--valid'
+      return this.errorMessage ? 'fr-error-text' : 'fr-valid-text'
     },
   },
 

src/components/DsfrFileUpload/DsfrFileUpload.vue

@@ -82,15 +82,15 @@ export default defineComponent({
       <p
         v-if="error"
         :id="`${id}-desc`"
-        class="fr-message--error  fr-mt-3v"
+        class="fr-error-text  fr-mt-3v"
       >
         {{ error }}
       </p>
     </div>
     <p
       v-if="validMessage"
       :id="`${id}-desc`"
-      class="fr-message--valid  fr-mt-3v"
+      class="fr-valid-text  fr-mt-3v"
     >
       {{ validMessage }}
     </p>

src/components/DsfrRadioButton/DsfrRadioButtonSet.vue

@@ -48,7 +48,7 @@ export default defineComponent({
       return this.errorMessage || this.validMessage
     },
     additionalMessageClass () {
-      return this.errorMessage ? 'fr-message--error' : 'fr-message--valid'
+      return this.errorMessage ? 'fr-error-text' : 'fr-valid-text'
     },
     messageIcon () {
       return this.errorMessage ? 'ri-alert-line' : 'ri-checkbox-circle-line'