[#MUI-30] Création d'un composant email (#44)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

Reviewed-on: #44
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

app/components/malio/input/InputPassword.vue

@@ -39,10 +39,7 @@
         :height="24"
         data-test="icon"
         :class="[
-        hasError
-          ? 'text-m-danger'
-          : hasSuccess
-            ? 'text-m-success' : 'text-m-muted',
+        iconStateClass,
         'cursor-pointer absolute right-[10px] top-1/2 -translate-y-1/2',
       ]"
         @click="toggleVisibility"
@@ -189,6 +186,15 @@ const onInput = (event: Event) => {
 }
 
 const disabled = computed(() => props.disabled)
+
+const iconStateClass = computed(() => {
+  if (hasError.value) return 'text-m-danger'
+  if (hasSuccess.value) return 'text-m-success'
+  if (disabled.value) return 'text-m-muted'
+  if (isFocused.value) return 'text-m-primary'
+  if (isFilled.value) return 'text-black'
+  return 'text-m-muted'
+})
 </script>
 
 <style scoped>