fix(components): add missing font-styles to table fixed row headers (#431)

Author: fernandofleury

src/components/Table/__snapshots__/Table.spec.js.snap

@@ -118,6 +118,8 @@ tbody .circuit-11:last-child td {
   vertical-align: middle;
   white-space: nowrap;
   display: none;
+  font-size: 13px;
+  font-weight: 700;
   padding: 8px 24px;
 }
 
@@ -523,6 +525,8 @@ tbody .circuit-11:last-child td {
   vertical-align: middle;
   white-space: nowrap;
   display: none;
+  font-size: 13px;
+  font-weight: 700;
   padding: 8px 24px;
 }
 
@@ -904,6 +908,8 @@ tbody .circuit-11:last-child td {
   vertical-align: middle;
   white-space: nowrap;
   display: none;
+  font-size: 13px;
+  font-weight: 700;
   padding: 8px 24px;
 }
 
@@ -1281,6 +1287,8 @@ tbody .circuit-11:last-child td {
   vertical-align: middle;
   white-space: nowrap;
   display: none;
+  font-size: 13px;
+  font-weight: 700;
   padding: 8px 24px;
 }
 

src/components/Table/components/TableCell/index.js

@@ -38,7 +38,12 @@ const presentationStyles = ({ theme, role, header }) =>
     label: table-cell--presentation;
     display: none;
 
-    ${header && `padding: ${theme.spacings.byte} ${theme.spacings.giga}`};
+    ${header &&
+      css`
+        font-size: ${theme.typography.text.kilo.fontSize};
+        font-weight: ${theme.fontWeight.bold};
+        padding: ${theme.spacings.byte} ${theme.spacings.giga};
+      `}
 
     ${theme.mq.untilMega} {
       display: table-cell;