@happeouikit/content-renderer 3.2.11 → 3.2.12

package/dist/index.es.js

@@ -5359,10 +5359,13 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     width: 100%;
     margin: var(--space-md) 0;
     text-align: left;
-    border-spacing: 0;
-    border-collapse: separate; // doubles internal borders, but needed to allow more customization
-    > tbody > tr > td {
-      padding: 0.25em 0.5em;
+    border-collapse: collapse; // doubles internal borders, but needed to allow more customization
+    thead th {
+      background: rgba(0, 0, 0, 0.1);
+    }
+    th,
+    td {
+      padding: 0.5em;
       border: 0.5px solid rgba(0, 0, 0, 0.12);
       &.fr-selected-cell {
         border: 0.5px solid var(--color-active-primary);
@@ -5392,19 +5395,20 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
     }
     // to "cancel" the separate borders style, we halve all borders to 0.5px
     // but override with 1px for external borders 
-    & > tbody > {
+    & {
         tr:first-child > td { border-top-width: 1px; }
         tr:last-child > td { border-bottom-width: 1px; }
         tr > td:first-child { border-left-width: 1px; }
         tr > td:last-child { border-right-width: 1px; }
     }
-    &.invisible-borders > tbody > tr > {
+    &.invisible-borders {
+      th:not(.fr-selected-cell),
       td:not(.fr-selected-cell) {
         // keeping a transparent border so that selection doesn't push things by 1 pixel
         border: 1px dashed transparent;
       }
     }
-    &.alternating-rows > tbody > {
+    &.alternating-rows {
       tr:nth-child(odd) {
         background: rgba(255, 255, 255, 0.05);
       }
@@ -5412,7 +5416,7 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
         background: rgba(0, 0, 0, 0.05);
       }
     }
-    &.round-corners > tbody > {
+    &.round-corners {
       tr:first-child { border-radius: 6px 6px 0 0; }
       tr:first-child > td:first-child { border-top-left-radius: 6px; }
       tr:first-child > td:last-child { border-top-right-radius: 6px; }
@@ -5420,12 +5424,12 @@ const ni = ai(), ii = new RegExp(rt, "gi"), ui = new RegExp(
       tr:last-child > td:first-child { border-bottom-left-radius: 6px; }
       tr:last-child > td:last-child { border-bottom-right-radius: 6px; }
     }
-    &.highlight-first-row > tbody > {
+    &.highlight-first-row {
       tr:first-child > td {
         font-weight: bold;
       }
     }
-    &.highlight-first-column > tbody > {
+    &.highlight-first-column {
       tr > td:first-child { 
         font-weight: bold;
       }