From 9eb1b779f585271737151b7e362be96b01fd3ff5 Mon Sep 17 00:00:00 2001
From: yivlad <jacenko.vlad@gmail.com>
Date: Mon, 9 Dec 2024 14:16:56 +0100
Subject: [PATCH] Remove font weights

---
 .../farm-details/components/chart/rewards/RewardsChart.tsx    | 2 +-
 .../features/farm-details/components/chart/tvl/TvlChart.tsx   | 2 +-
 .../market-details/views/components/TokenLinksDropdown.tsx    | 2 +-
 .../components/savings-charts/components/MyEarningsChart.tsx  | 3 +--
 .../components/savings-rate-chart/SavingsRateChart.tsx        | 3 +--
 packages/app/src/ui/atoms/sparkles/Sparkles.tsx               | 2 +-
 packages/app/src/ui/atoms/table/Table.stories.tsx             | 2 +-
 packages/app/src/ui/charts/ChartTooltipContent.tsx            | 4 ++--
 8 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/app/src/features/farm-details/components/chart/rewards/RewardsChart.tsx b/packages/app/src/features/farm-details/components/chart/rewards/RewardsChart.tsx
index d50ea786a..0f2e9d6f1 100644
--- a/packages/app/src/features/farm-details/components/chart/rewards/RewardsChart.tsx
+++ b/packages/app/src/features/farm-details/components/chart/rewards/RewardsChart.tsx
@@ -199,7 +199,7 @@ function TooltipContent({ data }: { data: ChartDataPoint }) {
     <ChartTooltipContent>
       <ChartTooltipContent.Date>{formatTooltipDate(data.date)}</ChartTooltipContent.Date>
       <ChartTooltipContent.Value dotColor={colors.primary}>
-        APY: <span className="font-semibold">{formatPercentage(data.apr, { minimumFractionDigits: 0 })}</span>
+        APY: {formatPercentage(data.apr, { minimumFractionDigits: 0 })}
       </ChartTooltipContent.Value>
     </ChartTooltipContent>
   )
diff --git a/packages/app/src/features/farm-details/components/chart/tvl/TvlChart.tsx b/packages/app/src/features/farm-details/components/chart/tvl/TvlChart.tsx
index f9ba1566e..838364324 100644
--- a/packages/app/src/features/farm-details/components/chart/tvl/TvlChart.tsx
+++ b/packages/app/src/features/farm-details/components/chart/tvl/TvlChart.tsx
@@ -203,7 +203,7 @@ function TooltipContent({ data }: { data: ChartDataPoint }) {
     <ChartTooltipContent>
       <ChartTooltipContent.Date>{formatTooltipDate(data.date)}</ChartTooltipContent.Date>
       <ChartTooltipContent.Value dotColor={colors.primary}>
-        TVL: <span className="font-semibold">{USD_MOCK_TOKEN.formatUSD(data.totalStaked)}</span>
+        TVL: {USD_MOCK_TOKEN.formatUSD(data.totalStaked)}
       </ChartTooltipContent.Value>
     </ChartTooltipContent>
   )
diff --git a/packages/app/src/features/market-details/views/components/TokenLinksDropdown.tsx b/packages/app/src/features/market-details/views/components/TokenLinksDropdown.tsx
index 192db5dc3..c198cf904 100644
--- a/packages/app/src/features/market-details/views/components/TokenLinksDropdown.tsx
+++ b/packages/app/src/features/market-details/views/components/TokenLinksDropdown.tsx
@@ -31,7 +31,7 @@ export function TokenLinksDropdown({ token, aToken, variableDebtTokenAddress, ch
   ]
   return (
     <TokenLinksWrapper>
-      <DropdownMenuLabel className="p-4 pb-0 font-normal text-secondary">Token Contracts</DropdownMenuLabel>
+      <DropdownMenuLabel className="p-4 pb-0 text-secondary">Token Contracts</DropdownMenuLabel>
       {tokenContractsLinks.map((contractLink) => (
         <BlockExplorerAddressLink key={contractLink.address} address={contractLink.address} chainId={chainId}>
           <TokenLinksDropdownItem {...contractLink} />
diff --git a/packages/app/src/features/savings/components/savings-charts/components/MyEarningsChart.tsx b/packages/app/src/features/savings/components/savings-charts/components/MyEarningsChart.tsx
index 2ccf3846c..2ac60aed4 100644
--- a/packages/app/src/features/savings/components/savings-charts/components/MyEarningsChart.tsx
+++ b/packages/app/src/features/savings/components/savings-charts/components/MyEarningsChart.tsx
@@ -232,8 +232,7 @@ function TooltipContent({ data }: { data: ChartDataPoint }) {
     <ChartTooltipContent>
       <ChartTooltipContent.Date>{formatTooltipDate(data.date)}</ChartTooltipContent.Date>
       <ChartTooltipContent.Value dotColor={isPrediction ? colors.secondary : colors.primary}>
-        Savings{isPrediction && ' Prediction'}:{' '}
-        <span className="font-semibold">{USD_MOCK_TOKEN.formatUSD(data.balance)}</span>
+        Savings{isPrediction && ' Prediction'}: {USD_MOCK_TOKEN.formatUSD(data.balance)}
       </ChartTooltipContent.Value>
     </ChartTooltipContent>
   )
diff --git a/packages/app/src/features/savings/components/savings-charts/components/savings-rate-chart/SavingsRateChart.tsx b/packages/app/src/features/savings/components/savings-charts/components/savings-rate-chart/SavingsRateChart.tsx
index 6879d8634..913ffc89f 100644
--- a/packages/app/src/features/savings/components/savings-charts/components/savings-rate-chart/SavingsRateChart.tsx
+++ b/packages/app/src/features/savings/components/savings-charts/components/savings-rate-chart/SavingsRateChart.tsx
@@ -212,8 +212,7 @@ function TooltipContent({ data, tooltipLabel }: { data: ChartDataPoint; colors:
     <ChartTooltipContent>
       <ChartTooltipContent.Date>{formatTooltipDate(data.date)}</ChartTooltipContent.Date>
       <ChartTooltipContent.Value dotColor={colors.primary}>
-        {tooltipLabel}:{' '}
-        <span className="font-semibold">{formatPercentage(data.rate, { minimumFractionDigits: 0 })}</span>
+        {tooltipLabel}: {formatPercentage(data.rate, { minimumFractionDigits: 0 })}
       </ChartTooltipContent.Value>
     </ChartTooltipContent>
   )
diff --git a/packages/app/src/ui/atoms/sparkles/Sparkles.tsx b/packages/app/src/ui/atoms/sparkles/Sparkles.tsx
index 035a8d5e4..f3b76f935 100644
--- a/packages/app/src/ui/atoms/sparkles/Sparkles.tsx
+++ b/packages/app/src/ui/atoms/sparkles/Sparkles.tsx
@@ -39,7 +39,7 @@ export function Sparkles({ color = DEFAULT_COLOR, children, sizeRange = [10, 18]
       {sparkles.map((sparkle) => (
         <Sparkle key={sparkle.id} color={sparkle.color} size={sparkle.size} style={sparkle.style} />
       ))}
-      <strong className="relative z-10 font-bold">{children}</strong>
+      <strong className="relative z-10">{children}</strong>
     </span>
   )
 }
diff --git a/packages/app/src/ui/atoms/table/Table.stories.tsx b/packages/app/src/ui/atoms/table/Table.stories.tsx
index f0c759754..2df784fe4 100644
--- a/packages/app/src/ui/atoms/table/Table.stories.tsx
+++ b/packages/app/src/ui/atoms/table/Table.stories.tsx
@@ -62,7 +62,7 @@ function TableDemo() {
       <TableBody>
         {invoices.map((invoice) => (
           <TableRow key={invoice.invoice}>
-            <TableCell className="font-medium">{invoice.invoice}</TableCell>
+            <TableCell>{invoice.invoice}</TableCell>
             <TableCell>{invoice.paymentStatus}</TableCell>
             <TableCell>{invoice.paymentMethod}</TableCell>
             <TableCell className="text-right">{invoice.totalAmount}</TableCell>
diff --git a/packages/app/src/ui/charts/ChartTooltipContent.tsx b/packages/app/src/ui/charts/ChartTooltipContent.tsx
index 50a5590be..d3ed88772 100644
--- a/packages/app/src/ui/charts/ChartTooltipContent.tsx
+++ b/packages/app/src/ui/charts/ChartTooltipContent.tsx
@@ -3,7 +3,7 @@ import { ReactNode } from 'react'
 
 export function ChartTooltipContent({ children: [date, value] }: { children: ReactNode[] }) {
   return (
-    <div className="flex flex-col gap-3 rounded-sm border border-primary bg-primary p-3 shadow">
+    <div className="flex flex-col gap-1.5 rounded-sm bg-primary-inverse p-3">
       {date}
       {value}
     </div>
@@ -16,7 +16,7 @@ function TooltipDate({ children }: { children: ReactNode }) {
 
 function TooltipValue({ children, dotColor }: { children: ReactNode; dotColor: string }) {
   return (
-    <div className="typography-body-5 flex items-center gap-1.5">
+    <div className="typography-label-4 flex items-center gap-1.5 text-primary-inverse">
       <Circle size={8} fill={dotColor} stroke="0" />
       <div>{children}</div>
     </div>