@alfadocs/ui-kit-debug 1.110.0 → 1.111.0

package/dist/host-legacy.css

@@ -17,7 +17,8 @@
      a labelled RadioGroup label a page heading;
    - `*, :active, :hover { outline: none !important }`, plus
      `a:focus` and `input[type=checkbox|radio]:focus` with the same
-     `!important`, removed every kit focus ring (WCAG 2.4.7).
+     `!important`, removed every kit focus ring (WCAG 2.4.7);
+   - `table`, `td, th` and `th` element rules would flatten DataGrid.
 
    `revert-layer` in an unlayered rule drops every unlayered declaration,
    legacy or not, and lands on the kit's layered value, so these rules never
@@ -37,6 +38,21 @@
   all: revert-layer;
 }
 
+/* Tables. Bootstrap's `table`, `td, th` and `th` element rules collapse the
+   borders, drop the cell padding and left-align every header, which would
+   flatten DataGrid. Scoped to DataGrid, so a host table inside any other kit
+   element keeps its own styles. (0,0,2) clears the element rules. */
+:where([data-component='data-grid']) table:is(table) {
+  border-collapse: revert-layer;
+  border-spacing: revert-layer;
+  background-color: revert-layer;
+}
+
+:where([data-component='data-grid']) :is(td, th):is(td, th) {
+  padding: revert-layer;
+  text-align: revert-layer;
+}
+
 /* Focus rings. Only an `!important` declaration can answer the legacy
    `!important` ones. Each selector names kit-owned elements only:
    - focus-outline utilities, with the attribute repeated to reach (0,3,0)