refactor(v2): replace strong with b in UI components (#4916)

packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.tsx

@@ -109,13 +109,13 @@ function BlogPostItem(props: Props): JSX.Element {
           <footer className="row margin-vert--lg">
             {tags.length > 0 && (
               <div className="col">
-                <strong>
+                <b>
                   <Translate
                     id="theme.tags.tagsListLabel"
                     description="The label alongside a tag list">
                     Tags:
                   </Translate>
-                </strong>
+                </b>
                 {tags.map(({label, permalink: tagPermalink}) => (
                   <Link
                     key={tagPermalink}
@@ -131,13 +131,13 @@ function BlogPostItem(props: Props): JSX.Element {
                 <Link
                   to={metadata.permalink}
                   aria-label={`Read more about ${title}`}>
-                  <strong>
+                  <b>
                     <Translate
                       id="theme.blog.post.readMore"
                       description="The label used in blog post item excerpts to link to full blog posts">
                       Read More
                     </Translate>
-                  </strong>
+                  </b>
                 </Link>
               </div>
             )}

packages/docusaurus-theme-classic/src/theme/DocVersionSuggestions/index.tsx

@@ -29,7 +29,7 @@ function UnreleasedVersionLabel({
       description="The label used to tell the user that he's browsing an unreleased doc version"
       values={{
         siteTitle,
-        versionLabel: <strong>{versionLabel}</strong>,
+        versionLabel: <b>{versionLabel}</b>,
       }}>
       {
         'This is unreleased documentation for {siteTitle} {versionLabel} version.'
@@ -51,7 +51,7 @@ function UnmaintainedVersionLabel({
       description="The label used to tell the user that he's browsing an unmaintained doc version"
       values={{
         siteTitle,
-        versionLabel: <strong>{versionLabel}</strong>,
+        versionLabel: <b>{versionLabel}</b>,
       }}>
       {
         'This is documentation for {siteTitle} {versionLabel}, which is no longer actively maintained.'
@@ -76,7 +76,7 @@ function LatestVersionSuggestionLabel({
       values={{
         versionLabel,
         latestVersionLink: (
-          <strong>
+          <b>
             <Link to={to} onClick={onClick}>
               <Translate
                 id="theme.docs.versions.latestVersionLinkLabel"
@@ -84,7 +84,7 @@ function LatestVersionSuggestionLabel({
                 latest version
               </Translate>
             </Link>
-          </strong>
+          </b>
         ),
       }}>
       {

packages/docusaurus-theme-classic/src/theme/LastUpdated/index.tsx

@@ -46,7 +46,7 @@ function LastUpdatedByUser({
       id="theme.lastUpdated.byUser"
       description="The words used to describe by who the page has been last updated"
       values={{
-        user: <strong>{lastUpdatedBy}</strong>,
+        user: <b>{lastUpdatedBy}</b>,
       }}>
       {' by {user}'}
     </Translate>

packages/docusaurus-theme-classic/src/theme/Logo/index.tsx

@@ -40,7 +40,7 @@ const Logo = (props: Props): JSX.Element => {
           alt={logo.alt || title || 'Logo'}
         />
       )}
-      {title != null && <strong className={titleClassName}>{title}</strong>}
+      {title != null && <b className={titleClassName}>{title}</b>}
     </Link>
   );
 };