@kanunilabs/datagrid-react 1.5.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +12 -4
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.d.cts +92 -11
  4. package/dist/index.d.ts +92 -11
  5. package/dist/index.js +2 -2
  6. package/dist/styles.css +98 -74
  7. package/dist/themes/all.css +1588 -0
  8. package/dist/themes/amber.css +41 -0
  9. package/dist/themes/aubergine.css +49 -0
  10. package/dist/themes/azure.css +41 -0
  11. package/dist/themes/burgundy.css +49 -0
  12. package/dist/themes/charcoal.css +49 -0
  13. package/dist/themes/contrast-dark.css +49 -0
  14. package/dist/themes/contrast-light.css +41 -0
  15. package/dist/themes/coral.css +41 -0
  16. package/dist/themes/corporate.css +41 -0
  17. package/dist/themes/deep-sea.css +49 -0
  18. package/dist/themes/editorial.css +41 -0
  19. package/dist/themes/ember.css +49 -0
  20. package/dist/themes/emerald.css +41 -0
  21. package/dist/themes/forest.css +49 -0
  22. package/dist/themes/glacier.css +41 -0
  23. package/dist/themes/graphite.css +49 -0
  24. package/dist/themes/indigo-night.css +49 -0
  25. package/dist/themes/indigo.css +41 -0
  26. package/dist/themes/ivory.css +41 -0
  27. package/dist/themes/lagoon.css +41 -0
  28. package/dist/themes/linen.css +41 -0
  29. package/dist/themes/midnight.css +49 -0
  30. package/dist/themes/mist.css +41 -0
  31. package/dist/themes/monochrome.css +41 -0
  32. package/dist/themes/onyx.css +49 -0
  33. package/dist/themes/orchid.css +41 -0
  34. package/dist/themes/porcelain.css +41 -0
  35. package/dist/themes/rose.css +41 -0
  36. package/dist/themes/sandstone.css +41 -0
  37. package/dist/themes/slate-night.css +49 -0
  38. package/dist/themes/slate.css +41 -0
  39. package/dist/themes/steel.css +49 -0
  40. package/dist/themes/stone.css +41 -0
  41. package/dist/themes/taupe.css +41 -0
  42. package/dist/themes/teal.css +41 -0
  43. package/dist/themes/terminal.css +49 -0
  44. package/package.json +9 -5
package/README.md CHANGED
@@ -30,6 +30,14 @@
30
30
  </a>
31
31
  </p>
32
32
 
33
+ <p align="center">
34
+ <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" />
35
+ </p>
36
+
37
+ <p align="center">
38
+ <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" />
39
+ </p>
40
+
33
41
  <p align="center">
34
42
  <a href="https://www.kanunilabs.com/playground/datagrid">Try it live</a> — a million rows in your browser. No signup, no install.
35
43
  </p>
@@ -131,20 +139,20 @@ Without it, CSV export still works and the Excel path reports an actionable erro
131
139
  Six packaged themes, each in a light and a dark palette at three densities:
132
140
 
133
141
  ```tsx
134
- <DataGrid theme="quartz" density="compact" dark={isDark} … />
142
+ <DataGrid theme="minimal" density="compact" dark={isDark} … />
135
143
  ```
136
144
 
137
- `quartz` (minimal chrome) · `balham` (dense, fully ruled) · `material` (tall, elevated) · `alpine` (airy, framed) · `kanuni` and `kanuni-midnight` (the house themes).
145
+ `minimal` (minimal chrome) · `ledger` (dense, fully ruled) · `elevated` (tall, elevated) · `framed` (airy, framed) · `kanuni` and `kanuni-midnight` (the house themes).
138
146
 
139
147
  **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.
140
148
 
141
149
  A **palette** is a second, independent axis — it changes the colours and leaves the theme's structure alone:
142
150
 
143
151
  ```tsx
144
- <DataGrid theme="balham" palette="nord" … />
152
+ <DataGrid theme="ledger" palette="nord" … />
145
153
  ```
146
154
 
147
- `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.
155
+ `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.
148
156
 
149
157
  `density` moves the whole vertical rhythm together, not just the type: row and header height, cell padding, control sizes, toolbar and pager padding.
150
158