From ae29b4812e018656f3833c8873aadbb9277ef3a2 Mon Sep 17 00:00:00 2001
From: r1skz3ro <mikolaj.schatt@kellton.com>
Date: Mon, 1 Jul 2024 14:29:59 +0200
Subject: [PATCH] feat: change font name

---
 frontend/src/app/(app)/library/page.tsx                       | 2 +-
 frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx   | 4 ++--
 .../src/components/modules/LadderDetails/LadderDetails.tsx    | 2 +-
 frontend/tailwind.config.ts                                   | 4 +---
 4 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/(app)/library/page.tsx b/frontend/src/app/(app)/library/page.tsx
index a44aff77..3193f3c5 100644
--- a/frontend/src/app/(app)/library/page.tsx
+++ b/frontend/src/app/(app)/library/page.tsx
@@ -18,7 +18,7 @@ export default async function LibraryPage() {
 
   return (
     <div>
-      <h1 className="mb-10 text-l font-semibold leading-6 text-navy-900">CPF Library</h1>
+      <h1 className="mb-10 text-lg font-semibold leading-6 text-navy-900">CPF Library</h1>
       <p className="mb-6 tracking-wide text-navy-600">Select a career path to view the details.</p>
       <div className="grid grid-cols-3 gap-6">
         {data.map((ladder: LadderCardInterface) => (
diff --git a/frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx b/frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx
index 7e5ac64d..dbf988fc 100644
--- a/frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx
+++ b/frontend/src/components/modules/Breadcrumbs/Breadcrumbs.tsx
@@ -1,7 +1,7 @@
 import Link from 'next/link';
 import { ChevronRightIcon } from '@app/static/icons/ChevronRightIcon';
 import { BreadcrumbsProps } from './Breadcrumbs.interface';
-import clsx from 'clsx';
+import { generateClassNames } from '@app/utils';
 
 export const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {
   return (
@@ -15,7 +15,7 @@ export const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {
               )}
               <Link
                 href={breadcrumb.href}
-                className={clsx('text-l font-semibold leading-6 text-navy-600 hover:text-navy-900', {
+                className={generateClassNames('text-lg font-semibold leading-6 text-navy-600 hover:text-navy-900', {
                   'text-navy-900': breadcrumb.current,
                 })}
                 aria-current={breadcrumb.current ? 'page' : undefined}
diff --git a/frontend/src/components/modules/LadderDetails/LadderDetails.tsx b/frontend/src/components/modules/LadderDetails/LadderDetails.tsx
index cfa19664..04a6bd9d 100644
--- a/frontend/src/components/modules/LadderDetails/LadderDetails.tsx
+++ b/frontend/src/components/modules/LadderDetails/LadderDetails.tsx
@@ -14,7 +14,7 @@ export const LadderDetails = ({ ladder, ladderName, band }: LadderDetailsProps)
           <h2 className="text-2xl font-semibold text-navy-900">
             Band {band}: {ladderName}
           </h2>
-          <p className="text-l font-medium text-navy-600">Salary range: {ladder.salaryRange}</p>
+          <p className="text-lg font-medium text-navy-600">Salary range: {ladder.salaryRange}</p>
         </div>
         <div className="flex flex-col items-center rounded-xl border border-navy-200 p-4">
           <div className="flex justify-between gap-2 text-navy-600">
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 48aa3878..2276272c 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -55,6 +55,7 @@ const config: Config = {
       xs: ['0.75rem', '1rem'], // Body XS
       sm: ['0.875rem', '1.225rem'], // Body S
       base: ['1rem', '1.5rem'], // Body M
+      lg: ['1.125rem', '1.625rem'], // Body L
       xl: ['1.25rem', '1.75rem'], // Headline S
       '2xl': ['1.5rem', '1.875rem'], // Headline M
       '3xl': ['2rem', '2.5rem'], // Headline L
@@ -66,9 +67,6 @@ const config: Config = {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
         'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
-      fontSize: {
-        l: ['1.125rem', '1.625rem'], // Body L
-      },
     },
   },
   plugins: [require('@tailwindcss/typography')],