@cnamts/synapse 1.0.19 → 1.0.21

package/src/components/PaginatedTable/Accessibilite.stories.ts

@@ -1,26 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Tableaux/PaginatedTable/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/PaginatedTable/tests/PaginatedTable.a11y.spec.ts

@@ -1,43 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import PaginatedTable from '../PaginatedTable.vue'
-import type { DataOptions } from '@/components/PaginatedTable/types'
-
-const fakeItems = [
-	{ id: 1, name: 'John Doe', age: 25 },
-	{ id: 2, name: 'Jane Doe', age: 30 },
-	{ id: 3, name: 'John Smith', age: 35 },
-] as const
-
-const headers = [
-	{ title: 'ID', key: 'id' },
-	{ title: 'Name', key: 'name' },
-	{ title: 'Age', key: 'age' },
-]
-
-// Scénario d’accessibilité : tableau paginé en mode local avec légende cachée.
-
-describe('PaginatedTable – accessibility (axe)', () => {
-	it('has no obvious axe violations in local mode with caption', async () => {
-		const wrapper = mount(PaginatedTable, {
-			props: {
-				options: {} as DataOptions,
-				items: fakeItems,
-				headers,
-				caption: 'Liste des utilisateurs',
-			},
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'PaginatedTable – local mode with caption', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/PasswordField/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/PasswordField/Accessibilite.stories.ts

@@ -1,121 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/PasswordField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			<div class="mt-4">
-                  <p>Rapport d'audit manuel : <a href="/audits/PasswordField.xlsx" style="color:#0C41BD;">rapport</a></p>
-                  <p style="color: grey; font-size: 14px">Correctifs associés (<a
-                      href="https://github.com/assurance-maladie-digital/design-system-v3/issues/898" target="_blank"
-                      style="color:#0C41BD;"
-                  >issue #898</a>)</p>
-                </div>
-                <div class="mt-6">
-                  <h3 style="font-size: 18px; font-weight: 600; margin-bottom: 16px;">Spécificité - Source technique</h3>
-                  
-                  <div style="background-color: #f5f5f5; padding: 16px; border-radius: 8px; margin-bottom: 16px;">
-                    <p style="font-weight: 500; margin-bottom: 8px;">Les champs de formulaires doivent avoir une étiquette</p>
-                    <p style="margin-bottom: 8px;">Techniquement, il est communément utilisé la balise "label" avec les attributs "for" et "id".
-                    Celle-ci doit être pertinente et accolée au champ associé.</p>
-                    <p style="font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.accede-web.com/notices/html-et-css/formulaires/utiliser-la-balise-label-ainsi-que-les-attributs-for-et-id-pour-etiqueter-les-champs-avec-intitule-visible/" 
-                         target="_blank" style="color: inherit;">
-                        Documentation accede-web
-                      </a>
-                    </p>
-                  </div>
-                  
-                  <div style="background-color: #f5f5f5; padding: 16px; border-radius: 8px; margin-bottom: 16px;">
-                    <p style="font-weight: 500; margin-bottom: 8px;">Remplissage automatique des champs</p>
-                    <p style="margin-bottom: 8px;">Selon la finalité du champ, le remplissage automatique est possible (attribut "autocomplete").</p>
-                    <p style="font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.accede-web.com/notices/html-et-css/formulaires/utiliser-lattribut-autocomplete-pour-faciliter-le-remplissage-automatique-des-champs/" 
-                         target="_blank" style="color: inherit;">
-                        Documentation accede-web
-                      </a>
-                    </p>
-                  </div>
-                  
-                  <div style="background-color: #f5f5f5; padding: 16px; border-radius: 8px; margin-bottom: 16px;">
-                    <p style="font-weight: 500; margin-bottom: 8px;">Aide à la saisie</p>
-                    <p style="margin-bottom: 8px;">En cas d'aide à la saisie, l'inscription est visible dans un message ou présente dans l'étiquette. Il doit être rattaché au libellé ou situé dans le passage de texte associé au champ.</p>
-                    <p style="font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.accede-web.com/notices/html-et-css/formulaires/integrer-les-aides-a-la-saisie-directement-dans-les-balises-label/" 
-                         target="_blank" style="color: inherit;">
-                        Documentation accede-web
-                      </a>
-                    </p>
-                  </div>
-                  
-                  <div style="background-color: #f5f5f5; padding: 16px; border-radius: 8px; margin-bottom: 16px;">
-                    <p style="font-weight: 500; margin-bottom: 8px;">Champs obligatoires</p>
-                    <p style="margin-bottom: 8px;">Les champs obligatoires possèdent l'une et/ou l'autre condition :</p>
-                    <ul style="margin-bottom: 8px; padding-left: 20px;">
-                      <li>un intitulé visible permettant de l'identifier comme tel</li>
-                      <li>un attribut "required" ou 'aria-required="true"'</li>
-                    </ul>
-                    <p style="margin-bottom: 8px;">Il doit être rattaché au libellé ou situé dans le passage de texte associé au champ.</p>
-                    <p style="font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.accede-web.com/notices/html-et-css/formulaires/integrer-required-ou-aria-requiredtrue-dans-les-champs-obligatoires/" 
-                         target="_blank" style="color: inherit;">
-                        Documentation accede-web
-                      </a>
-                    </p>
-                  </div>
-                  
-                  <div style="background-color: #f5f5f5; padding: 16px; border-radius: 8px; margin-bottom: 16px;">
-                    <p style="font-weight: 500; margin-bottom: 8px;">Gestion des erreurs</p>
-                    <p style="margin-bottom: 8px;">En cas d'erreur, le champ possède l'une et/ou l'autre condition :</p>
-                    <ul style="margin-bottom: 8px; padding-left: 20px;">
-                      <li>un message visible permet de l'identifier comme tel</li>
-                      <li>un attribut 'aria-invalid="true"'</li>
-                    </ul>
-                    <p style="margin-bottom: 8px;">Il doit être rattaché au libellé ou situé dans le passage de texte associé au champ.</p>
-                    <p style="margin-bottom: 8px;">Par ailleurs, s'il s'agit d'une erreur de type ou format, l'information est retranscrite dans le message d'erreur avec des exemples de valeurs attendues autre que celle de l'aide à la saisie.</p>
-                    <p style="font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.accede-web.com/notices/html-et-css/formulaires/integrer-les-messages-derreur-et-les-suggestions-de-correction-directement-dans-les-balises-label/" 
-                         target="_blank" style="color: inherit;">
-                        Documentation accede-web
-                      </a>
-                    </p>
-                  </div>
-                  
-                  <div style="background-color: #f5f5f5; padding: 16px; border-radius: 8px; margin-bottom: 16px;">
-                    <p style="font-weight: 500; margin-bottom: 8px;">Spécificités des champs de mot de passe</p>
-                    <p style="margin-bottom: 8px;">Le copier-coller doit être possible dans un champ d'authentification. Cela permet notamment de faciliter l'utilisation d'un gestionnaire de mot de passe.</p>
-                    <p style="margin-bottom: 16px; font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication-minimum.html" 
-                         target="_blank" style="color: inherit;">
-                        Documentation W3C
-                      </a>
-                    </p>
-                    <p style="margin-bottom: 8px;">Il faut pouvoir démasquer le mot de passe lors de la saisie. Cela permet d'améliorer les chances de réussite pour certaines personnes souffrant de troubles cognitifs ou ayant des difficultés à saisir correctement un mot de passe.</p>
-                    <p style="font-size: 13px; color: #0C41BD;">
-                      <a href="https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication-minimum.html" 
-                         target="_blank" style="color: inherit;">
-                        Documentation W3C
-                      </a>
-                    </p>
-                  </div>
-                </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/PeriodField/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Cette page sera bientôt disponible</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/PeriodField/Accessibilite.stories.ts

@@ -1,27 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/PeriodField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-		
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/PhoneField/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/PhoneField/Accessibilite.stories.ts

@@ -1,32 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/PhoneField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			  
-		 
-				  <div class="mt-4">
-					  <p>Rapport d’audit manuel : <a href="/audits/PhoneField.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-					  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/797" target="_blank" style="color:#0C41BD;">issue #797</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/PhoneField/tests/PhoneField.a11y.spec.ts

@@ -1,34 +0,0 @@
-// @vitest-environment jsdom
-
-import { describe, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { axe } from 'vitest-axe'
-import { assertNoA11yViolations } from '@tests/unit/accessibility/axeUtils'
-import PhoneField from '../PhoneField.vue'
-import { indicatifs } from '../indicatifs'
-
-// Scénario d’accessibilité : champ de téléphone avec indicatif et numéro renseignés.
-
-describe('PhoneField – accessibility (axe)', () => {
-	it('has no obvious axe violations with country code and phone number', async () => {
-		const defaultDialCode = indicatifs[0]
-
-		const wrapper = mount(PhoneField, {
-			props: {
-				withCountryCode: true,
-				countryCodeRequired: true,
-				required: true,
-				modelValue: '0612345678',
-				dialCodeModel: defaultDialCode,
-			},
-			attachTo: document.body,
-		})
-
-		const results = await axe(wrapper.element as HTMLElement)
-		assertNoA11yViolations(results, 'PhoneField – country code + phone', {
-			ignoreRules: ['region'],
-		})
-
-		wrapper.unmount()
-	})
-})

package/src/components/RangeField/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/RangeField/Accessibilite.stories.ts

@@ -1,32 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/RangeField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			   
-		 
-				<div class="mt-4">
-					<p>Rapport d’audit manuel : <a href="/audits/RangeField.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-					<p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/908" target="_blank" style="color:#0C41BD;">issue #908</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/RatingPicker/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/RatingPicker/Accessibilite.stories.ts

@@ -1,30 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Feedback/RatingPicker/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/RatingPicker.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/issues/910" target="_blank" style="color:#0C41BD;">issue #910</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/SearchListField/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/SearchListField/Accessibilite.stories.ts

@@ -1,30 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Formulaires/SearchListField/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  	<div class="mt-4">
-					<p>Rapport d’audit manuel : <a href="/audits/SearchListField.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-                    <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system-v3/pull/1499" target="_blank" style="color:#0C41BD;">PR #1499</a>)</p>
-				</div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/SkipLink/Accessibilite.stories.ts

@@ -1,36 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Navigation/SkipLink/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			   
-		 
-				  <div class="mt-4">
-					  <p>Rapport d’audit manuel : <a href="/audits/SkipLink.xlsx" style="color:#0C41BD;">Voir le
-						  rapport</a></p>
-					  <p style="color: grey; font-size: 14px">Correctifs associés (<a
-						  href="https://github.com/assurance-maladie-digital/design-system/issues/4012" target="_blank"
-						  style="color:#0C41BD;"
-					  >issue #4012</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/SocialMediaLinks/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/SocialMediaLinks/Accessibilite.stories.ts

@@ -1,36 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Navigation/SocialMediaLinks/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			   
-		 
-				  <div class="mt-4">
-					  <p>Rapport d’audit manuel : <a href="/audits/SocialMediaLinks.xlsx" style="color:#0C41BD;">Voir le
-						  rapport</a></p>
-					  <p style="color: grey; font-size: 14px">Correctifs associés (<a
-						  href="https://github.com/assurance-maladie-digital/design-system-v3/issues/790" target="_blank"
-						  style="color:#0C41BD;"
-					  >issue #790</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/SubHeader/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/SubHeader/Accessibilite.stories.ts

@@ -1,36 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Structure/SubHeader/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `
-			   
-		 
-				  <div class="mt-4">
-					  <p>Rapport d’audit manuel : <a href="/audits/SubHeader.xlsx" style="color:#0C41BD;">Voir le
-						  rapport</a></p>
-					  <p style="color: grey; font-size: 14px">Correctifs associés (<a
-						  href="https://github.com/assurance-maladie-digital/design-system-v3/pull/942" target="_blank"
-						  style="color:#0C41BD;"
-					  >issue #942</a>)</p>
-				  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}

package/src/components/SyAlert/Accessibilite.mdx

@@ -1,13 +0,0 @@
-import { Meta, Story } from '@storybook/addon-docs';
-import * as AccessStories from './Accessibilite.stories.ts';
-import '../../stories/styles/shared.css';
-
-<Meta of={AccessStories} />
-
-<div className="header">
-  <h1>Accessibilité</h1>
-  <p>Informations sur l'accessibilité du composant</p>
-</div>
-
-<Story of={AccessStories.Legende} />
-<br />

package/src/components/SyAlert/Accessibilite.stories.ts

@@ -1,30 +0,0 @@
-import { VIcon } from 'vuetify/components'
-import type { StoryObj } from '@storybook/vue3'
-import { mdiCheckboxMarkedCircle } from '@mdi/js'
-
-const checkIcon = mdiCheckboxMarkedCircle
-
-export default {
-	title: 'Composants/Feedback/SyAlert/Accessibilité',
-}
-
-export const Legende: StoryObj = {
-	args: {
-		icon: checkIcon,
-	},
-	render: (args) => {
-		return {
-			components: { VIcon },
-			setup() {
-				return { args }
-			},
-			template: `   
-			  <div class="mt-4">
-				  <p>Rapport d’audit manuel : <a href="/audits/SyAlert.xlsx" style="color:#0C41BD;">Voir le rapport</a></p>
-				  <p style="color: grey; font-size: 14px">Correctifs associés (<a href="https://github.com/assurance-maladie-digital/design-system/issues/4010" target="_blank" style="color:#0C41BD;">issue #4010</a>)</p>
-			  </div>
-            `,
-		}
-	},
-	tags: ['!dev'],
-}