From 566f23ad208fcc4ad5bedc6427e3922a80167dce Mon Sep 17 00:00:00 2001
From: Kaic Bastidas <kaic.bastidas@gympass.com>
Date: Wed, 17 Jan 2024 13:24:18 +0000
Subject: [PATCH] doc: add new font to docs

---
 packages/doc/gatsby-config.js                                | 5 ++++-
 .../doc/src/components/CodeBlock/ReactLive/ReactLive.jsx     | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/doc/gatsby-config.js b/packages/doc/gatsby-config.js
index de0f7e8a5c..3ac7bcc454 100755
--- a/packages/doc/gatsby-config.js
+++ b/packages/doc/gatsby-config.js
@@ -64,7 +64,10 @@ const plugins = [
     resolve: `gatsby-plugin-web-font-loader`,
     options: {
       google: {
-        families: ['Rubik:300,400,500,700,900,300i,400i,500i,700i,900i'],
+        families: [
+          'Rubik:300,400,500,700,900,300i,400i,500i,700i,900i',
+          'Inter:300,400,500,700,900,300i,400i,500i,700i,900i',
+        ],
       },
     },
   },
diff --git a/packages/doc/src/components/CodeBlock/ReactLive/ReactLive.jsx b/packages/doc/src/components/CodeBlock/ReactLive/ReactLive.jsx
index d23a4674a9..f016519ee5 100644
--- a/packages/doc/src/components/CodeBlock/ReactLive/ReactLive.jsx
+++ b/packages/doc/src/components/CodeBlock/ReactLive/ReactLive.jsx
@@ -44,10 +44,11 @@ const Component = styled.div`
     theme: {
       yoga: {
         colors: { white, text, primary },
+        baseFont,
       },
     },
   }) => `
-    font-family: 'Rubik';
+    font-family: ${baseFont.family};
     padding: 50px;
     background-color: ${darkMode ? text.primary : white};
     transition: all 0.3s ease-in-out;