Replace gl-text-black-normal with gl-text-body

The former was deprecated

app/assets/javascripts/design_management/components/design_notes/toggle_replies_widget.vue

@@ -56,7 +56,7 @@ export default {
       <gl-link
         :href="lastReply.author.webUrl"
         target="_blank"
-        class="link-inherit-color gl-text-black-normal gl-text-decoration-none gl-font-weight-bold gl-ml-2 gl-mr-2"
+        class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-ml-2 gl-mr-2"
       >
         {{ lastReply.author.name }}
       </gl-link>

app/assets/javascripts/design_management/components/design_sidebar.vue

@@ -132,7 +132,7 @@ export default {
         data-testid="resolved-comments"
         :icon="resolvedCommentsToggleIcon"
         variant="link"
-        class="link-inherit-color gl-text-black-normal gl-text-decoration-none gl-font-weight-bold gl-mb-4"
+        class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-mb-4"
         @click="$emit('toggleResolvedComments')"
         >{{ $options.resolveCommentsToggleText }} ({{ resolvedDiscussions.length }})
       </gl-button>

app/assets/javascripts/design_management_legacy/components/design_notes/toggle_replies_widget.vue

@@ -56,7 +56,7 @@ export default {
       <gl-link
         :href="lastReply.author.webUrl"
         target="_blank"
-        class="link-inherit-color gl-text-black-normal gl-text-decoration-none gl-font-weight-bold gl-ml-2 gl-mr-2"
+        class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-ml-2 gl-mr-2"
       >
         {{ lastReply.author.name }}
       </gl-link>

app/assets/javascripts/design_management_legacy/components/design_sidebar.vue

@@ -132,7 +132,7 @@ export default {
         data-testid="resolved-comments"
         :icon="resolvedCommentsToggleIcon"
         variant="link"
-        class="link-inherit-color gl-text-black-normal gl-text-decoration-none gl-font-weight-bold gl-mb-4"
+        class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-mb-4"
         @click="$emit('toggleResolvedComments')"
         >{{ $options.resolveCommentsToggleText }} ({{ resolvedDiscussions.length }})
       </gl-button>

app/assets/javascripts/packages/details/components/dependency_row.vue

@@ -18,7 +18,7 @@ export default {
 <template>
   <div class="gl-responsive-table-row">
     <div class="table-section section-50">
-      <strong class="gl-text-black-normal">{{ dependency.name }}</strong>
+      <strong class="gl-text-body">{{ dependency.name }}</strong>
       <span v-if="dependency.target_framework" data-testid="target-framework"
         >({{ dependency.target_framework }})</span
       >
@@ -29,7 +29,7 @@ export default {
       class="table-section section-50 gl-display-flex justify-content-md-end"
       data-testid="version-pattern"
     >
-      <span class="gl-text-black-normal">{{ dependency.version_pattern }}</span>
+      <span class="gl-text-body">{{ dependency.version_pattern }}</span>
     </div>
   </div>
 </template>

ee/app/assets/javascripts/geo_nodes/components/node_detail_sections/node_details_section_main.vue

@@ -78,7 +78,7 @@ export default {
         <div data-testid="nodeUrl" class="d-flex flex-column">
           <span class="gl-text-gray-700">{{ s__('GeoNodes|Node URL') }}</span>
           <gl-link
-            class="gl-display-flex gl-align-items-center gl-text-black-normal gl-font-weight-bold gl-text-decoration-underline gl-mt-1"
+            class="gl-display-flex gl-align-items-center gl-text-body gl-font-weight-bold gl-text-decoration-underline gl-mt-1"
             :href="node.url"
             target="_blank"
             >{{ node.url }} <gl-icon name="external-link" class="gl-ml-1"

ee/app/assets/javascripts/security_dashboard/components/vulnerability_comment_icon.vue

@@ -22,7 +22,7 @@ export default {
     v-gl-tooltip="s__('Vulnerability|Comments')"
     :href="vulnerability.vulnerabilityPath"
     :data-testid="`vulnerability-comments-${vulnerability.id}`"
-    class="gl-display-inline-flex gl-align-items-center gl-ml-3 gl-flex-shrink-0 gl-text-black-normal"
+    class="gl-display-inline-flex gl-align-items-center gl-ml-3 gl-flex-shrink-0 gl-text-body"
   >
     <gl-icon name="comment" />
   </gl-link>

ee/spec/frontend/geo_nodes/components/node_detail_sections/__snapshots__/node_details_section_main_spec.js.snap

@@ -12,7 +12,7 @@ exports[`NodeDetailsSectionMain template node url section renders section correc
   </span>
    
   <a
-    class="gl-link gl-display-flex gl-align-items-center gl-text-black-normal gl-font-weight-bold gl-text-decoration-underline gl-mt-1"
+    class="gl-link gl-display-flex gl-align-items-center gl-text-body gl-font-weight-bold gl-text-decoration-underline gl-mt-1"
     href="http://127.0.0.1:3001/"
     rel="noopener noreferrer"
     target="_blank"

spec/frontend/design_management/pages/design/__snapshots__/index_spec.js.snap

@@ -66,7 +66,7 @@ exports[`Design management design index page renders design index 1`] = `
      
     <gl-button-stub
       category="tertiary"
-      class="link-inherit-color gl-text-black-normal gl-text-decoration-none gl-font-weight-bold gl-mb-4"
+      class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-mb-4"
       data-testid="resolved-comments"
       icon="chevron-right"
       id="resolved-comments"

spec/frontend/design_management_legacy/pages/design/__snapshots__/index_spec.js.snap

@@ -66,7 +66,7 @@ exports[`Design management design index page renders design index 1`] = `
      
     <gl-button-stub
       category="tertiary"
-      class="link-inherit-color gl-text-black-normal gl-text-decoration-none gl-font-weight-bold gl-mb-4"
+      class="link-inherit-color gl-text-body gl-text-decoration-none gl-font-weight-bold gl-mb-4"
       data-testid="resolved-comments"
       icon="chevron-right"
       id="resolved-comments"

spec/frontend/packages/details/components/__snapshots__/dependency_row_spec.js.snap

@@ -8,7 +8,7 @@ exports[`DependencyRow renders full dependency 1`] = `
     class="table-section section-50"
   >
     <strong
-      class="gl-text-black-normal"
+      class="gl-text-body"
     >
       Test.Dependency
     </strong>
@@ -25,7 +25,7 @@ exports[`DependencyRow renders full dependency 1`] = `
     data-testid="version-pattern"
   >
     <span
-      class="gl-text-black-normal"
+      class="gl-text-body"
     >
       2.3.7
     </span>