Merge pull request #2364 from dxc-technology/PelayoFelgueroso/tableCode-fix

Fix string default values in documentation

Author: Jialecl

apps/website/screens/components/data-grid/code/DataGridCodePage.tsx

@@ -146,7 +146,9 @@ const sections = [
               <TableCode>number</TableCode>
             </td>
             <td>Number of items per page.</td>
-            <td>5</td>
+            <td>
+              <TableCode>5</TableCode>
+            </td>
           </tr>
           <tr>
             <td>itemsPerPageFunction</td>
@@ -270,15 +272,19 @@ const sections = [
               <TableCode>boolean</TableCode>
             </td>
             <td>If true, a select component for navigation between pages will be displayed.</td>
-            <td>true</td>
+            <td>
+              <TableCode>true</TableCode>
+            </td>
           </tr>
           <tr>
             <td>showPaginator</td>
             <td>
               <TableCode>boolean</TableCode>
             </td>
             <td>If true, paginator will be displayed.</td>
-            <td>false</td>
+            <td>
+              <TableCode>false</TableCode>
+            </td>
           </tr>
           <tr>
             <td>summaryRow</td>

apps/website/screens/components/date-input/code/DateInputCodePage.tsx

@@ -31,7 +31,9 @@ const sections = [
               Specifies a string to be used as the name for the date input element when no <Code>label</Code> is
               provided.
             </td>
-            <td>'Date input'</td>
+            <td>
+              <TableCode>'Date input'</TableCode>
+            </td>
           </tr>
           <tr>
             <td>autocomplete</td>

apps/website/screens/components/select/code/SelectCodePage.tsx

@@ -269,7 +269,9 @@ const sections = [
               Defines the search mode when searchable is true. If true, matches options that start with the search text.
               If false, matches options that contain the search text anywhere in their label.
             </td>
-            <td>false</td>
+            <td>
+              <TableCode>false</TableCode>
+            </td>
           </tr>
           <tr>
             <td>size</td>

apps/website/screens/components/textarea/code/TextareaCodePage.tsx

@@ -29,7 +29,9 @@ const sections = [
             <td>
               Specifies a string to be used as the name for the textarea element when no <Code>label</Code> is provided.
             </td>
-            <td>'Text area'</td>
+            <td>
+              <TableCode>'Text area'</TableCode>
+            </td>
           </tr>
           <tr>
             <td>autocomplete</td>

apps/website/screens/components/typography/code/TypographyCodePage.tsx

@@ -54,7 +54,7 @@ const sections = [
             </td>
             <td>Color of the text.</td>
             <td>
-              <TableCode>var(--color-fg-neutral-dark)</TableCode>
+              <TableCode>'var(--color-fg-neutral-dark)'</TableCode>
             </td>
           </tr>
           <tr>
@@ -78,7 +78,7 @@ const sections = [
               Specifies the <Code>font-family</Code> CSS property of the component.
             </td>
             <td>
-              <TableCode>var(--typography-font-family)</TableCode>
+              <TableCode>'var(--typography-font-family)'</TableCode>
             </td>
           </tr>
           <tr>
@@ -90,7 +90,7 @@ const sections = [
               Specifies the <Code>font-size</Code> CSS property of the component.
             </td>
             <td>
-              <TableCode>var(--typography-body-m)</TableCode>
+              <TableCode>'var(--typography-body-m)'</TableCode>
             </td>
           </tr>
           <tr>
@@ -114,7 +114,7 @@ const sections = [
               Specifies the <Code>font-weight</Code> CSS property of the component.
             </td>
             <td>
-              <TableCode>var(--typography-body-regular)</TableCode>
+              <TableCode>'var(--typography-body-regular)'</TableCode>
             </td>
           </tr>
           <tr>
@@ -126,7 +126,7 @@ const sections = [
               Specifies the <Code>letter-spacing</Code> CSS property of the component.
             </td>
             <td>
-              <TableCode>var(--spacing-gap-none)</TableCode>
+              <TableCode>'var(--spacing-gap-none)'</TableCode>
             </td>
           </tr>
           <tr>
@@ -138,7 +138,7 @@ const sections = [
               Specifies the <Code>line-height</Code> CSS property of the component.
             </td>
             <td>
-              <TableCode>var(--height-s)</TableCode>
+              <TableCode>'var(--height-s)'</TableCode>
             </td>
           </tr>
           <tr>