From fc002aa9f80493fdf711c2dbfa6788efbc81fc44 Mon Sep 17 00:00:00 2001
From: Victoria Rodriguez <victoriaileanarodriguezmora@gmail.com>
Date: Thu, 12 Dec 2024 10:16:47 -0300
Subject: [PATCH] fix: lint

---
 .../documents/Typography/TypographyDocs.tsx   | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/app/src/documents/Typography/TypographyDocs.tsx b/app/src/documents/Typography/TypographyDocs.tsx
index 94f223e..6bf1c66 100644
--- a/app/src/documents/Typography/TypographyDocs.tsx
+++ b/app/src/documents/Typography/TypographyDocs.tsx
@@ -214,17 +214,28 @@ const SECTIONS_UX = [
     content: (
       <>
         <p className="mb-4">
-          Utilizamos diferentes pesos para jerarquizar y enfatizar contenido, generando un orden de lectura basado en títulos, subtítulos y párrafos de texto; además, los pesos tipográficos se pueden utilizar dentro de párrafos de texto para destacar contenido de interés.
+          Utilizamos diferentes pesos para jerarquizar y enfatizar contenido, generando un orden de lectura basado en
+          títulos, subtítulos y párrafos de texto; además, los pesos tipográficos se pueden utilizar dentro de párrafos
+          de texto para destacar contenido de interés.
         </p>
         <p className="mb-4">
           Dentro de nuestra escala tipográfica utilizamos <i>regular</i>, <i>semibold</i> y <i>bold</i> como los únicos
-          pesos con los que pueden trabajar dentro de Obelisco. <strong>Cada uno de los tamaños de la escala tiene un peso predeterminado:</strong>
+          pesos con los que pueden trabajar dentro de Obelisco.{' '}
+          <strong>Cada uno de los tamaños de la escala tiene un peso predeterminado:</strong>
         </p>
 
         <ul>
-          <li>Los tamaños de Cuerpo <i>(Body)</i> utilizan <i>regular</i> como peso predeterminado.</li>
-          <li>Los tamaños de Titulares <i>(Titles)</i>, Titulares/M y Titulares/S, utilizan <i>semibold</i> como peso predeterminado, mientras que los Titulares/L utilizan <i>bold</i> como peso predeterminado.</li>
-          <li>Todos los <i>H’s</i> utilizan <i>semibold</i> como peso predeterminado, excepto por los H1, que utilizan <i>bold</i> como peso predeterminado.</li>
+          <li>
+            Los tamaños de Cuerpo <i>(Body)</i> utilizan <i>regular</i> como peso predeterminado.
+          </li>
+          <li>
+            Los tamaños de Titulares <i>(Titles)</i>, Titulares/M y Titulares/S, utilizan <i>semibold</i> como peso
+            predeterminado, mientras que los Titulares/L utilizan <i>bold</i> como peso predeterminado.
+          </li>
+          <li>
+            Todos los <i>H’s</i> utilizan <i>semibold</i> como peso predeterminado, excepto por los H1, que utilizan{' '}
+            <i>bold</i> como peso predeterminado.
+          </li>
         </ul>
 
         <div className="d-flex flex-column flex-md-row align-items-center mb-4" style={{ gap: '32px' }}>