Add Typography component

[pplancq]

Cette PR à pour but d'implémenter les fonts style de slash, présent ici https://zeroheight.com/4b1e27a45/v/latest/p/9506de-fonts-style

elle permet d'ajouter des class css utilitaire afin d'avoir la bonne font style en fonction de la situation.
Coté react le composant Typography permet d'automatiser le travail.

[MartinWeb]

j'ai peut être loupé un épisode, mais quel est le but exactement de ce composant ?

[pplancq]

j'ai peut être loupé un épisode, mais quel est le but exactement de ce composant ?

Le but c'est d'avoir la gestion du font style à un seul endroits.
Comme cela si nos UX vienne a changer la font style du h2, on a juste à changer une fois est tous nos composants seront a jour.

bien sur à therme il faudra utiliser ce composant/les class css utilitaire par tout ou il y aura du text

[JLou]

On importe la font dans l'index.ts a la racine pour éviter que les utilisateurs aient a faire ca.

[pplancq]

Oui dans le package react, mais pas dans le package css qui n'a pas la font en dépendance. Il est donc nécessaire de mettre dans la documentation le fait de devoir installer la font.

[JLou]

j'ai du mal a voir l’intérêt de la PR au delà des headings, sachant qu'en plus on a deja un composant pour les titres. Quel est l'intéret pour le "copyright" par exemple qui n'est présent que dans le footer.

[pplancq]

j'ai du mal a voir l’intérêt de la PR au delà des headings, sachant qu'en plus on a deja un composant pour les titres. Quel est l'intéret pour le "copyright" par exemple qui n'est présent que dans le footer.

Le but est de centraliser la gestion des styles de police décrits dans le DS ici en un seul endroit. Cela simplifiera la maintenance à long terme. Par exemple, si les UX décident de changer certaines tailles de police ou d'adapter les tailles de police en fonction de l'appareil (desktop ou tablette), nous n'aurons qu'à effectuer les modifications à un seul endroit, ce qui réduira le risque d'oublier un composant (idem côté consommateur).

En effet, j'imagine qu'à terme, nous utiliserons tous ce composant au sein du toolkit, mais également les consommateurs dans leurs applications.

[sonarqubecloud]

Quality Gate failed

Failed conditions
56.9% Coverage on New Code (required ≥ 80%)
7.9% Duplication on New Code (required ≤ 3%)

See analysis details on SonarQube Cloud