Remove font weights from Cal Sans text (#2158)

apps/web/components/ImageUploader.tsx

@@ -119,7 +119,7 @@ export default function ImageUploader({
       <DialogContent>
         <div className="mb-4 sm:flex sm:items-start">
           <div className="mt-3 text-center sm:mt-0 sm:text-left">
-            <h3 className="font-cal text-lg font-bold leading-6 text-gray-900" id="modal-title">
+            <h3 className="font-cal text-lg leading-6 text-gray-900" id="modal-title">
               {t("upload_target", { target })}
             </h3>
           </div>

apps/web/components/Shell.tsx

@@ -248,7 +248,7 @@ export default function Shell(props: {
                 </nav>
               </div>
               <TrialBanner />
-              <div className="rounded-sm pb-2 pl-3 pt-2 pr-2 hover:bg-gray-100 lg:mx-2 lg:pl-2">
+              <div className="rounded-sm pt-2 pb-2 pl-3 pr-2 hover:bg-gray-100 lg:mx-2 lg:pl-2">
                 <span className="hidden lg:inline">
                   <UserDropdown />
                 </span>
@@ -309,9 +309,7 @@ export default function Shell(props: {
               <div className="block min-h-[80px] justify-between px-4 sm:flex sm:px-6 md:px-8">
                 {props.HeadingLeftIcon && <div className="ltr:mr-4">{props.HeadingLeftIcon}</div>}
                 <div className="mb-8 w-full">
-                  <h1 className="font-cal mb-1 text-xl font-bold tracking-wide text-gray-900">
+                  <h1 className="font-cal mb-1 text-xl text-gray-900">{props.heading}</h1>
-                    {props.heading}
-                  </h1>
                   <p className="text-sm text-neutral-500 ltr:mr-4 rtl:ml-4">{props.subtitle}</p>
                 </div>
                 <div className="mb-4 flex-shrink-0">{props.CTA}</div>

apps/web/components/dialog/ConfirmationDialogContent.tsx

@@ -52,9 +52,7 @@ export default function ConfirmationDialogContent(props: PropsWithChildren<Confi
           </div>
         )}
         <div>
-          <DialogPrimitive.Title className="font-cal text-xl font-bold text-gray-900">
+          <DialogPrimitive.Title className="font-cal text-xl text-gray-900">{title}</DialogPrimitive.Title>
-            {title}
-          </DialogPrimitive.Title>
           <DialogPrimitive.Description className="text-sm text-neutral-500">
             {children}
           </DialogPrimitive.Description>

apps/web/components/ui/AuthContainer.tsx

@@ -21,7 +21,7 @@ export default function AuthContainer(props: React.PropsWithChildren<Props>) {
           <img className="mx-auto h-6" src="/calendso-logo-white-word.svg" alt="Cal.com Logo" />
         )}
         {props.heading && (
-          <h2 className="font-cal mt-6 text-center text-3xl font-bold text-neutral-900">{props.heading}</h2>
+          <h2 className="font-cal mt-6 text-center text-3xl text-neutral-900">{props.heading}</h2>
         )}
       </div>
       {props.loading && (

apps/web/components/ui/Text/Headline/Headline.tsx

@@ -4,7 +4,7 @@ import React from "react";
 import { TextProps } from "../Text";
 
 const Headline: React.FunctionComponent<TextProps> = (props: TextProps) => {
-  const classes = classnames("font-cal text-xl font-bold text-gray-900 dark:text-white", props?.className);
+  const classes = classnames("font-cal text-xl text-gray-900 dark:text-white", props?.className);
 
   return <p className={classes}>{props?.text || props.children}</p>;
 };

apps/web/pages/[user].tsx

@@ -49,7 +49,7 @@ export default function User(props: inferSSRProps<typeof getServerSideProps>) {
         <main className="mx-auto max-w-3xl px-4 py-24">
           <div className="mb-8 text-center">
             <AvatarSSR user={user} className="mx-auto mb-4 h-24 w-24" alt={nameOrUsername}></AvatarSSR>
-            <h1 className="font-cal mb-1 text-3xl font-bold text-neutral-900 dark:text-white">
+            <h1 className="font-cal mb-1 text-3xl text-neutral-900 dark:text-white">
               {nameOrUsername}
               {user.verified && (
                 <BadgeCheckIcon className="mx-1 -mt-1 inline h-6 w-6 text-blue-500 dark:text-white" />
@@ -61,7 +61,7 @@ export default function User(props: inferSSRProps<typeof getServerSideProps>) {
             {user.away ? (
               <div className="overflow-hidden rounded-sm border dark:border-gray-900">
                 <div className="p-8 text-center text-gray-400 dark:text-white">
-                  <h2 className="font-cal mb-2 text-3xl font-semibold text-gray-600 dark:text-white">
+                  <h2 className="font-cal mb-2 text-3xl text-gray-600 dark:text-white">
                     😴{" " + t("user_away")}
                   </h2>
                   <p className="mx-auto max-w-md">{t("user_away_description")}</p>
@@ -116,9 +116,7 @@ export default function User(props: inferSSRProps<typeof getServerSideProps>) {
           {eventTypes.length === 0 && (
             <div className="overflow-hidden rounded-sm border dark:border-gray-900">
               <div className="p-8 text-center text-gray-400 dark:text-white">
-                <h2 className="font-cal mb-2 text-3xl font-semibold text-gray-600 dark:text-white">
+                <h2 className="font-cal mb-2 text-3xl text-gray-600 dark:text-white">{t("uh_oh")}</h2>
-                  {t("uh_oh")}
-                </h2>
                 <p className="mx-auto max-w-md">{t("no_event_types_have_been_setup")}</p>
               </div>
             </div>

apps/web/pages/settings/profile.tsx

@@ -67,7 +67,7 @@ function HideBrandingInput(props: { hideBrandingRef: RefObject<HTMLInputElement>
           </div>
           <div className="mb-4 sm:flex sm:items-start">
             <div className="mt-3 sm:mt-0 sm:text-left">
-              <h3 className="font-cal text-lg font-bold leading-6 text-gray-900" id="modal-title">
+              <h3 className="font-cal text-lg leading-6 text-gray-900" id="modal-title">
                 {t("only_available_on_pro_plan")}
               </h3>
             </div>

apps/web/pages/settings/teams/[id]/index.tsx

@@ -120,7 +120,7 @@ export function TeamSettingsPage() {
                 )}
               </div>
               <div className="mb-3 mt-7 flex items-center justify-between">
-                <h3 className="font-cal text-xl font-bold leading-6 text-gray-900">{t("members")}</h3>
+                <h3 className="font-cal text-xl leading-6 text-gray-900">{t("members")}</h3>
                 {isAdmin && (
                   <div className="relative flex items-center">
                     <Button