[NO JIRA] Remove sw-body-*

diff --git a/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx b/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx
index 45fda6b513e087989eee5afb8d91f71811e6f3b1..aa1f6e926362322d113aefc9c22f6afeea54c25e 100644 (file)
--- a/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/branches/DismissablePromotedSection.tsx
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import styled from '@emotion/styled';
-import { ButtonIcon, ButtonSize, ButtonVariety, IconX } from '@sonarsource/echoes-react';
+import { ButtonIcon, ButtonSize, ButtonVariety, Heading, IconX } from '@sonarsource/echoes-react';
 import { ButtonPrimary, ButtonSecondary, themeBorder, themeColor } from 'design-system';
 import React, { useState } from 'react';
 import { translate } from '../../../helpers/l10n';
@@ -61,7 +61,7 @@ export default function DismissablePromotedSection({
   return (
     <StyledWrapper className="sw-p-4 sw-pl-6 sw-my-6 sw-rounded-2">
       <div className="sw-flex sw-justify-between sw-mb-2">
-        <StyledTitle className="sw-body-md-highlight">{title}</StyledTitle>
+        <StyledHeading as="h3">{title}</StyledHeading>
 
         <ButtonIcon
           Icon={IconX}
@@ -71,7 +71,7 @@ export default function DismissablePromotedSection({
           variety={ButtonVariety.DefaultGhost}
         />
       </div>
-      <p className="sw-body-sm sw-mb-4">{content}</p>
+      <p className="sw-mb-4">{content}</p>
 
       <div>
         <ButtonPrimary className="sw-mr-2" onClick={handlePrimaryButtonClick}>
@@ -88,6 +88,6 @@ const StyledWrapper = styled.div`
   border: ${themeBorder('default')};
 `;
 
-const StyledTitle = styled.p`
+const StyledHeading = styled(Heading)`
   color: ${themeColor('primary')};
 `;