Test of 10 migrations of gl-text-secondary -> text-color-subtle

app/assets/javascripts/merge_request_dashboard/components/merge_request.vue

@@ -76,7 +76,7 @@ export default {
       >
         {{ mergeRequest.title }}
       </gl-link>
-      <div class="gl-mb-2 gl-mt-2 gl-text-sm gl-text-secondary">
+      <div class="gl-mb-2 gl-mt-2 gl-text-sm gl-text-subtle">
         <gl-sprintf
           :message="__('%{reference} %{divider} created %{createdAt} by %{author} %{milestone}')"
         >
@@ -84,7 +84,7 @@ export default {
           <template #divider>&middot;</template>
           <template #createdAt><time-ago-tooltip :time="mergeRequest.createdAt" /></template>
           <template #author>
-            <gl-link :href="mergeRequest.author.webUrl" class="gl-text-secondary">
+            <gl-link :href="mergeRequest.author.webUrl" class="gl-text-subtle">
               {{ mergeRequest.author.name }}
             </gl-link>
           </template>
@@ -127,7 +127,7 @@ export default {
           <span>{{ mergeRequest.diffStatsSummary.deletions }}</span>
         </div>
       </div>
-      <div class="gl-mt-1 gl-text-right gl-text-sm gl-text-secondary">
+      <div class="gl-mt-1 gl-text-right gl-text-sm gl-text-subtle">
         <gl-sprintf :message="__('Updated %{updatedAt}')">
           <template #updatedAt>
             <time-ago-tooltip :time="mergeRequest.updatedAt" />

app/assets/javascripts/vue_shared/components/page_heading.vue

@@ -28,7 +28,7 @@ export default {
       </div>
       <div
         v-if="$scopedSlots.description"
-        class="gl-mt-2 gl-w-full gl-text-secondary"
+        class="gl-mt-2 gl-w-full gl-text-subtle"
         data-testid="page-heading-description"
       >
         <slot name="description"></slot>

app/assets/javascripts/vue_shared/components/web_ide_link.vue

@@ -328,7 +328,7 @@ export default {
                   action.shortcut
                 }}</kbd>
               </span>
-              <span data-testid="action-secondary-text" class="gl-text-sm gl-text-secondary">
+              <span data-testid="action-secondary-text" class="gl-text-sm gl-text-subtle">
                 {{ action.secondaryText }}
               </span>
             </div>

app/components/pajamas/toggle_component.html.haml

@@ -12,5 +12,5 @@
 -# Leverage this block to render a rich help text. To render a plain text help text,
 -# prefer the `help` parameter.
 - if content.present?
-  .gl-text-secondary.gl-mt-1
+  .gl-text-subtle.gl-mt-1
     = content

app/views/projects/maintenance/_remove_blobs.html.haml

 %h5.gl-heading-4= s_('ProjectMaintenance|Remove blobs')
-%p.gl-text-secondary
+%p.gl-text-subtle
   = s_('ProjectMaintenance|Provide a list of blob object IDs to be removed.')
   = link_to s_('ProjectMaintenance|How do I get a list of object IDs?'), help_page_path('user/project/repository/repository_size.md', anchor: 'get-a-list-of-object-ids')
-%p.gl-text-secondary
+%p.gl-text-subtle
   = s_('ProjectMaintenance|Afterwards, run housekeeping manually to remove old versions of the file from Git history.')
 
 .js-maintenance-remove-blobs{ data: { project_path: @project.full_path, housekeeping_path: edit_project_path(@project, anchor: 'js-project-advanced-settings') } }

app/views/projects/protected_tags/shared/_index.html.haml

@@ -8,7 +8,7 @@
     = s_("ProtectedTag|Limit access to creating and updating tags.")
     = link_to s_("ProtectedTag|What are protected tags?"), help_page_path("user/project/protected_tags.md")
   - c.with_body do
-    %p.gl-text-secondary
+    %p.gl-text-subtle
       = s_("ProtectedTag|By default, protected tags restrict who can modify the tag.")
       = link_to s_("ProtectedTag|Learn more."), help_page_path("user/project/protected_tags.md", anchor: "who-can-modify-a-protected-tag")
 

ee/app/assets/javascripts/analytics/dashboards/dora_performers_score/components/dora_performers_score_chart.vue

@@ -234,7 +234,7 @@ export default {
 
     <chart-skeleton-loader v-if="isLoading" />
 
-    <div v-else-if="!hasData" class="gl-text-center gl-text-secondary">
+    <div v-else-if="!hasData" class="gl-text-center gl-text-subtle">
       {{ noDataMessage }}
     </div>
 

ee/app/assets/javascripts/vue_shared/components/customizable_dashboard/panels_base.vue

@@ -191,7 +191,7 @@ export default {
           <gl-loading-icon size="lg" class="gl-w-full" />
           <div
             v-if="loadingDelayed"
-            class="gl-w-full gl-text-secondary"
+            class="gl-w-full gl-text-subtle"
             data-testId="panel-loading-delayed-indicator"
           >
             {{ __('Still loading...') }}

ee/app/assets/javascripts/workspaces/dropdown_group/components/workspaces_dropdown_group.vue

@@ -184,10 +184,10 @@ export default {
             />
           </template>
           <div v-else class="gl-px-4 gl-text-left gl-text-base" data-testid="no-workspaces-message">
-            <p class="gl-mb-0 gl-text-sm gl-text-secondary">
+            <p class="gl-mb-0 gl-text-sm gl-text-subtle">
               {{ $options.i18n.noWorkspacesMessage }}
             </p>
-            <p v-if="!supportsWorkspaces" class="gl-mb-0 gl-mt-2 gl-text-sm gl-text-secondary">
+            <p v-if="!supportsWorkspaces" class="gl-mb-0 gl-mt-2 gl-text-sm gl-text-subtle">
               <gl-sprintf :message="$options.i18n.noWorkspacesSupportMessage">
                 <template #link="{ content }">
                   <gl-link

spec/frontend/merge_request_dashboard/components/__snapshots__/merge_request_spec.js.snap

@@ -29,7 +29,7 @@ exports[`Merge request dashboard merge request component renders template 1`] =
       Merge request title
     </gl-link-stub>
     <div
-      class="gl-mb-2 gl-mt-2 gl-text-secondary gl-text-sm"
+      class="gl-mb-2 gl-mt-2 gl-text-sm gl-text-subtle"
     >
       <gl-sprintf-stub
         message="%{reference} %{divider} created %{createdAt} by %{author} %{milestone}"
@@ -105,7 +105,7 @@ exports[`Merge request dashboard merge request component renders template 1`] =
       </div>
     </div>
     <div
-      class="gl-mt-1 gl-text-right gl-text-secondary gl-text-sm"
+      class="gl-mt-1 gl-text-right gl-text-sm gl-text-subtle"
     >
       <gl-sprintf-stub
         message="Updated %{updatedAt}"

spec/frontend/vue_shared/components/page_heading_spec.js

@@ -58,7 +58,7 @@ describe('Pagination links component', () => {
       it('renders its description slot content', () => {
         expect(description().text()).toBe('Description go here');
         expect(description().classes()).toEqual(
-          expect.arrayContaining(['gl-w-full', 'gl-mt-2', 'gl-text-secondary']),
+          expect.arrayContaining(['gl-w-full', 'gl-mt-2', 'gl-text-subtle']),
         );
       });