@kanunilabs/datagrid-react 1.5.0 → 1.7.0

package/README.md

@@ -30,6 +30,14 @@
   </a>
 </p>
 
+<p align="center">
+  <img src="https://www.kanunilabs.com/npm/datagrid-themes.gif" width="800" alt="The DataGrid switching between light and dark colour schemes, one prop each" />
+</p>
+
+<p align="center">
+  <img src="https://www.kanunilabs.com/npm/datagrid-charts.gif" width="800" alt="The Enterprise DataGrid chart panel charting the grid's own data, one click per chart type" />
+</p>
+
 <p align="center">
   <a href="https://www.kanunilabs.com/playground/datagrid">Try it live</a> — a million rows in your browser. No signup, no install.
 </p>
@@ -131,20 +139,20 @@ Without it, CSV export still works and the Excel path reports an actionable erro
 Six packaged themes, each in a light and a dark palette at three densities:
 
 ```tsx
-<DataGrid theme="quartz" density="compact" dark={isDark} … />
+<DataGrid theme="minimal" density="compact" dark={isDark} … />
 ```
 
-`quartz` (minimal chrome) · `balham` (dense, fully ruled) · `material` (tall, elevated) · `alpine` (airy, framed) · `kanuni` and `kanuni-midnight` (the house themes).
+`minimal` (minimal chrome) · `ledger` (dense, fully ruled) · `elevated` (tall, elevated) · `framed` (airy, framed) · `kanuni` and `kanuni-midnight` (the house themes).
 
 **Omit `theme` and nothing changes** — the packaged look is the default, not one of the six. Switching is a class swap on the grid root, so it repaints without re-rendering a cell.
 
 A **palette** is a second, independent axis — it changes the colours and leaves the theme's structure alone:
 
 ```tsx
-<DataGrid theme="balham" palette="nord" … />
+<DataGrid theme="ledger" palette="nord" … />
 ```
 
-`nord` · `dracula` · `solarized` · `gruvbox` · `catppuccin` · `tokyo-night`, each in light and dark. The two multiply: Balham's dense ruled grid in Nord's arctic blues, or Material's tall airy one in the same blues.
+`nord` · `dracula` · `solarized` · `gruvbox` · `catppuccin` · `tokyo-night`, each in light and dark. The two multiply: Ledger's dense ruled grid in Nord's arctic blues, or Elevated's tall airy one in the same blues.
 
 `density` moves the whole vertical rhythm together, not just the type: row and header height, cell padding, control sizes, toolbar and pager padding.