Merge pull request #453 from ambroisemaupate/fix/input-group

fix: Missing DSFR classes on InputGroup message #451

Author: laruiss

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.spec.js

@@ -19,7 +19,7 @@ describe('DsfrFileUpload', () => {
 
     getByText(label)
     getByLabelText(label)
-    const errorEl = container.querySelector('.fr-message--error')
+    const errorEl = container.querySelector('.fr-error-text')
 
     expect(errorEl).toBeNull()
   })
@@ -43,7 +43,7 @@ describe('DsfrFileUpload', () => {
     getByText(label)
     getByText(hint)
 
-    const errorEl = container.querySelector('.fr-message--error')
+    const errorEl = container.querySelector('.fr-error-text')
 
     expect(errorEl).toBeNull()
   })
@@ -69,7 +69,7 @@ describe('DsfrFileUpload', () => {
     getByText(label)
     getByText(error)
 
-    const errorEl = container.querySelector('.fr-message--error')
+    const errorEl = container.querySelector('.fr-error-text')
 
     expect(errorEl).toBeDefined()
   })

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/DsfrFollow/DsfrNewsLetter.vue

@@ -98,7 +98,7 @@ export default defineComponent({
         >
           <p
             id="newsletter-email-desc-error"
-            class="fr-message--error"
+            class="fr-error-text"
           >
             {{ error }}
           </p>

src/components/DsfrInput/DsfrInputGroup.vue

@@ -57,7 +57,7 @@ export default defineComponent({
       return this.errorMessage || this.validMessage
     },
     messageClass () {
-      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'

src/components/DsfrRadioButton/DsfrRadioButtonSet.vue

@@ -55,7 +55,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'