From 75d1f18634686bd9ac8966021314716e53296297 Mon Sep 17 00:00:00 2001
From: Damian Stasik <920747+damianstasik@users.noreply.github.com>
Date: Tue, 19 Sep 2023 17:51:48 +0200
Subject: [PATCH] Use only 2 font weights to reduce bundle size

---
 src/components/Accordion/Item.tsx   | 2 +-
 src/components/Button/index.tsx     | 2 +-
 src/components/Supporters/index.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Accordion/Item.tsx b/src/components/Accordion/Item.tsx
index 356f0c40..0c609d5a 100644
--- a/src/components/Accordion/Item.tsx
+++ b/src/components/Accordion/Item.tsx
@@ -97,7 +97,7 @@ const AccordionItem = ({
     >
       <summary
         onClick={handleItemClick}
-        className="list-none py-6 px-6 group-open:pb-0 text-xl flex gap-2 cursor-pointer flex-row items-center justify-between font-medium marker:[font-size:0px]"
+        className="list-none py-6 px-6 group-open:pb-0 text-xl flex gap-2 cursor-pointer flex-row items-center justify-between font-bold marker:[font-size:0px]"
       >
         {summary}
         <svg
diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx
index 2f830f7d..55d44313 100644
--- a/src/components/Button/index.tsx
+++ b/src/components/Button/index.tsx
@@ -12,7 +12,7 @@ export default function Button({ children, variant, className, ...rest }: Button
     <Tag
       {...rest}
       className={clsx(
-        "border font-semibold h-12 px-6 flex items-center hover:no-underline transition-colors",
+        "border font-bold h-12 px-6 flex items-center hover:no-underline transition-colors",
         variant === "primary" &&
           "bg-brand-500 text-gray-900 hover:bg-brand-600 border-brand-500 hover:border-brand-600-hover hover:text-gray-900",
         variant === "secondary" &&
diff --git a/src/components/Supporters/index.tsx b/src/components/Supporters/index.tsx
index 1beb2ef7..f07abd4e 100644
--- a/src/components/Supporters/index.tsx
+++ b/src/components/Supporters/index.tsx
@@ -13,7 +13,7 @@ type SupporterTypeProps = {
 
 function SupporterType({ type, withSeparator, count }: SupporterTypeProps) {
   return (
-    <li className="h-12 flex items-center font-medium">
+    <li className="h-12 flex items-center">
       <span aria-hidden>{type}</span>
       <span className="sr-only">
         Supporting {type}: {count}