@scattered-light/loomiere-base-ui 0.6.1 → 0.7.1

package/dist/design-system/components/Table/README.md

@@ -1,6 +1,6 @@
 # Table
 
-Plain HTML styled by the theme. Base UI has no table, so this styles the native <table class="Table"> elements with the table concept (tokens/semantic/table.json), the same tokens the AG Grid themes read: a small hand-built table and a full grid look alike. Rows answer to aria-selected="true" (or data-selected) for selection; cells take data-align="end" for numbers.
+Loomiere component, not part of Base UI. Base UI has no table, so this styles the native <table class="Table"> elements with the table concept (tokens/semantic/table.json), the same tokens the AG Grid themes read: a small hand-built table and a full grid look alike. Rows answer to aria-selected="true", aria-current="true" (the row whose detail is open) or data-selected; cells take data-align="end" for numbers. An empty body keeps the header and the column widths: one cell spanning the columns, `<tr><td data-empty colSpan={n}><EmptyState size="compact" … /></td></tr>`. A cell with only text still uses this rule's padding. A cell whose child is an EmptyState lets the empty state pad itself. The empty row does not take the row hover.
 
 Base UI has no Table: use the native element with the class below (`<table className="Table">`).
 
@@ -11,6 +11,7 @@ Tokens: the table concept (--sl-table-*).
 | Class | Data attributes it answers to |
 |---|---|
 | `Table` | `data-sticky-header` |
+| `EmptyState` |   |
 
 Base UI sets the state attributes (`data-checked`, `data-open`, `data-disabled`...) itself. Set `data-size`, `data-emphasis`, `data-variant` and `data-color` yourself; `data-color` takes any palette name (`primary`, `secondary`, `error`...) and repaints the part in it.
 

package/dist/design-system/components/Table/preview.html

@@ -1,4 +1,4 @@
-<!-- @dsCard group="Display" height=360 subtitle="Default / SortableAndSelected / Empty" -->
+<!-- @dsCard group="Data" height=360 subtitle="Default / SortableAndSelected / Empty" -->
 <!doctype html>
 <html>
 <head>