mintlify · locadex-agent · Nov 10, 2025
diff --git a/es/create/code.mdx b/es/create/code.mdx
@@ -457,4 +457,66 @@ La sintaxis del comentario debe coincidir con tu lenguaje de programación (por
   sayHello();
   ```
   ````
-</CodeGroup>
+</CodeGroup>
+
+<div id="codeblock-component">
+  ## Componente CodeBlock
+</div>
+
+Usa el componente `<CodeBlock>` en componentes personalizados de React para renderizar de forma programática bloques de código con el mismo estilo y las mismas funcionalidades que los bloques de código de Markdown.
+
+<div id="props">
+  ### Props
+</div>
+
+<ResponseField name="language" type="string">
+  El lenguaje de programación para el resaltado de sintaxis.
+</ResponseField>
+
+<ResponseField name="filename" type="string">
+  El nombre del archivo que se mostrará en el encabezado del bloque de código.
+</ResponseField>
+
+<ResponseField name="icon" type="string">
+  El icon que se mostrará en el encabezado del bloque de código. Consulta [Icons](/es/components/icons) para ver las opciones disponibles.
+</ResponseField>
+
+<ResponseField name="lines" type="boolean">
+  Si mostrar números de línea.
+</ResponseField>
+
+<ResponseField name="wrap" type="boolean">
+  Si ajustar el bloque de código.
+</ResponseField>
+
+<ResponseField name="expandable" type="boolean">
+  Si expandir el bloque de código.
+</ResponseField>
+
+<ResponseField name="highlight" type="string">
+  Las líneas que se deben resaltar. Proporciona un arreglo de números en formato de cadena. Ejemplo: `"[1,3,4,5]"`.
+</ResponseField>
+
+<ResponseField name="focus" type="string">
+  Las líneas en las que enfocarse. Proporciona un arreglo de números en formato de cadena. Ejemplo: `"[1,3,4,5]"`.
+</ResponseField>
+
+<div id="example">
+  ### Ejemplo
+</div>
+
+```jsx
+export const CustomCodeBlock = ({ filename, icon, language, highlight, children }) => {
+  return (
+    <CodeBlock
+      filename={filename}
+      icon={icon}
+      language={language}
+      lines
+      highlight={highlight}
+    >
+      {children}
+    </CodeBlock>
+  );
+};
+```
diff --git a/es/organize/settings.mdx b/es/organize/settings.mdx
@@ -56,67 +56,67 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
 </ResponseField>
 
 <ResponseField name="colors" type="object" required>
-  Los colores que se usan en tu documentación. Los colores se aplican de forma diferente según el tema. Si solo proporcionas un color principal, se usará para todos los elementos de color.
+  Los colores utilizados en tu documentación. Los colores se aplican de forma diferente según el tema. Si solo proporcionas un color principal, se usará para todos los elementos de color.
 
   <Expandable title="Colors">
     <ResponseField name="primary" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" required>
-      El color principal de tu documentación. Generalmente se usa para el énfasis en el modo claro, con cierta variación según el tema.
+      El color principal de tu documentación. Generalmente se usa para énfasis en el modo claro, con algunas variaciones según el tema.
 
-      Debe ser un código hexadecimal que comience con `#`.
+      Debe ser un código hex que comience con `#`.
     </ResponseField>
 
     <ResponseField name="light" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
-      El color utilizado para el énfasis en el modo oscuro.
+      El color usado para énfasis en el modo system.
 
-      Debe ser un código hexadecimal que comience con `#`.
+      Debe ser un código hex que comience con `#`.
     </ResponseField>
 
     <ResponseField name="dark" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
-      El color utilizado para los botones y los estados hover en los modos claro y oscuro, con cierta variación según el tema.
+      El color utilizado para botones y estados hover tanto en modo claro como en modo system, con algunas variaciones según el tema.
 
-      Debe ser un código hexadecimal que comience con `#`.
+      Debe ser un código hex que comience con `#`.
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="description" type="string">
-  Descripción de tu sitio para SEO e indexación por IA.
+  Descripción de tu sitio para SEO e indexación con IA.
 </ResponseField>
 
 <ResponseField name="logo" type="string or object">
-  Configura tu logotipo para los modos claro y oscuro.
+  Configura tu logo para los modos claro y system.
 
   <Expandable title="Logo">
     <ResponseField name="light" type="string" required>
-      Ruta al archivo de tu logotipo para el modo claro. Incluye la extensión del archivo. Ejemplo: `/logo.png`
+      Ruta al archivo de tu logo para el modo claro. Incluye la extensión del archivo. Ejemplo: `/logo.png`
     </ResponseField>
 
     <ResponseField name="dark" type="string" required>
-      Ruta al archivo de tu logotipo para el modo oscuro. Incluye la extensión del archivo. Ejemplo: `/logo-dark.png`
+      Ruta al archivo de tu logo para el modo system. Incluye la extensión del archivo. Ejemplo: `/logo-dark.png`
     </ResponseField>
 
     <ResponseField name="href" type="string (uri)">
-      La URL a la que redirigir al hacer clic en el logotipo. Si no se proporciona, el logotipo enlazará a tu página de inicio. Ejemplo: `https://mintlify.com`
+      La URL a la que redirigir al hacer clic en el logo. Si no se proporciona, el logo enlazará a tu página de inicio. Ejemplo: `https://mintlify.com`
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="favicon" type="string or object">
-  Ruta a tu archivo de favicon, incluida la extensión del archivo. Se redimensiona automáticamente a los tamaños de favicon apropiados. Puede ser un único archivo o archivos separados para los modos claro y oscuro. Ejemplo: `/favicon.png`
+  Ruta a tu archivo de favicon, incluida la extensión. Se redimensiona automáticamente a los tamaños de favicon apropiados. Puede ser un único archivo o archivos separados para los modos claro y system. Ejemplo: `/favicon.png`
 
   <Expandable title="Favicon">
     <ResponseField name="light" type="string" required>
-      Ruta al archivo de tu favicon para el modo claro. Incluye la extensión del archivo. Ejemplo: `/favicon.png`
+      Ruta a tu archivo de favicon para el modo claro. Incluye la extensión del archivo. Ejemplo: `/favicon.png`
     </ResponseField>
 
     <ResponseField name="dark" type="string" required>
-      Ruta al archivo de tu favicon para el modo oscuro. Incluye la extensión del archivo. Ejemplo: `/favicon-dark.png`
+      Ruta a tu archivo de favicon para el modo system. Incluye la extensión del archivo. Ejemplo: `/favicon-dark.png`
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="thumbnails" type="object">
-  Personalización de miniaturas para redes sociales y vistas previas de páginas.
+  Personalización de miniaturas para redes sociales y vistas previas de página.
 
   <Expandable title="Thumbnails">
     <ResponseField name="appearance" type="&#x22;light&#x22; | &#x22;dark&#x22;">
@@ -126,6 +126,16 @@ Esta sección contiene la referencia completa del archivo `docs.json`.
     <ResponseField name="background" type="string">
       Imagen de fondo para tus miniaturas. Puede ser una ruta relativa o una URL absoluta.
     </ResponseField>
+
+    <ResponseField name="fonts" type="object">
+      Configuración tipográfica para las miniaturas. Solo se admiten nombres de familias de Google Fonts.
+
+      <Expandable title="Fonts">
+        <ResponseField name="family" type="string" required>
+          Nombre de la familia tipográfica, como &quot;Open Sans&quot; o &quot;Playfair Display&quot;. Se admiten nombres de familias de [Google Fonts](https://fonts.google.com).
+        </ResponseField>
+      </Expandable>
+    </ResponseField>
   </Expandable>
 </ResponseField>
 

diff --git a/fr/create/code.mdx b/fr/create/code.mdx
@@ -455,4 +455,62 @@ La syntaxe des commentaires doit correspondre à votre langage de programmation
   sayHello();
   ```
   ````
-</CodeGroup>
+</CodeGroup>
+
+## Composant CodeBlock
+
+Utilisez le composant `<CodeBlock>` dans des composants React personnalisés pour générer des code blocks de manière programmatique, avec le même style et les mêmes fonctionnalités que les code blocks en Markdown.
+
+### Props
+
+<ResponseField name="language" type="string">
+  Le langage de programmation pour la coloration syntaxique.
+</ResponseField>
+
+<ResponseField name="filename" type="string">
+  Le nom de fichier à afficher dans l’en-tête du code block.
+</ResponseField>
+
+<ResponseField name="icon" type="string">
+  L’icon à afficher dans l’en-tête du code block. Voir [Icônes](/fr/components/icons) pour les options disponibles.
+</ResponseField>
+
+<ResponseField name="lines" type="boolean">
+  Indique s’il faut afficher les numéros de ligne.
+</ResponseField>
+
+<ResponseField name="wrap" type="boolean">
+  Indique s’il faut effectuer un retour à la ligne dans le code block.
+</ResponseField>
+
+<ResponseField name="expandable" type="boolean">
+  Indique s’il faut développer le code block.
+</ResponseField>
+
+<ResponseField name="highlight" type="string">
+  Les lignes à mettre en évidence. Fournissez un tableau de nombres sous forme de chaîne. Exemple : `"[1,3,4,5]"`.
+</ResponseField>
+
+<ResponseField name="focus" type="string">
+  Les lignes sur lesquelles focaliser. Fournissez un tableau de nombres sous forme de chaîne. Exemple : `"[1,3,4,5]"`.
+</ResponseField>
+
+<div id="props">
+  ### Exemple
+</div>
+
+```jsx
+export const CustomCodeBlock = ({ filename, icon, language, highlight, children }) => {
+  return (
+    <CodeBlock
+      filename={filename}
+      icon={icon}
+      language={language}
+      lines
+      highlight={highlight}
+    >
+      {children}
+    </CodeBlock>
+  );
+};
+```
diff --git a/fr/organize/settings.mdx b/fr/organize/settings.mdx
@@ -56,17 +56,17 @@ Cette section présente la référence complète du fichier `docs.json`.
 </ResponseField>
 
 <ResponseField name="colors" type="object" required>
-  Les couleurs utilisées dans votre documentation. Elles sont appliquées différemment selon les thèmes. Si vous ne fournissez qu’une couleur principale, elle sera utilisée pour tous les éléments colorés.
+  Les couleurs utilisées dans votre documentation. Leur application varie selon les thèmes. Si vous ne fournissez qu’une couleur principale, elle sera utilisée pour tous les éléments colorés.
 
   <Expandable title="Couleurs">
     <ResponseField name="primary" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" required>
-      La couleur principale de votre documentation. Généralement utilisée pour la mise en avant en mode clair, avec quelques variations selon le thème.
+      La couleur principale de votre documentation. Généralement utilisée pour la mise en évidence en mode clair, avec quelques variations selon le thème.
 
       Doit être un code hexadécimal commençant par `#`.
     </ResponseField>
 
     <ResponseField name="light" type="string matching ^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$">
-      La couleur utilisée pour la mise en avant en mode sombre.
+      La couleur utilisée pour la mise en évidence en mode sombre.
 
       Doit être un code hexadécimal commençant par `#`.
     </ResponseField>
@@ -96,21 +96,21 @@ Cette section présente la référence complète du fichier `docs.json`.
     </ResponseField>
 
     <ResponseField name="href" type="string (uri)">
-      L’URL vers laquelle rediriger lors du clic sur le logo. Si non renseigné, le logo renverra vers votre page d’accueil. Exemple : `https://mintlify.com`
+      L’URL vers laquelle rediriger lors d’un clic sur le logo. Si non fourni, le logo renverra vers votre page d’accueil. Exemple : `https://mintlify.com`
     </ResponseField>
   </Expandable>
 </ResponseField>
 
 <ResponseField name="favicon" type="string or object">
-  Chemin vers votre fichier favicon, y compris l’extension du fichier. Redimensionné automatiquement aux tailles de favicon appropriées. Peut être un fichier unique ou des fichiers distincts pour les modes clair et sombre. Exemple : `/favicon.png`
+  Chemin vers votre fichier de favicon, incluant l’extension. Redimensionné automatiquement aux tailles de favicon appropriées. Peut être un fichier unique ou des fichiers distincts pour les modes clair et sombre. Exemple : `/favicon.png`
 
   <Expandable title="Favicon">
     <ResponseField name="light" type="string" required>
-      Chemin vers votre fichier favicon pour le mode clair. Incluez l’extension du fichier. Exemple : `/favicon.png`
+      Chemin vers votre fichier de favicon pour le mode clair. Incluez l’extension du fichier. Exemple : `/favicon.png`
     </ResponseField>
 
     <ResponseField name="dark" type="string" required>
-      Chemin vers votre fichier favicon pour le mode sombre. Incluez l’extension du fichier. Exemple : `/favicon-dark.png`
+      Chemin vers votre fichier de favicon pour le mode sombre. Incluez l’extension du fichier. Exemple : `/favicon-dark.png`
     </ResponseField>
   </Expandable>
 </ResponseField>
@@ -120,11 +120,21 @@ Cette section présente la référence complète du fichier `docs.json`.
 
   <Expandable title="Vignettes">
     <ResponseField name="appearance" type="&#x22;light&#x22; | &#x22;dark&#x22;">
-      Le thème visuel de vos vignettes. S’il n’est pas spécifié, les vignettes utilisent la palette de couleurs de votre site définie par le champ `colors`.
+      Le thème visuel de vos vignettes. S’il n’est pas renseigné, les vignettes utilisent le jeu de couleurs de votre site défini par le champ `colors`.
     </ResponseField>
 
     <ResponseField name="background" type="string">
-      Image d’arrière-plan de vos vignettes. Peut être un chemin relatif ou une URL absolue.
+      Image d’arrière-plan pour vos vignettes. Peut être un chemin relatif ou une URL absolue.
+    </ResponseField>
+
+    <ResponseField name="fonts" type="object">
+      Configuration des polices pour les vignettes. Seuls les noms de famille Google Fonts sont pris en charge.
+
+      <Expandable title="Polices">
+        <ResponseField name="family" type="string" required>
+          Nom de la famille de polices, comme « Open Sans » ou « Playfair Display ». Les noms de famille [Google Fonts](https://fonts.google.com) sont pris en charge.
+        </ResponseField>
+      </Expandable>
     </ResponseField>
   </Expandable>
 </ResponseField>