FranceConnectBtn - Githubissues

Mise à niveau FranceConnectBtn

Besoin Mettre en conformité le composant FranceConnectBtn pour Synapse Lien vers composant VueDot/Bridge : https://digital-design-system.netlify.app/composants/boutons/france-connect-btn

Ce composant est à concevoir sous vue3 en accord avec v3.vuetify
Contrôler les marges, les couleurs et les fonts en accord avec les tokens
Optimiser le composant (code) pour l'éco-conception et inclure le même niveau de permissivité que celui du Bridge (slots, personnalisation des labels, etc.).
Doit respecter les guidelines : https://docs.partenaires.franceconnect.gouv.fr/fs/integration-graphique/integration-bouton-fc/

Le découpage du composant et de ses sous-composants peut être différent entre la librairie développée (Synapse) et l'UI kit des designers selon les besoins du logiciel FIGMA. Néanmoins, en cas de différence, une documentation type mode d'emploi sur FIGMA doit être réalisé.

Critères d'acceptances pour la revue de la conception

[ ] Le composant intègre sur FIGMA, en cas d'utilisation de composant vuetify, les propriétés vuetify utiles au design
[ ] Le composant est maquetté sur FIGMA (tous les états + devices mobile, tablet et desktop)
[ ] La documentation sur FIGMA type mode d'emploi est réalisée (critère optionnel, à cocher si accomplie ou non nécessaire)
[ ] La documentation des usages est réalisée et disponible pour les développeurs Lien du composant sur FIGMA : à indiquer par le designer

Critères d'acceptances pour la revue du développement (destinée à la publication)

[ ] Le composant est fonctionnel
[ ] Le composant est responsive (mobile, tablet et desktop)
[ ] Le composant répond aux critères d'accessibilité (test Tanaguru + A11y linter)
[ ] Le composant passe les tests du DS
[ ] La documentation API et exemples est réalisée
[ ] Le composant est conforme aux maquettes (tokens)
[ ] Le composant respecte les guidelines de franceconnect (DS de l'état)

assurance-maladie-digital / design-system

FranceConnectBtn #3744