diff --git a/src/app/form/form-view/account-form/account-credentials/account-credentials.component.html b/src/app/form/form-view/account-form/account-credentials/account-credentials.component.html
index 85267a4bd01161af48e27b2b5ce263108105832a..ffd8313717f077830edfe5c54aa24233fbd9916d 100644
--- a/src/app/form/form-view/account-form/account-credentials/account-credentials.component.html
+++ b/src/app/form/form-view/account-form/account-credentials/account-credentials.component.html
@@ -36,7 +36,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="accountForm.get('password').value.length >= 8 ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (accountForm.get('password').value.length >= 8 ? 'success' : 'error')"
/>
<p>8 caractères</p>
</li>
@@ -44,7 +44,9 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasSpecialChar(accountForm.get('password').value) ? 'validate' : 'notValidate'"
+ [icon]="
+ 'status-' + (checkIfPasswordHasSpecialChar(accountForm.get('password').value) ? 'success' : 'error')
+ "
/>
<p>1 caractère spécial</p>
</li>
@@ -52,7 +54,9 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasLowerCase(accountForm.get('password').value) ? 'validate' : 'notValidate'"
+ [icon]="
+ 'status-' + (checkIfPasswordHasLowerCase(accountForm.get('password').value) ? 'success' : 'error')
+ "
/>
<p>1 caractère en minuscule</p>
</li>
@@ -60,7 +64,9 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasUpperCase(accountForm.get('password').value) ? 'validate' : 'notValidate'"
+ [icon]="
+ 'status-' + (checkIfPasswordHasUpperCase(accountForm.get('password').value) ? 'success' : 'error')
+ "
/>
<p>1 caractère en majuscule</p>
</li>
@@ -68,7 +74,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasDigit(accountForm.get('password').value) ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (checkIfPasswordHasDigit(accountForm.get('password').value) ? 'success' : 'error')"
/>
<p>1 chiffre</p>
</li>
diff --git a/src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.html b/src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.html
index 9536fdca728092bc2ad1385fb1a6b017e37d0a85..ca8570f52fcd1703b24d716b9a7e97362901164b 100644
--- a/src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.html
+++ b/src/app/form/form-view/profile-form/profile-structure-choice/profile-structure-choice.component.html
@@ -39,7 +39,7 @@
class="form-icon"
[iconClass]="'icon-26'"
[folder]="'form'"
- [icon]="'validate'"
+ [icon]="'status-success'"
/>
<div *ngIf="structure.alreadySelected" class="sticker">Déjà <br />sélectionnée</div>
</div>
diff --git a/src/app/form/form-view/structure-form/structure-access-modality/structure-access-modality.component.html b/src/app/form/form-view/structure-form/structure-access-modality/structure-access-modality.component.html
index 13dde9e44994d9f6c656efbc3ee10cbf1c3e2f3c..9257a64ac5b4d45e9d6a3953f3da305058393bb4 100644
--- a/src/app/form/form-view/structure-form/structure-access-modality/structure-access-modality.component.html
+++ b/src/app/form/form-view/structure-form/structure-access-modality/structure-access-modality.component.html
@@ -6,7 +6,7 @@
</div>
<div class="formGroup">
<p *ngIf="isEditMode && !structureForm.get('categories').get('accessModality').valid" class="missing-information">
- <app-svg-icon class="validationIcon" [iconClass]="'icon-26'" [folder]="'form'" [icon]="'notValidate'" />
+ <app-svg-icon class="validationIcon" [iconClass]="'icon-26'" [folder]="'form'" [icon]="'status-error'" />
<span>Il faut renseigner au moins un champ</span>
</p>
<div *ngIf="accessModality" class="modality">
diff --git a/src/app/form/form-view/structure-form/structure-labels/structure-labels.component.html b/src/app/form/form-view/structure-form/structure-labels/structure-labels.component.html
index 38b01d1cc98bdaa24137a045cd6118393d5369f3..d985f245c220c28c94b58a6ed4615610a7d81e0c 100644
--- a/src/app/form/form-view/structure-form/structure-labels/structure-labels.component.html
+++ b/src/app/form/form-view/structure-form/structure-labels/structure-labels.component.html
@@ -17,7 +17,7 @@
/>
</div>
<div *ngIf="hasConseillerNum()" class="info">
- <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'info'" />
+ <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'status-info'" />
<p>
Le label Conseiller numérique dépend de la présence ou non d’un ou plusieurs conseiller·es numérique au sein de
votre structure
diff --git a/src/app/form/form-view/structure-form/structure-public-target/structure-public-target.component.html b/src/app/form/form-view/structure-form/structure-public-target/structure-public-target.component.html
index 361dca07f5eff3190e7df729e8cca05c4c3bfcc4..2c65732b9fc3c2e156960655748690306d5b0437 100644
--- a/src/app/form/form-view/structure-form/structure-public-target/structure-public-target.component.html
+++ b/src/app/form/form-view/structure-form/structure-public-target/structure-public-target.component.html
@@ -11,65 +11,67 @@
<p>{{ isMandatoryFields ? '' : 'Facultatif - ' }}Plusieurs choix possibles</p>
</div>
- <p *ngIf="isEditMode && !structureForm.get('categories').get('age').valid" class="missing-information">
- <app-svg-icon class="validationIcon" [iconClass]="'icon-26'" [folder]="'form'" [icon]="'notValidate'" />
- <span>Il faut renseigner au moins un champ</span>
- </p>
- <ng-container *ngIf="!isMandatoryFields">
- <div *ngIf="languageAndIlliteracy" class="title" style="gap: 12px">
- <h4>Langue et illettrisme</h4>
- <div class="tagList">
- <app-tag-item
- *ngFor="let choice of languageAndIlliteracy.modules"
- [iconName]="isInArray(choice.id, 'languageAndIlliteracy') ? 'tag-checked' : 'tag-unchecked'"
- [label]="choice.name"
- [color]="isInArray(choice.id, 'languageAndIlliteracy') ? 'green' : 'white'"
- [clickable]="true"
- (action)="updateChoicePublic(choice.id, 'languageAndIlliteracy')"
- />
+ <div class="formGroup">
+ <p *ngIf="isEditMode && !structureForm.get('categories').get('age').valid" class="missing-information">
+ <app-svg-icon class="validationIcon" [iconClass]="'icon-26'" [folder]="'form'" [icon]="'status-error'" />
+ <span>Il faut renseigner au moins un champ</span>
+ </p>
+ <ng-container *ngIf="!isMandatoryFields">
+ <div *ngIf="languageAndIlliteracy" class="title" style="gap: 12px">
+ <h4>Langue et illettrisme</h4>
+ <div class="tagList">
+ <app-tag-item
+ *ngFor="let choice of languageAndIlliteracy.modules"
+ [iconName]="isInArray(choice.id, 'languageAndIlliteracy') ? 'tag-checked' : 'tag-unchecked'"
+ [label]="choice.name"
+ [color]="isInArray(choice.id, 'languageAndIlliteracy') ? 'green' : 'white'"
+ [clickable]="true"
+ (action)="updateChoicePublic(choice.id, 'languageAndIlliteracy')"
+ />
+ </div>
</div>
- </div>
- <div *ngIf="handicaps" class="title" style="gap: 12px">
- <h4>Handicaps</h4>
- <div class="tagList">
- <app-tag-item
- *ngFor="let choice of handicaps.modules"
- [iconName]="isInArray(choice.id, 'handicaps') ? 'tag-checked' : 'tag-unchecked'"
- [label]="choice.name"
- [color]="isInArray(choice.id, 'handicaps') ? 'green' : 'white'"
- [clickable]="true"
- (action)="updateChoicePublic(choice.id, 'handicaps')"
- />
+ <div *ngIf="handicaps" class="title" style="gap: 12px">
+ <h4>Handicaps</h4>
+ <div class="tagList">
+ <app-tag-item
+ *ngFor="let choice of handicaps.modules"
+ [iconName]="isInArray(choice.id, 'handicaps') ? 'tag-checked' : 'tag-unchecked'"
+ [label]="choice.name"
+ [color]="isInArray(choice.id, 'handicaps') ? 'green' : 'white'"
+ [clickable]="true"
+ (action)="updateChoicePublic(choice.id, 'handicaps')"
+ />
+ </div>
</div>
- </div>
- <div *ngIf="genre" class="title" style="gap: 12px">
- <h4>Genre</h4>
- <div class="tagList">
- <app-tag-item
- *ngFor="let choice of genre.modules"
- [iconName]="isInArray(choice.id, 'genre') ? 'tag-checked' : 'tag-unchecked'"
- [label]="choice.name"
- [color]="isInArray(choice.id, 'genre') ? 'green' : 'white'"
- [clickable]="true"
- (action)="updateChoicePublic(choice.id, 'genre')"
- />
+ <div *ngIf="genre" class="title" style="gap: 12px">
+ <h4>Genre</h4>
+ <div class="tagList">
+ <app-tag-item
+ *ngFor="let choice of genre.modules"
+ [iconName]="isInArray(choice.id, 'genre') ? 'tag-checked' : 'tag-unchecked'"
+ [label]="choice.name"
+ [color]="isInArray(choice.id, 'genre') ? 'green' : 'white'"
+ [clickable]="true"
+ (action)="updateChoicePublic(choice.id, 'genre')"
+ />
+ </div>
</div>
- </div>
- </ng-container>
+ </ng-container>
- <ng-container *ngIf="isMandatoryFields">
- <div *ngIf="age" class="title" style="gap: 12px">
- <h4>Âge</h4>
- <div class="tagList">
- <app-tag-item
- *ngFor="let choice of age.modules"
- [iconName]="isInArray(choice.id, 'age') ? 'tag-checked' : 'tag-unchecked'"
- [label]="choice.name"
- [color]="isInArray(choice.id, 'age') ? 'green' : 'white'"
- [clickable]="true"
- (action)="updateChoicePublic(choice.id, 'age')"
- />
+ <ng-container *ngIf="isMandatoryFields">
+ <div *ngIf="age" class="title" style="gap: 12px">
+ <h4>Âge</h4>
+ <div class="tagList">
+ <app-tag-item
+ *ngFor="let choice of age.modules"
+ [iconName]="isInArray(choice.id, 'age') ? 'tag-checked' : 'tag-unchecked'"
+ [label]="choice.name"
+ [color]="isInArray(choice.id, 'age') ? 'green' : 'white'"
+ [clickable]="true"
+ (action)="updateChoicePublic(choice.id, 'age')"
+ />
+ </div>
</div>
- </div>
- </ng-container>
+ </ng-container>
+ </div>
</form>
diff --git a/src/app/profile/structure-edition-summary/missing-information/missing-information.component.ts b/src/app/profile/structure-edition-summary/missing-information/missing-information.component.ts
index 80e5d1db213468c3d41cbd17f2e66f2434ea2704..2dfb5d3800eda3f7e2792e05f2bcf275f51baae5 100644
--- a/src/app/profile/structure-edition-summary/missing-information/missing-information.component.ts
+++ b/src/app/profile/structure-edition-summary/missing-information/missing-information.component.ts
@@ -3,7 +3,7 @@ import { Component, Input } from '@angular/core';
@Component({
selector: 'app-missing-information',
template: `<p class="warning">
- <app-svg-icon [folder]="'tags'" [icon]="'warning'" />
+ <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'status-warning'" />
<span>{{ plural ? 'Informations manquantes' : 'Information manquante' }}</span>
</p>`,
styleUrls: ['./missing-information.component.scss'],
diff --git a/src/app/profile/structure-edition-summary/structure-edition-summary.component.html b/src/app/profile/structure-edition-summary/structure-edition-summary.component.html
index 1f28f683da99a828a0033d980ad334f6b89aa9df..a18c6aca99ca803a3f569f28b6bd86d5f0e3bd8e 100644
--- a/src/app/profile/structure-edition-summary/structure-edition-summary.component.html
+++ b/src/app/profile/structure-edition-summary/structure-edition-summary.component.html
@@ -11,7 +11,7 @@
</div>
<div *ngIf="isUpdateStructure" class="info">
- <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'info'" />
+ <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'status-info'" />
<p>
La dernière modification de votre structure remonte à plus de 6 mois, merci de vérifier les données et de les
valider
@@ -675,10 +675,7 @@
<section class="PMR" [ngClass]="{ warningBorder: structure.pmrAccess === null }">
<div class="sectionHeader">
- <div>
- <h3 class="uppercase">Accessibilité pour les personnes à mobilité réduite</h3>
- <app-missing-information *ngIf="structure.pmrAccess === null" />
- </div>
+ <h3 class="uppercase">Accessibilité pour les personnes à mobilité réduite</h3>
<app-button
class="hide-on-mobile"
[variant]="'secondary'"
@@ -696,7 +693,7 @@
/>
</div>
<div class="content">
- <app-no-information *ngIf="structure.pmrAccess === null" />
+ <app-missing-information *ngIf="structure.pmrAccess === null" />
<p *ngIf="structure.pmrAccess !== null">
{{ structure.pmrAccess ? 'Oui' : 'Non' }}
</p>
diff --git a/src/app/profile/structures-management/structures-management.component.html b/src/app/profile/structures-management/structures-management.component.html
index f07aad9fb53397fef6b7ede0b4cff6b2b8d75842..67a10d67b032f62e2412d86cc5a9eda6fbf89b33 100644
--- a/src/app/profile/structures-management/structures-management.component.html
+++ b/src/app/profile/structures-management/structures-management.component.html
@@ -31,7 +31,7 @@
[color]="'red'"
/>
<div *ngIf="isBeingDeleted(elt.structure)" class="deleteInProgress">
- <app-svg-icon [iconClass]="'icon-20'" [folder]="'tags'" [icon]="'warning'" />
+ <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'status-warning'" />
<span>
Suppression le {{ elt.structure.toBeDeletedAt | date: 'shortDate' }} (5 semaines depuis la demande de
suppression)
diff --git a/src/app/reset-password/reset-password.component.html b/src/app/reset-password/reset-password.component.html
index 64eef70168da6bf1e95c1657b2fa2e24c3c85920..44f0fbd0c5efa2b541cfc2f234678ab3d313679d 100644
--- a/src/app/reset-password/reset-password.component.html
+++ b/src/app/reset-password/reset-password.component.html
@@ -21,7 +21,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasEnoughChar(password.value) ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (checkIfPasswordHasEnoughChar(password.value) ? 'success' : 'error')"
/>
<p>8 caractères</p>
</li>
@@ -29,7 +29,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasSpecialChar(password.value) ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (checkIfPasswordHasSpecialChar(password.value) ? 'success' : 'error')"
/>
<p>1 caractère spécial</p>
</li>
@@ -37,7 +37,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasLowerCase(password.value) ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (checkIfPasswordHasLowerCase(password.value) ? 'success' : 'error')"
/>
<p>1 caractère en minuscule</p>
</li>
@@ -45,7 +45,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasUpperCase(password.value) ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (checkIfPasswordHasUpperCase(password.value) ? 'success' : 'error')"
/>
<p>1 caractère en majuscule</p>
</li>
@@ -53,7 +53,7 @@
<app-svg-icon
[iconClass]="'icon-16'"
[folder]="'form'"
- [icon]="checkIfPasswordHasDigit(password.value) ? 'validate' : 'notValidate'"
+ [icon]="'status-' + (checkIfPasswordHasDigit(password.value) ? 'success' : 'error')"
/>
<p>1 chiffre</p>
</li>
diff --git a/src/app/shared/components/checkbox-label/label-checkbox.component.html b/src/app/shared/components/checkbox-label/label-checkbox.component.html
index 4befd4ab0b9d1e033c9ab83f12751ca0c93c6efa..01ee2a237e2cbff3de0e9a4a9984c18ac95748ac 100644
--- a/src/app/shared/components/checkbox-label/label-checkbox.component.html
+++ b/src/app/shared/components/checkbox-label/label-checkbox.component.html
@@ -14,10 +14,4 @@
<div class="empty"></div>
<span class="description">{{ description }}</span>
</div>
-
- <div *ngIf="status && statusText" class="row">
- <img *ngIf="status === 'error'" src="assets/ico/error.svg" alt="" />
- <img *ngIf="status === 'success'" src="assets/ico/success.svg" alt="" />
- <span class="stateText" [ngClass]="status"> {{ statusText }}</span>
- </div>
</div>
diff --git a/src/app/shared/components/checkbox-label/label-checkbox.component.ts b/src/app/shared/components/checkbox-label/label-checkbox.component.ts
index 4e9189c5b3e31799b8744488a3a3ff86fb23de44..2947c2b9d63159ea2a0bb1db5c48625a42a812d2 100644
--- a/src/app/shared/components/checkbox-label/label-checkbox.component.ts
+++ b/src/app/shared/components/checkbox-label/label-checkbox.component.ts
@@ -22,11 +22,5 @@ export class LabelCheckboxComponent {
/** Additional label description */
@Input() description?: string;
- /** What additional data should be displayed ? error or success */
- @Input() status?: 'error' | 'success';
-
- /** Additional text to display on error or success */
- @Input() statusText?: string;
-
@Output() action = new EventEmitter<Event>();
}
diff --git a/src/app/shared/components/input/input.component.html b/src/app/shared/components/input/input.component.html
index a4937ceaec2f6017de4fa9d5f2010729847cda90..51e29440655915f89cb1e6bc3985409ae8aed39b 100644
--- a/src/app/shared/components/input/input.component.html
+++ b/src/app/shared/components/input/input.component.html
@@ -50,10 +50,7 @@
</div>
<div *ngIf="status && getStatusText()" class="status" [ngClass]="status">
- <img *ngIf="status === 'error'" src="assets/ico/error-rounded.svg" alt="" />
- <img *ngIf="status === 'success'" src="assets/ico/success-rounded.svg" alt="" />
- <img *ngIf="status === 'info'" src="assets/ico/info-rounded.svg" alt="" />
- <img *ngIf="status === 'warning'" src="assets/ico/warning.svg" alt="" />
+ <app-svg-icon [iconClass]="'icon-16'" [folder]="'form'" [icon]="'status-' + status" />
<span class="statusText" [attr.id]="'status-' + id" [ngClass]="status">
{{ getStatusText() }}
</span>
diff --git a/src/app/shared/components/input/input.component.scss b/src/app/shared/components/input/input.component.scss
index 3c1d7b02212d221363c7ba5d84e57eff05874d49..a7f87d7c4dd62e15e76a9223c7904408ecea0a3a 100644
--- a/src/app/shared/components/input/input.component.scss
+++ b/src/app/shared/components/input/input.component.scss
@@ -125,6 +125,10 @@
padding-right: 20px;
gap: 4px;
+ app-svg-icon {
+ margin: auto 0;
+ }
+
.statusText {
font-size: $font-size-xxsmall;
line-height: 20px;
diff --git a/src/app/shared/components/structure-pmr/structure-pmr.component.html b/src/app/shared/components/structure-pmr/structure-pmr.component.html
index af41b77d1431ce35d57e1139a82ab7544975eaa8..83caed17346961b6e1bdec399f48cec4fc288ffe 100644
--- a/src/app/shared/components/structure-pmr/structure-pmr.component.html
+++ b/src/app/shared/components/structure-pmr/structure-pmr.component.html
@@ -4,11 +4,11 @@
<h3>{{ title ? title : 'La personne a-t-elle besoin d’un accès mobilité réduite ?' }}</h3>
<p>Un seul choix possible</p>
</div>
- <p *ngIf="isEditMode && !structureForm.get('pmrAccess').valid" class="missing-information">
- <app-svg-icon class="validationIcon" [iconClass]="'icon-26'" [folder]="'form'" [icon]="'notValidate'" />
- <span>Il faut renseigner un champ</span>
- </p>
<div class="formGroup">
+ <p *ngIf="isEditMode && !structureForm.get('pmrAccess').valid" class="missing-information">
+ <app-svg-icon class="validationIcon" [iconClass]="'icon-26'" [folder]="'form'" [icon]="'status-error'" />
+ <span>Il faut renseigner un champ</span>
+ </p>
<app-radio-option
[id]="'yes'"
[label]="'Oui'"
diff --git a/src/app/shared/components/textarea/textarea.component.html b/src/app/shared/components/textarea/textarea.component.html
index 261ec67ae3da900efd0b15212a25d34596ee7408..51a9878ce49979e135a2a9c921f301e4cfa5984d 100644
--- a/src/app/shared/components/textarea/textarea.component.html
+++ b/src/app/shared/components/textarea/textarea.component.html
@@ -20,13 +20,4 @@
></textarea>
<div class="count">{{ value?.length ?? 0 }} / {{ maxLength }}</div>
- <div *ngIf="status && statusText" class="status" [ngClass]="status">
- <img *ngIf="status === 'error'" src="assets/ico/error-rounded.svg" alt="" />
- <img *ngIf="status === 'success'" src="assets/ico/success-rounded.svg" alt="" />
- <img *ngIf="status === 'info'" src="assets/ico/info-rounded.svg" alt="" />
- <img *ngIf="status === 'warning'" src="assets/ico/warning.svg" alt="" />
- <span class="statusText" [ngClass]="status">
- {{ statusText }}
- </span>
- </div>
</div>
diff --git a/src/app/shared/components/textarea/textarea.component.ts b/src/app/shared/components/textarea/textarea.component.ts
index 30b48b674b8bb3fd01aedc6828787d2aab5512c8..3e9fd55ce46f8198a767f3f0940b5498418093c8 100644
--- a/src/app/shared/components/textarea/textarea.component.ts
+++ b/src/app/shared/components/textarea/textarea.component.ts
@@ -21,10 +21,7 @@ export class TextareaComponent {
@Input() maxLength = 500;
/** What additional data should be displayed ? */
- @Input() status?: 'error' | 'success' | 'info' | 'warning';
-
- /** Additional text to display */
- @Input() statusText?: string;
+ @Input() status?: 'error' | 'success';
/** Placeholder */
@Input() placeholder?: string = '';
diff --git a/src/assets/form/sprite.svg b/src/assets/form/sprite.svg
index 5eaadd3f9e535b24caf3c53f9254e009f1b1ecbf..a19bf2571d8284004d60193b8b14aa3d6c53ffc6 100644
--- a/src/assets/form/sprite.svg
+++ b/src/assets/form/sprite.svg
@@ -84,23 +84,31 @@
fill="#DA3635" />
</symbol>
- <symbol id="notValidate" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path
- d="M7.99992 1.33337C4.31992 1.33337 1.33325 4.32004 1.33325 8.00004C1.33325 11.68 4.31992 14.6667 7.99992 14.6667C11.6799 14.6667 14.6666 11.68 14.6666 8.00004C14.6666 4.32004 11.6799 1.33337 7.99992 1.33337ZM7.99992 8.66671C7.63325 8.66671 7.33325 8.36671 7.33325 8.00004V5.33337C7.33325 4.96671 7.63325 4.66671 7.99992 4.66671C8.36659 4.66671 8.66659 4.96671 8.66659 5.33337V8.00004C8.66659 8.36671 8.36659 8.66671 7.99992 8.66671ZM8.66659 11.3334H7.33325V10H8.66659V11.3334Z"
- fill="#DA3635" />
+ <symbol id="status-success" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M8.28933 2.66666C5.34933 2.66666 2.95599 5.06 2.95599 8C2.95599 10.94 5.34933 13.3333 8.28933 13.3333C11.2293 13.3333 13.6227 10.94 13.6227 8C13.6227 5.06 11.2293 2.66666 8.28933 2.66666ZM6.95599 11.3333L4.28933 8.66666L5.22933 7.72666L6.95599 9.44666L11.3493 5.05333L12.2893 6L6.95599 11.3333Z" fill="#D1FFD7"/>
+ <path d="M8.28929 1.33333C4.60929 1.33333 1.62262 4.32 1.62262 8C1.62262 11.68 4.60929 14.6667 8.28929 14.6667C11.9693 14.6667 14.956 11.68 14.956 8C14.956 4.32 11.9693 1.33333 8.28929 1.33333ZM8.28929 13.3333C5.34929 13.3333 2.95595 10.94 2.95595 8C2.95595 5.06 5.34929 2.66667 8.28929 2.66667C11.2293 2.66667 13.6226 5.06 13.6226 8C13.6226 10.94 11.2293 13.3333 8.28929 13.3333ZM11.3493 5.05333L6.95595 9.44667L5.22929 7.72667L4.28929 8.66667L6.95595 11.3333L12.2893 6L11.3493 5.05333Z" fill="#1C8040"/>
</symbol>
+ <symbol id="status-error" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M8.28933 2.66667C5.34266 2.66667 2.95599 5.05333 2.95599 8C2.95599 10.9467 5.34266 13.3333 8.28933 13.3333C11.236 13.3333 13.6227 10.9467 13.6227 8C13.6227 5.05333 11.236 2.66667 8.28933 2.66667ZM8.95599 11.3333H7.62266V10H8.95599V11.3333ZM8.95599 8.66667H7.62266V4.66667H8.95599V8.66667Z" fill="#FFE5E4"/>
+ <path d="M8.28262 1.33333C4.60262 1.33333 1.62262 4.32 1.62262 8C1.62262 11.68 4.60262 14.6667 8.28262 14.6667C11.9693 14.6667 14.956 11.68 14.956 8C14.956 4.32 11.9693 1.33333 8.28262 1.33333ZM8.28929 13.3333C5.34262 13.3333 2.95595 10.9467 2.95595 8C2.95595 5.05333 5.34262 2.66667 8.28929 2.66667C11.236 2.66667 13.6226 5.05333 13.6226 8C13.6226 10.9467 11.236 13.3333 8.28929 13.3333ZM7.62262 10H8.95595V11.3333H7.62262V10ZM7.62262 4.66667H8.95595V8.66667H7.62262V4.66667Z" fill="#CD2524"/>
+ </symbol>
- <symbol id="validate" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path
- d="M7.99992 1.33337C4.31992 1.33337 1.33325 4.32004 1.33325 8.00004C1.33325 11.68 4.31992 14.6667 7.99992 14.6667C11.6799 14.6667 14.6666 11.68 14.6666 8.00004C14.6666 4.32004 11.6799 1.33337 7.99992 1.33337ZM6.19325 10.86L3.79992 8.46671C3.53992 8.20671 3.53992 7.78671 3.79992 7.52671C4.05992 7.26671 4.47992 7.26671 4.73992 7.52671L6.66659 9.44671L11.2533 4.86004C11.5133 4.60004 11.9333 4.60004 12.1933 4.86004C12.4533 5.12004 12.4533 5.54004 12.1933 5.80004L7.13325 10.86C6.87992 11.12 6.45325 11.12 6.19325 10.86Z"
- fill="#1D8844" />
+ <symbol id="status-info" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path d="M8.28933 2.66666C5.34933 2.66666 2.95599 5.06 2.95599 8C2.95599 10.94 5.34933 13.3333 8.28933 13.3333C11.2293 13.3333 13.6227 10.94 13.6227 8C13.6227 5.06 11.2293 2.66666 8.28933 2.66666ZM8.95599 11.3333H7.62266V7.33333H8.95599V11.3333ZM8.95599 6H7.62266V4.66666H8.95599V6Z" fill="#E4F2FF"/>
+ <path d="M7.62262 4.66667H8.95595V6H7.62262V4.66667ZM7.62262 7.33334H8.95595V11.3333H7.62262V7.33334ZM8.28929 1.33334C4.60929 1.33334 1.62262 4.32 1.62262 8C1.62262 11.68 4.60929 14.6667 8.28929 14.6667C11.9693 14.6667 14.956 11.68 14.956 8C14.956 4.32 11.9693 1.33334 8.28929 1.33334ZM8.28929 13.3333C5.34929 13.3333 2.95595 10.94 2.95595 8C2.95595 5.06 5.34929 2.66667 8.28929 2.66667C11.2293 2.66667 13.6226 5.06 13.6226 8C13.6226 10.94 11.2293 13.3333 8.28929 13.3333Z" fill="#006AD7"/>
</symbol>
- <symbol id="info" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path
- d="M6.99967 0.333496C3.31967 0.333496 0.333008 3.32016 0.333008 7.00016C0.333008 10.6802 3.31967 13.6668 6.99967 13.6668C10.6797 13.6668 13.6663 10.6802 13.6663 7.00016C13.6663 3.32016 10.6797 0.333496 6.99967 0.333496ZM6.99967 10.3335C6.63301 10.3335 6.33301 10.0335 6.33301 9.66683V7.00016C6.33301 6.6335 6.63301 6.3335 6.99967 6.3335C7.36634 6.3335 7.66634 6.6335 7.66634 7.00016V9.66683C7.66634 10.0335 7.36634 10.3335 6.99967 10.3335ZM7.66634 5.00016H6.33301V3.66683H7.66634V5.00016Z"
- fill="#0073E9" />
+ <symbol id="status-warning" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <g clip-path="url(#clip0_8408_42213)">
+ <path d="M3.26929 12.6667H13.3093L8.28929 3.99333L3.26929 12.6667ZM8.95595 12H7.62262V10.6667H8.95595V12ZM8.95595 9.33333H7.62262V6.66667H8.95595V9.33333Z" fill="#FFEAD1"/>
+ <path d="M0.955994 14H15.6227L8.28933 1.33333L0.955994 14ZM3.26933 12.6667L8.28933 3.99333L13.3093 12.6667H3.26933ZM7.62266 10.6667H8.95599V12H7.62266V10.6667ZM7.62266 6.66666H8.95599V9.33333H7.62266V6.66666Z" fill="#BC4400"/>
+ </g>
+ <defs>
+ <clipPath id="clip0_8408_42213">
+ <rect width="16" height="16" fill="white" transform="translate(0.289307)"/>
+ </clipPath>
+ </defs>
</symbol>
<symbol id="venteMaterielPrixSolidaire" viewBox="0 0 44 44" fill="none" stroke="none"
diff --git a/src/assets/ico/error-rounded.svg b/src/assets/ico/error-rounded.svg
deleted file mode 100644
index 278ccae022e0638cccc3e97fa16d7af73250a990..0000000000000000000000000000000000000000
--- a/src/assets/ico/error-rounded.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.19902 1.89722C4.51902 1.89722 1.53235 4.88388 1.53235 8.56388C1.53235 12.2439 4.51902 15.2306 8.19902 15.2306C11.879 15.2306 14.8657 12.2439 14.8657 8.56388C14.8657 4.88388 11.879 1.89722 8.19902 1.89722ZM8.19902 9.23055C7.83235 9.23055 7.53235 8.93055 7.53235 8.56388V5.89722C7.53235 5.53055 7.83235 5.23055 8.19902 5.23055C8.56568 5.23055 8.86568 5.53055 8.86568 5.89722V8.56388C8.86568 8.93055 8.56568 9.23055 8.19902 9.23055ZM8.86568 11.8972H7.53235V10.5639H8.86568V11.8972Z" fill="#DA3635"/>
-</svg>
diff --git a/src/assets/ico/error.svg b/src/assets/ico/error.svg
deleted file mode 100644
index c26e22da21334ad749dcafa2bbedc6832a28b8ec..0000000000000000000000000000000000000000
--- a/src/assets/ico/error.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_8952_1654)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0614 8.24999L12.3948 1.91666H5.06143L1.39476 8.24999L5.06143 14.5833H12.3948L16.0614 8.24999ZM10.6135 5.42129L8.72815 7.3073L6.84281 5.42129L5.89948 6.36463L7.78548 8.24996L5.89948 10.1353L6.84281 11.0786L8.72815 9.19263L10.6135 11.0786L11.5568 10.1353L9.67081 8.24996L11.5568 6.36463L10.6135 5.42129Z" fill="#E1000F"/>
-</g>
-<defs>
-<clipPath id="clip0_8952_1654">
-<rect width="16" height="16" fill="white" transform="translate(0.728088 0.25)"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/assets/ico/info-rounded.svg b/src/assets/ico/info-rounded.svg
deleted file mode 100644
index 72c5fad45a66c8772cd8685f9fafb05a609e3848..0000000000000000000000000000000000000000
--- a/src/assets/ico/info-rounded.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="🚫 Ne pas changer - Information">
-<path id="Vector" d="M8.28935 2.02228C4.60935 2.02228 1.62268 5.00894 1.62268 8.68894C1.62268 12.3689 4.60935 15.3556 8.28935 15.3556C11.9693 15.3556 14.956 12.3689 14.956 8.68894C14.956 5.00894 11.9693 2.02228 8.28935 2.02228ZM8.28935 12.0223C7.92268 12.0223 7.62268 11.7223 7.62268 11.3556V8.68894C7.62268 8.32228 7.92268 8.02228 8.28935 8.02228C8.65601 8.02228 8.95601 8.32228 8.95601 8.68894V11.3556C8.95601 11.7223 8.65601 12.0223 8.28935 12.0223ZM8.95601 6.68894H7.62268V5.35561H8.95601V6.68894Z" fill="#0073E9"/>
-</g>
-</svg>
diff --git a/src/assets/ico/success-rounded.svg b/src/assets/ico/success-rounded.svg
deleted file mode 100644
index dc4031017cfdb023ae375c9814d3ad3df96d9aff..0000000000000000000000000000000000000000
--- a/src/assets/ico/success-rounded.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.7808 1.89722C5.1008 1.89722 2.11414 4.88388 2.11414 8.56388C2.11414 12.2439 5.1008 15.2306 8.7808 15.2306C12.4608 15.2306 15.4475 12.2439 15.4475 8.56388C15.4475 4.88388 12.4608 1.89722 8.7808 1.89722ZM6.97414 11.4239L4.5808 9.03055C4.3208 8.77055 4.3208 8.35055 4.5808 8.09055C4.8408 7.83055 5.2608 7.83055 5.5208 8.09055L7.44747 10.0106L12.0341 5.42388C12.2941 5.16388 12.7141 5.16388 12.9741 5.42388C13.2341 5.68388 13.2341 6.10388 12.9741 6.36388L7.91414 11.4239C7.6608 11.6839 7.23414 11.6839 6.97414 11.4239Z" fill="#1D8844"/>
-</svg>
diff --git a/src/assets/ico/success.svg b/src/assets/ico/success.svg
deleted file mode 100644
index 61648218ef8e3174f7c82902d9336c73b6c10f54..0000000000000000000000000000000000000000
--- a/src/assets/ico/success.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="🚫 Ne pas changer - Succès">
-<path id="Icône" fill-rule="evenodd" clip-rule="evenodd" d="M8.72808 14.6666C5.04608 14.6666 2.06142 11.682 2.06142 7.99998C2.06142 4.31798 5.04608 1.33331 8.72808 1.33331C12.4101 1.33331 15.3948 4.31798 15.3948 7.99998C15.3948 11.682 12.4101 14.6666 8.72808 14.6666ZM8.06342 10.6666L12.7768 5.95265L11.8341 5.00998L8.06342 8.78131L6.17742 6.89531L5.23475 7.83798L8.06342 10.6666Z" fill="#1D8844"/>
-</g>
-</svg>
diff --git a/src/assets/ico/warning.svg b/src/assets/ico/warning.svg
deleted file mode 100644
index 723682c733afa62d63a27261af33103d65d289fb..0000000000000000000000000000000000000000
--- a/src/assets/ico/warning.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path
- d="M3.26931 14H13.3093C14.336 14 14.976 12.8867 14.4626 12L9.44264 3.32665C8.92931 2.43998 7.64931 2.43998 7.13597 3.32665L2.11597 12C1.60264 12.8867 2.24264 14 3.26931 14ZM8.28931 9.33332C7.92264 9.33332 7.62264 9.03332 7.62264 8.66665V7.33332C7.62264 6.96665 7.92264 6.66665 8.28931 6.66665C8.65597 6.66665 8.95597 6.96665 8.95597 7.33332V8.66665C8.95597 9.03332 8.65597 9.33332 8.28931 9.33332ZM8.95597 12H7.62264V10.6667H8.95597V12Z"
- fill="#CF4B00" />
-</svg>
\ No newline at end of file
diff --git a/src/assets/tags/sprite.svg b/src/assets/tags/sprite.svg
index 26bcd181be92824ff9bfdb399de1d75c06fd244f..c62822b19fc501d75a1840653a125771bd8c50c3 100644
--- a/src/assets/tags/sprite.svg
+++ b/src/assets/tags/sprite.svg
@@ -1,11 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg">
- <symbol id="warning" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
- <rect width="20" height="20" rx="10" fill="#FFEFE4" />
- <path
- d="M6.23506 14.4998H13.7651C14.5351 14.4998 15.0151 13.6648 14.6301 12.9998L10.8651 6.49484C10.4801 5.82984 9.52006 5.82984 9.13506 6.49484L5.37006 12.9998C4.98506 13.6648 5.46506 14.4998 6.23506 14.4998ZM10.0001 10.9998C9.72506 10.9998 9.50006 10.7748 9.50006 10.4998V9.49984C9.50006 9.22484 9.72506 8.99984 10.0001 8.99984C10.2751 8.99984 10.5001 9.22484 10.5001 9.49984V10.4998C10.5001 10.7748 10.2751 10.9998 10.0001 10.9998ZM10.5001 12.9998H9.50006V11.9998H10.5001V12.9998Z"
- fill="#CF4B00" />
- </symbol>
-
<symbol id="mail" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="20" height="20" rx="10" fill="#FFE5E4" />
<path