@kanunilabs/datagrid-react 1.4.0 → 1.6.0

package/dist/themes/slate-night.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Slate night (dark) — Deep slate and a sky accent — technical and cool. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate-night,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate-night,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate-night,
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate-night.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate-night.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate-night.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0f172a;
+  --dg-surface: #162033;
+  --dg-surface-header: #1e2a40;
+  --dg-surface-hover: #252f41;
+  --dg-surface-stripe: #1c2639;
+  --dg-border: #374051;
+  --dg-border-strong: #535c6c;
+  --dg-text: #e2e8f0;
+  --dg-text-muted: #afb5be;
+  --dg-primary: #38bdf8;
+  --dg-primary-soft: #1f4966;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #38bdf8;
+  --dg-header-bg: #1e2a40;
+  --dg-header-text: #e2e8f0;
+  --dg-header-text-muted: #98a0ad;
+  --dg-header-hover: #2c374c;
+  --dg-selected-bg: #1f4966;
+  --dg-group-bg: #202a3c;
+  --dg-footer-bg: #1e2a40;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #6b5024;
+  --dg-highlight-text: #e2e8f0;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(56, 189, 248, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #5b6473;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}

package/dist/themes/slate.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Slate (light) — Light slate surfaces with an indigo-slate accent; technical and calm. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate,
+.kanuni-datagrid-root.kanuni-datagrid-palette-slate.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-slate.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-slate.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #d6dde6;
+  --dg-surface: #f1f5f9;
+  --dg-surface-header: #d9e1ea;
+  --dg-surface-hover: #e7ebf0;
+  --dg-surface-stripe: #edf1f5;
+  --dg-border: #cbd4df;
+  --dg-border-strong: #bbc0c7;
+  --dg-text: #0f172a;
+  --dg-text-muted: #5d6370;
+  --dg-primary: #4f5d95;
+  --dg-primary-soft: #dce1ec;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #4f5d95;
+  --dg-header-bg: #d9e1ea;
+  --dg-header-text: #0f172a;
+  --dg-header-text-muted: #535a68;
+  --dg-header-hover: #cbd3dd;
+  --dg-selected-bg: #dce1ec;
+  --dg-group-bg: #eaeef3;
+  --dg-footer-bg: #d9e1ea;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #cd2323;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b05109;
+  --dg-highlight-bg: #f5e392;
+  --dg-highlight-text: #0f172a;
+  --dg-note-marker: #cd2323;
+  --dg-flash-bg: rgba(79, 93, 149, 0.35);
+  --dg-find-active-ring: #b05109;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #bbc0c7;
+}

package/dist/themes/steel.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Steel (dark) — Blue-grey steel surfaces and a cornflower accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-steel,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-steel,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-steel,
+.kanuni-datagrid-root.kanuni-datagrid-palette-steel.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-steel.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-steel.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #1a2029;
+  --dg-surface: #212833;
+  --dg-surface-header: #2a3340;
+  --dg-surface-hover: #303641;
+  --dg-surface-stripe: #272e39;
+  --dg-border: #404751;
+  --dg-border-strong: #5b626b;
+  --dg-text: #e3e8ef;
+  --dg-text-muted: #b3b7be;
+  --dg-primary: #7fa6e0;
+  --dg-primary-soft: #394960;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #7fa6e0;
+  --dg-header-bg: #2a3340;
+  --dg-header-text: #e3e8ef;
+  --dg-header-text-muted: #a7acb5;
+  --dg-header-hover: #37404c;
+  --dg-selected-bg: #394960;
+  --dg-group-bg: #2b323c;
+  --dg-footer-bg: #2a3340;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87575;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #725524;
+  --dg-highlight-text: #e3e8ef;
+  --dg-note-marker: #f87575;
+  --dg-flash-bg: rgba(127, 166, 224, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #636973;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}

package/dist/themes/stone.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Stone (light) — Warm greys and a graphite accent — low noise, high polish. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-stone,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-stone,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-stone,
+.kanuni-datagrid-root.kanuni-datagrid-palette-stone.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-stone.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-stone.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #efeeeb;
+  --dg-surface: #fbfbfa;
+  --dg-surface-header: #ecebe8;
+  --dg-surface-hover: #f1f1f0;
+  --dg-surface-stripe: #f7f7f6;
+  --dg-border: #e0e0df;
+  --dg-border-strong: #c5c5c4;
+  --dg-text: #1c1917;
+  --dg-text-muted: #666462;
+  --dg-primary: #57534e;
+  --dg-primary-soft: #e6e5e4;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #57534e;
+  --dg-header-bg: #ecebe8;
+  --dg-header-text: #1c1917;
+  --dg-header-text-muted: #63615e;
+  --dg-header-hover: #dddcd9;
+  --dg-selected-bg: #e6e5e4;
+  --dg-group-bg: #f4f4f3;
+  --dg-footer-bg: #ecebe8;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d12424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fbe693;
+  --dg-highlight-text: #1c1917;
+  --dg-note-marker: #d12424;
+  --dg-flash-bg: rgba(87, 83, 78, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5c5c4;
+}

package/dist/themes/taupe.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Taupe (light) — Soft grey-brown neutrals and a cocoa accent; understated. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-taupe,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-taupe,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-taupe,
+.kanuni-datagrid-root.kanuni-datagrid-palette-taupe.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-taupe.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-taupe.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eee9e4;
+  --dg-surface: #faf8f6;
+  --dg-surface-header: #e9e2db;
+  --dg-surface-hover: #f1efed;
+  --dg-surface-stripe: #f6f4f2;
+  --dg-border: #e2dfdd;
+  --dg-border-strong: #c9c6c4;
+  --dg-text: #2e2925;
+  --dg-text-muted: #686460;
+  --dg-primary: #7a5a48;
+  --dg-primary-soft: #e9e3df;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #7a5a48;
+  --dg-header-bg: #e9e2db;
+  --dg-header-text: #2e2925;
+  --dg-header-text-muted: #5f5a56;
+  --dg-header-hover: #dcd5ce;
+  --dg-selected-bg: #e9e3df;
+  --dg-group-bg: #f4f2f0;
+  --dg-footer-bg: #e9e2db;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d22424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fae491;
+  --dg-highlight-text: #2e2925;
+  --dg-note-marker: #d22424;
+  --dg-flash-bg: rgba(122, 90, 72, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c9c6c4;
+}

package/dist/themes/teal.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Teal (light) — Fresh mint band and a deep teal accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-teal,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-teal,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-teal,
+.kanuni-datagrid-root.kanuni-datagrid-palette-teal.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-teal.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-teal.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e3f4f1;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #d3eee9;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e5e5;
+  --dg-border-strong: #c5cbcb;
+  --dg-text: #0f2725;
+  --dg-text-muted: #5d6a69;
+  --dg-primary: #0f766e;
+  --dg-primary-soft: #e0edec;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #0f766e;
+  --dg-header-bg: #d3eee9;
+  --dg-header-text: #0f2725;
+  --dg-header-text-muted: #4d625f;
+  --dg-header-hover: #c5e0db;
+  --dg-selected-bg: #e0edec;
+  --dg-group-bg: #f8f9f8;
+  --dg-footer-bg: #d3eee9;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #0f2725;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(15, 118, 110, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5cbcb;
+}

package/dist/themes/terminal.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Terminal (dark) — Green-on-black for dense, data-heavy monitoring screens. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-terminal,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-terminal,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-terminal,
+.kanuni-datagrid-root.kanuni-datagrid-palette-terminal.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-terminal.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-terminal.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #050805;
+  --dg-surface: #0a0f0a;
+  --dg-surface-header: #111a11;
+  --dg-surface-hover: #192019;
+  --dg-surface-stripe: #101610;
+  --dg-border: #2b342b;
+  --dg-border-strong: #485448;
+  --dg-text: #d7f5d7;
+  --dg-text-muted: #9bad9b;
+  --dg-primary: #4ade80;
+  --dg-primary-soft: #1b4529;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #4ade80;
+  --dg-header-bg: #111a11;
+  --dg-header-text: #d7f5d7;
+  --dg-header-text-muted: #8ca28c;
+  --dg-header-hover: #1f291f;
+  --dg-selected-bg: #1b4529;
+  --dg-group-bg: #141b14;
+  --dg-footer-bg: #111a11;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #63450a;
+  --dg-highlight-text: #d7f5d7;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(74, 222, 128, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #505d50;
+  --dg-shadow-pinned: 2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-pinned-right: -2px 0 4px -2px rgba(0, 0, 0, 0.55);
+  --dg-shadow-popup: 0 10px 25px -5px rgba(0, 0, 0, 0.6);
+  --dg-shadow-popup-sm: 0 8px 24px rgba(0, 0, 0, 0.5);
+  --dg-shadow-menu: 0 12px 28px rgba(0, 0, 0, 0.55);
+  --dg-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.55);
+  --dg-shadow-panel: 0 8px 20px rgba(0, 0, 0, 0.45);
+  --dg-shadow-dialog: 0 24px 48px rgba(0, 0, 0, 0.65);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanunilabs/datagrid-react",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "High-performance React data grid — virtualized rows and columns, sticky pinned columns, sorting, filtering and theming",
   "keywords": [
     "react",
@@ -40,12 +40,15 @@
         "default": "./dist/index.cjs"
       }
     },
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": "./dist/styles.css",
+    "./themes/*": "./dist/themes/*"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "files": [
     "dist",
     "LICENSE"
@@ -54,14 +57,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@kanunilabs/datagrid-core": "1.6.0"
+    "@kanunilabs/datagrid-core": "1.8.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "jsdom": "^30.0.1"
+    "jsdom": "^30.0.1",
+    "@kanunilabs/foundation": "1.0.4"
   },
   "scripts": {
     "lint": "tsc --noEmit",