feat(tablekit-core): update padding to new styling and fix other visu…

…al issues

auditjs.json

@@ -1148,6 +1148,22 @@
           "reference": "https://ossindex.sonatype.org/vulnerability/CVE-2023-46234?component-type=npm&component-name=browserify-sign&utm_source=auditjs&utm_medium=integration&utm_content=4.0.39"
         }
       ]
+    },
+    {
+      "coordinates": "pkg:npm/[email protected]",
+      "description": "HTTP and HTTPS modules that follow redirects.",
+      "reference": "https://ossindex.sonatype.org/component/pkg:npm/[email protected]?utm_source=auditjs&utm_medium=integration&utm_content=4.0.39",
+      "vulnerabilities": [
+        {
+          "id": "CVE-2023-26159",
+          "title": "[CVE-2023-26159] CWE-20: Improper Input Validation",
+          "description": "Versions of the package follow-redirects before 1.15.4 are vulnerable to Improper Input Validation due to the improper handling of URLs by the url.parse() function. When new URL() throws an error, it can be manipulated to misinterpret the hostname. An attacker could exploit this weakness to redirect traffic to a malicious site, potentially leading to information disclosure, phishing attacks, or other security breaches.",
+          "cvssScore": 6.1,
+          "cvssVector": "CVSS:3.1/AV:N/AC:L/PR:N/UI:R/S:C/C:L/I:L/A:N",
+          "cve": "CVE-2023-26159",
+          "reference": "https://ossindex.sonatype.org/vulnerability/CVE-2023-26159?component-type=npm&component-name=follow-redirects&utm_source=auditjs&utm_medium=integration&utm_content=4.0.39"
+        }
+      ]
     }
   ],
   "ignore": [
@@ -1369,6 +1385,9 @@
     },
     {
       "id": "CVE-2023-46234"
+    },
+    {
+      "id": "CVE-2023-26159"
     }
   ]
 }

system/core/src/components/Table.ts

@@ -8,7 +8,7 @@ export const className = 'table';
 export interface Props {}
 
 export const baseStyles = css`
-  text-align: left;
+  text-align: start;
   border-spacing: 0;
   border-collapse: separate;
   border: 1px solid var(--border);
@@ -34,14 +34,18 @@ export const baseStyles = css`
 
   & th,
   & td {
-    vertical-align: middle;
+    vertical-align: baseline;
     white-space: nowrap;
     overflow: hidden;
-    padding: 18px var(--spacing-l5);
+    padding: var(--spacing-l4);
   }
 
   & th {
     border-bottom: 1px solid var(--border);
+    text-align: left;
+    [dir='rtl'] & {
+      text-align: right;
+    }
 
     & > .table-resizer {
       display: inline-block;
@@ -68,8 +72,4 @@ export const baseStyles = css`
   & tfoot:not(:last-child) {
     border-bottom: 1px solid var(--border);
   }
-
-  &[aria-hidden='true'] {
-    display: none;
-  }
 `;