front end

design-system/primitives/DsText.vue

@@ -8,6 +8,7 @@
       `ds-text--${props.weight || resolvedWeight}`, //si la classe weight n'est pas donné dans la classe on prend la mapping par défaut
       `ds-text--${props.spacing || resolvedspacing}`,
       `ds-text--${props.tone}`,
+      `ds-text--${props.align}`,
       props.clamp ? `ds-text--clamp_${props.clamp}` : '',
     ]"
   >
@@ -25,6 +26,7 @@
     spacing: { type: String, default: '' },
     tone: { type: String, default: 'default' },         // default/muted/invert
     weight: { type: String, default: 'regular' },       // regular/medium
+    align: { type: String, default: '' },
     clamp: { type: Number, default: undefined },                // nombre de lignes du contenu
   })
 
@@ -113,6 +115,10 @@
     &--bleu_fonce { color: var(--c-bleu_fonce); }
     &--bleu_clair { color: var(--c-bleu_clair); }
 
+    &--justify {
+      text-align: justify;
+    }
+
     // clampé sur 2 lignes pour les cartes (résumé, programme, etc.).
     // Si ça dépasse, ça coupe proprement. Pour du texte de description qui doit tenir dans un cadre, mais qui a été écrit trop long, pour ne pas casser le design du site, on va limiter l'affichage à 2 lignes. c'est pour des espace réduit. Pour ne pas casser le design de la page. J'ai presque écrit 2 lignes, je vais bientôt être censurée.
     &--clamp_3 {