refactor: change .text-medium-emphasis to .text-body-secondary

src/views/base/Tables.vue

@@ -6,7 +6,7 @@
           <strong>Vue Table</strong> <small>Basic example</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Using the most basic table CoreUI, here&#39;s how
             <code>&lt;CTable&gt;</code>-based tables look in CoreUI.
           </p>
@@ -50,7 +50,7 @@
           <strong>Vue Table</strong> <small>Variants</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Use contextual classes to color tables, table rows or individual
             cells.
           </p>
@@ -121,7 +121,7 @@
           <strong>Vue Table</strong> <small>Striped rows</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Use <code>striped</code> property to add zebra-striping to any table
             row within the <code>&lt;CTableBody&gt;</code>.
           </p>
@@ -156,7 +156,7 @@
               </CTableBody>
             </CTable>
           </DocsExample>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             These classes can also be added to table variants:
           </p>
           <DocsExample href="components/table.html#striped-rows">
@@ -230,7 +230,7 @@
           <strong>Vue Table</strong> <small>Hoverable rows</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Use <code>hover</code> property to enable a hover state on table
             rows within a <code>&lt;CTableBody&gt;</code>.
           </p>
@@ -411,7 +411,7 @@
           <strong>Vue Table</strong> <small>Bordered tables</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Add <code>bordered</code> property for borders on all sides of the
             table and cells.
           </p>
@@ -446,7 +446,7 @@
               </CTableBody>
             </CTable>
           </DocsExample>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             <a href="https://coreui.io/docs/4.0/utilities/borders#border-color">
               Border color utilities
             </a>
@@ -492,7 +492,7 @@
           <strong>Vue Table</strong> <small>Tables without borders</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Add <code>borderless</code> property for a table without borders.
           </p>
           <DocsExample href="components/table.html#tables-without-borders">
@@ -566,7 +566,7 @@
           <strong>Vue Table</strong> <small>Small tables</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Add <code>small</code> property to make any
             <code>&lt;CTable&gt;</code> more compact by cutting all cell
             <code>padding</code> in half.
@@ -611,7 +611,7 @@
           <strong>Vue Table</strong> <small>Vertical alignment</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Table cells of <code>&lt;CTableHead&gt;</code> are always vertical
             aligned to the bottom. Table cells in
             <code>&lt;CTableBody&gt;</code> inherit their alignment from
@@ -705,7 +705,7 @@
           <strong>Vue Table</strong> <small>Nesting</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Border styles, active styles, and table variants are not inherited
             by nested tables.
           </p>
@@ -779,7 +779,7 @@
           <strong>Vue Table</strong> <small>Table head</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             Similar to tables and dark tables, use the modifier prop
             <code>color=&#34;light&#34;</code> or
             <code>color=&#34;dark&#34;</code> to make
@@ -905,7 +905,7 @@
           <strong>Vue Table</strong> <small>Captions</small>
         </CCardHeader>
         <CCardBody>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             A <code>&lt;CTableCaption&gt;</code> functions like a heading for a
             table. It helps users with screen readers to find a table and
             understand what it&#39;s about and decide if they want to read it.
@@ -943,7 +943,7 @@
               </CTableBody>
             </CTable>
           </DocsExample>
-          <p class="text-medium-emphasis small">
+          <p class="text-body-secondary small">
             You can also put the <code>&lt;CTableCaption&gt;</code> on the top
             of the table with <code>caption=&#34;top&#34;</code>.
           </p>