From 71e57652d19b99259b6ecfb41b0a08905e3660b0 Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Fri, 14 Jun 2024 17:08:28 -0300
Subject: [PATCH] reduce font-weight

---
 docs/src/components/home/DiamondSponsors.tsx |  7 +++----
 docs/src/components/home/GoldSponsors.tsx    |  4 ++--
 docs/src/components/home/SponsorCard.tsx     | 20 +++++---------------
 3 files changed, 10 insertions(+), 21 deletions(-)

diff --git a/docs/src/components/home/DiamondSponsors.tsx b/docs/src/components/home/DiamondSponsors.tsx
index 1f021988a58bda..244567b64636c6 100644
--- a/docs/src/components/home/DiamondSponsors.tsx
+++ b/docs/src/components/home/DiamondSponsors.tsx
@@ -18,8 +18,7 @@ const DIAMONDs = [
   {
     src: '/static/sponsors/doit-square.svg',
     name: 'Doit International',
-    description:
-      'Delivers technology and cloud expertise to buy, optimize and manage public cloud.',
+    description: 'Technology and cloud expertise to buy, optimize and manage public cloud.',
     href: 'https://www.doit.com/?utm_source=MUI&utm_medium=referral&utm_content=homepage',
   },
   {
@@ -45,7 +44,7 @@ export default function DiamondSponsors() {
         variant="h6"
         sx={[
           {
-            fontWeight: 'bold',
+            fontWeight: 'semiBold',
           },
           (theme) => ({
             mt: 4,
@@ -97,7 +96,7 @@ export default function DiamondSponsors() {
                 <AddRounded />
               </IconButton>
               <div>
-                <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'bold' }}>
+                <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'semiBold' }}>
                   Become our sponsor!
                 </Typography>
                 <Typography variant="body2" sx={{ color: 'text.secondary' }}>
diff --git a/docs/src/components/home/GoldSponsors.tsx b/docs/src/components/home/GoldSponsors.tsx
index c15cb20a07d179..fa78d71f64289c 100644
--- a/docs/src/components/home/GoldSponsors.tsx
+++ b/docs/src/components/home/GoldSponsors.tsx
@@ -78,7 +78,7 @@ export default function GoldSponsors() {
         variant="h6"
         sx={[
           {
-            fontWeight: 'bold',
+            fontWeight: 'semiBold',
           },
           (theme) => ({
             mt: 4,
@@ -129,7 +129,7 @@ export default function GoldSponsors() {
               <AddRounded />
             </IconButton>
             <div>
-              <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'bold' }}>
+              <Typography variant="body2" sx={{ color: 'text.primary', fontWeight: 'semiBold' }}>
                 Become a sponsor
               </Typography>
               <Typography variant="body2" sx={{ color: 'text.secondary' }}>
diff --git a/docs/src/components/home/SponsorCard.tsx b/docs/src/components/home/SponsorCard.tsx
index fd31a9b4c3442a..291ad835d91eb2 100644
--- a/docs/src/components/home/SponsorCard.tsx
+++ b/docs/src/components/home/SponsorCard.tsx
@@ -1,9 +1,7 @@
 import * as React from 'react';
 import Avatar from '@mui/material/Avatar';
-import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
 import Paper from '@mui/material/Paper';
-import LaunchRounded from '@mui/icons-material/LaunchRounded';
 import { Link } from '@mui/docs/Link';
 
 export default function SponsorCard(props: {
@@ -39,15 +37,8 @@ export default function SponsorCard(props: {
       sx={{
         p: 2,
         display: 'flex',
+        gap: 2,
         height: '100%',
-        '& svg': {
-          transition: '0.2s',
-        },
-        '&:hover': {
-          '& svg': {
-            transform: 'translateY(-2px)',
-          },
-        },
       }}
     >
       <Avatar
@@ -55,15 +46,14 @@ export default function SponsorCard(props: {
         sx={{ borderRadius: '4px', width: logoSize, height: logoSize }}
         slotProps={{ img: { loading: 'lazy' } }}
       />
-      <Box sx={{ ml: 2 }}>
-        <Typography variant="body2" sx={{ fontWeight: 'bold' }}>
-          {item.name}{' '}
-          <LaunchRounded color="primary" sx={{ fontSize: 14, verticalAlign: 'middle', ml: 0.5 }} />
+      <div>
+        <Typography variant="body2" sx={{ fontWeight: 'semiBold', mb: '2px' }}>
+          {item.name}
         </Typography>
         <Typography variant="body2" sx={{ color: 'text.secondary' }}>
           {item.description}
         </Typography>
-      </Box>
+      </div>
     </Paper>
   );
 }