Remove font weights

marsfoundation · Dec 9, 2024 · 9eb1b77 · 9eb1b77
1 parent b3aa1c4
commit 9eb1b77
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 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
@@ -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
@@ -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
@@ -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
@@ -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/...ures/savings/components/savings-charts/components/savings-rate-chart/SavingsRateChart.tsx b/...ures/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
@@ -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
@@ -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
@@ -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>