SONAR-23093 New typography tailwind classes

11 files changed, 15 insertions, 17 deletions

diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx
index 6825ad39b45..17d5027a8fa 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonContainer.tsx
@@ -60,7 +60,7 @@ export function ComparisonContainer(props: Readonly<Props>) {
   };
 
   return (
-    <div className="sw-body-sm">
+    <div className="sw-typo-default">
       <div className="sw-flex sw-items-center">
         <ComparisonForm
           onCompare={handleCompare}
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx
index 066ec051989..d0081200487 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/compare/ComparisonResults.tsx
@@ -260,7 +260,7 @@ function Parameters({ params }: Readonly<{ params?: Params }>) {
     <ul>
       {Object.keys(params).map((key) => (
         <li className="sw-mt-2 sw-break-all" key={key}>
-          <code className="sw-body-sm">
+          <code className="sw-typo-default">
             {key}
             {': '}
             {params[key]}
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/components/ProfileNotFound.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/components/ProfileNotFound.tsx
index 42892367d05..65f38fc6e79 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/components/ProfileNotFound.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/components/ProfileNotFound.tsx
@@ -27,10 +27,10 @@ export default function ProfileNotFound() {
 
   return (
     <div className="sw-text-center sw-mt-4">
-      <h1 className="sw-body-md-highlight sw-mb-4">
+      <h1 className="sw-typo-lg-semibold sw-mb-4">
         {intl.formatMessage({ id: 'quality_profiles.not_found' })}
       </h1>
-      <Link className="sw-body-sm-highlight" to={PROFILE_PATH}>
+      <Link className="sw-typo-semibold" to={PROFILE_PATH}>
         {intl.formatMessage({ id: 'quality_profiles.back_to_list' })}
       </Link>
     </div>
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx
index c34c384bb7f..849368e199b 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfileHeader.tsx
@@ -80,17 +80,15 @@ export default function ProfileHeader(props: Props) {
       >
         <div className="sw-flex sw-items-center sw-gap-3 sw-self-start">
           {!isProfileComparePath(location.pathname) && (
-            <PageContentFontWrapper className="sw-body-sm sw-flex sw-gap-3">
+            <PageContentFontWrapper className="sw-typo-default sw-flex sw-gap-3">
               <div>
-                <strong className="sw-body-sm-highlight">
+                <strong className="sw-typo-semibold">
                   {translate('quality_profiles.updated_')}
                 </strong>{' '}
                 <DateFromNow date={profile.rulesUpdatedAt} />
               </div>
               <div>
-                <strong className="sw-body-sm-highlight">
-                  {translate('quality_profiles.used_')}
-                </strong>{' '}
+                <strong className="sw-typo-semibold">{translate('quality_profiles.used_')}</strong>{' '}
                 <DateFromNow date={profile.lastUsed} />
               </div>
 
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsGroup.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsGroup.tsx
index 91715485d45..48edea8a0e5 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsGroup.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsGroup.tsx
@@ -61,7 +61,7 @@ export default function ProfilePermissionsGroup(props: Readonly<Props>) {
           name={group.name}
           size="xs"
         />
-        <strong className="sw-body-sm-highlight sw-truncate fs-mask">{group.name}</strong>
+        <strong className="sw-typo-semibold sw-truncate fs-mask">{group.name}</strong>
       </div>
       <DestructiveIcon
         Icon={TrashIcon}
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsUser.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsUser.tsx
index 2f2c2e7e849..ebcfe1e2999 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsUser.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/details/ProfilePermissionsUser.tsx
@@ -62,7 +62,7 @@ export default function ProfilePermissionsGroup(props: Readonly<Props>) {
           size="xs"
         />
         <div className="sw-truncate fs-mask">
-          <strong className="sw-body-sm-highlight">{user.name}</strong>
+          <strong className="sw-typo-semibold">{user.name}</strong>
           <Note className="sw-block">{user.login}</Note>
         </div>
       </div>
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx
index 4b3080b4499..7902e0cc685 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionDeprecated.tsx
@@ -63,7 +63,7 @@ export default function EvolutionDeprecated({ profiles }: Readonly<Props>) {
         )}
       </FlagMessage>
 
-      <ul className="sw-flex sw-flex-col sw-gap-4 sw-body-sm">
+      <ul className="sw-flex sw-flex-col sw-gap-4 sw-typo-default">
         {sortedProfiles.map((profile) => (
           <li className="sw-flex sw-flex-col sw-gap-1" key={profile.key}>
             <div className="sw-truncate">
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx
index 0e680661200..493df10b0ff 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionRules.tsx
@@ -74,7 +74,7 @@ export default function EvolutionRules() {
         {intl.formatMessage({ id: 'quality_profiles.latest_new_rules' })}
       </Heading>
 
-      <ul className="sw-flex sw-flex-col sw-gap-4 sw-body-sm">
+      <ul className="sw-flex sw-flex-col sw-gap-4 sw-typo-default">
         {latestRules.map((rule) => (
           <li className="sw-flex sw-flex-col sw-gap-1" key={rule.key}>
             <div className="sw-truncate">
@@ -98,7 +98,7 @@ export default function EvolutionRules() {
       </ul>
 
       {latestRulesTotal > RULES_LIMIT && (
-        <div className="sw-mt-6 sw-body-sm-highlight">
+        <div className="sw-mt-6 sw-typo-semibold">
           <Link to={getRulesUrl({ available_since: periodStartDate })}>
             {intl.formatMessage(
               { id: 'quality_profiles.latest_new_rules.see_all_x' },
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx
index d44fe4cab52..a27fb3fccc2 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/EvolutionStagnant.tsx
@@ -49,7 +49,7 @@ export default function EvolutionStagnant(props: Readonly<Props>) {
         {intl.formatMessage({ id: 'quality_profiles.not_updated_more_than_year' })}
       </FlagMessage>
 
-      <ul className="sw-flex sw-flex-col sw-gap-4 sw-body-sm">
+      <ul className="sw-flex sw-flex-col sw-gap-4 sw-typo-default">
         {outdated.map((profile) => (
           <li className="sw-flex sw-flex-col sw-gap-1" key={profile.key}>
             <div className="sw-truncate">
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/LanguageSelect.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/LanguageSelect.tsx
index 13ba07cab46..e962950d18e 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/LanguageSelect.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/LanguageSelect.tsx
@@ -54,7 +54,7 @@ export default function LanguageSelect(props: Readonly<Props>) {
 
   return (
     <div className="sw-mb-4">
-      <span className="sw-mr-2 sw-body-sm-highlight">
+      <span className="sw-mr-2 sw-typo-semibold">
         {intl.formatMessage({ id: 'quality_profiles.filter_by' })}
       </span>
       <SearchSelectDropdown
diff --git a/server/sonar-web/src/main/js/apps/quality-profiles/home/PageHeader.tsx b/server/sonar-web/src/main/js/apps/quality-profiles/home/PageHeader.tsx
index 1fd5d6c299a..0f12c4fae50 100644
--- a/server/sonar-web/src/main/js/apps/quality-profiles/home/PageHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/quality-profiles/home/PageHeader.tsx
@@ -66,7 +66,7 @@ export default function PageHeader(props: Readonly<Props>) {
           {translate('quality_profiles.page')}
         </Heading>
 
-        <div className="sw-body-sm">
+        <div className="sw-typo-default">
           {intl.formatMessage({ id: 'quality_profiles.intro' })}
 
           <Link className="sw-ml-2" to={docUrl}>