@kanunilabs/datagrid-react 1.4.0 → 1.6.0

package/dist/themes/glacier.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Glacier (light) — Blue-grey header band over white cells, a deep sky accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-glacier,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-glacier,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-glacier,
+.kanuni-datagrid-root.kanuni-datagrid-palette-glacier.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-glacier.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-glacier.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e9eef4;
+  --dg-surface: #fbfcfe;
+  --dg-surface-header: #dde6f0;
+  --dg-surface-hover: #f0f2f4;
+  --dg-surface-stripe: #f7f8fa;
+  --dg-border: #dee1e4;
+  --dg-border-strong: #c1c5ca;
+  --dg-text: #0b1726;
+  --dg-text-muted: #5e666f;
+  --dg-primary: #1e4fa3;
+  --dg-primary-soft: #dee6f2;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #1e4fa3;
+  --dg-header-bg: #dde6f0;
+  --dg-header-text: #0b1726;
+  --dg-header-text-muted: #545e6a;
+  --dg-header-hover: #ced8e2;
+  --dg-selected-bg: #dee6f2;
+  --dg-group-bg: #f4f5f8;
+  --dg-footer-bg: #dde6f0;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d12424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fbe695;
+  --dg-highlight-text: #0b1726;
+  --dg-note-marker: #d12424;
+  --dg-flash-bg: rgba(30, 79, 163, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c1c5ca;
+}

package/dist/themes/graphite.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Graphite (dark) — Mid-grey graphite and a silver-blue accent; gentle contrast. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-graphite,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-graphite,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-graphite,
+.kanuni-datagrid-root.kanuni-datagrid-palette-graphite.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-graphite.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-graphite.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #202225;
+  --dg-surface: #26292d;
+  --dg-surface-header: #2e3136;
+  --dg-surface-hover: #34373b;
+  --dg-surface-stripe: #2c2f33;
+  --dg-border: #44474b;
+  --dg-border-strong: #5f6266;
+  --dg-text: #e4e6ea;
+  --dg-text-muted: #bebfc2;
+  --dg-primary: #9db8d9;
+  --dg-primary-soft: #454e5a;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #9db8d9;
+  --dg-header-bg: #2e3136;
+  --dg-header-text: #e4e6ea;
+  --dg-header-text-muted: #a6a8ad;
+  --dg-header-hover: #3b3e43;
+  --dg-selected-bg: #454e5a;
+  --dg-group-bg: #303236;
+  --dg-footer-bg: #2e3136;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87878;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #755520;
+  --dg-highlight-text: #e4e6ea;
+  --dg-note-marker: #f87878;
+  --dg-flash-bg: rgba(157, 184, 217, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #67696d;
+  --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/indigo-night.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Indigo night (dark) — Indigo-tinted dark and a periwinkle accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo-night,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo-night,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo-night,
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo-night.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo-night.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo-night.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0f1330;
+  --dg-surface: #151a38;
+  --dg-surface-header: #1e2550;
+  --dg-surface-hover: #252947;
+  --dg-surface-stripe: #1b203e;
+  --dg-border: #363b57;
+  --dg-border-strong: #545872;
+  --dg-text: #e6e8fa;
+  --dg-text-muted: #aeb1c2;
+  --dg-primary: #a5b4fc;
+  --dg-primary-soft: #3a426b;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #a5b4fc;
+  --dg-header-bg: #1e2550;
+  --dg-header-text: #e6e8fa;
+  --dg-header-text-muted: #9a9eb9;
+  --dg-header-hover: #2c335c;
+  --dg-selected-bg: #3a426b;
+  --dg-group-bg: #1f2442;
+  --dg-footer-bg: #1e2550;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #6a4c27;
+  --dg-highlight-text: #e6e8fa;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(165, 180, 252, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #5c607a;
+  --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/indigo.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Indigo (light) — White cells under a lavender band, an indigo accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo,
+.kanuni-datagrid-root.kanuni-datagrid-palette-indigo.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-indigo.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-indigo.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e9eafc;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #e2e4fd;
+  --dg-surface-hover: #f5f5f6;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e3e3e7;
+  --dg-border-strong: #c8c7d0;
+  --dg-text: #18173a;
+  --dg-text-muted: #656478;
+  --dg-primary: #3730a3;
+  --dg-primary-soft: #e5e4f3;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #3730a3;
+  --dg-header-bg: #e2e4fd;
+  --dg-header-text: #18173a;
+  --dg-header-text-muted: #5b5b77;
+  --dg-header-hover: #d4d6ef;
+  --dg-selected-bg: #e5e4f3;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #e2e4fd;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #18173a;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(55, 48, 163, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c8c7d0;
+}

package/dist/themes/ivory.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Ivory (light) — Warm off-white with a bronze accent; quiet and premium. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-ivory,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ivory,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ivory,
+.kanuni-datagrid-root.kanuni-datagrid-palette-ivory.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ivory.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ivory.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f6f2ea;
+  --dg-surface: #fffdf8;
+  --dg-surface-header: #f3ecdf;
+  --dg-surface-hover: #f5f3ee;
+  --dg-surface-stripe: #fbf9f4;
+  --dg-border: #e4e2dd;
+  --dg-border-strong: #c9c7c2;
+  --dg-text: #1f1b16;
+  --dg-text-muted: #6b6964;
+  --dg-primary: #8a5a12;
+  --dg-primary-soft: #f0e8da;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #8a5a12;
+  --dg-header-bg: #f3ecdf;
+  --dg-header-text: #1f1b16;
+  --dg-header-text-muted: #655f58;
+  --dg-header-hover: #e4ddd1;
+  --dg-selected-bg: #f0e8da;
+  --dg-group-bg: #f8f6f1;
+  --dg-footer-bg: #f3ecdf;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde792;
+  --dg-highlight-text: #1f1b16;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(138, 90, 18, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c9c7c2;
+}

package/dist/themes/lagoon.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Lagoon (light) — Cyan-washed surfaces and an ocean accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-lagoon,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-lagoon,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-lagoon,
+.kanuni-datagrid-root.kanuni-datagrid-palette-lagoon.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-lagoon.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-lagoon.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #dcf2f8;
+  --dg-surface: #fbfeff;
+  --dg-surface-header: #cdebf5;
+  --dg-surface-hover: #f0f4f6;
+  --dg-surface-stripe: #f7fafb;
+  --dg-border: #dee4e6;
+  --dg-border-strong: #c1cacd;
+  --dg-text: #0b2530;
+  --dg-text-muted: #5a6870;
+  --dg-primary: #0369a1;
+  --dg-primary-soft: #dbebf3;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #0369a1;
+  --dg-header-bg: #cdebf5;
+  --dg-header-text: #0b2530;
+  --dg-header-text-muted: #4b626c;
+  --dg-header-hover: #bfdde7;
+  --dg-selected-bg: #dbebf3;
+  --dg-group-bg: #f4f7f9;
+  --dg-footer-bg: #cdebf5;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fbe896;
+  --dg-highlight-text: #0b2530;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(3, 105, 161, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c1cacd;
+}

package/dist/themes/linen.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Linen (light) — Cream cells and a sage accent; natural and soft for long sessions. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-linen,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-linen,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-linen,
+.kanuni-datagrid-root.kanuni-datagrid-palette-linen.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-linen.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-linen.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f2eedf;
+  --dg-surface: #fffdf6;
+  --dg-surface-header: #ebe7d2;
+  --dg-surface-hover: #f5f4ec;
+  --dg-surface-stripe: #fbf9f2;
+  --dg-border: #e5e4dc;
+  --dg-border-strong: #cbcac3;
+  --dg-text: #262a20;
+  --dg-text-muted: #64665f;
+  --dg-primary: #4f6f3a;
+  --dg-primary-soft: #e8ebde;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #4f6f3a;
+  --dg-header-bg: #ebe7d2;
+  --dg-header-text: #262a20;
+  --dg-header-text-muted: #5e5f53;
+  --dg-header-hover: #dddac6;
+  --dg-selected-bg: #e8ebde;
+  --dg-group-bg: #f8f7f0;
+  --dg-footer-bg: #ebe7d2;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde791;
+  --dg-highlight-text: #262a20;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(79, 111, 58, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #cbcac3;
+}

package/dist/themes/midnight.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Midnight (dark) — Navy depth with a bright blue accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-midnight,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-midnight,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-midnight,
+.kanuni-datagrid-root.kanuni-datagrid-palette-midnight.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-midnight.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-midnight.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0a1122;
+  --dg-surface: #0f1830;
+  --dg-surface-header: #16223f;
+  --dg-surface-hover: #1f283f;
+  --dg-surface-stripe: #151e36;
+  --dg-border: #313950;
+  --dg-border-strong: #4e566b;
+  --dg-text: #e2e8f6;
+  --dg-text-muted: #a2a8b8;
+  --dg-primary: #60a5fa;
+  --dg-primary-soft: #243d65;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #60a5fa;
+  --dg-header-bg: #16223f;
+  --dg-header-text: #e2e8f6;
+  --dg-header-text-muted: #949db0;
+  --dg-header-hover: #24304c;
+  --dg-selected-bg: #243d65;
+  --dg-group-bg: #1a223a;
+  --dg-footer-bg: #16223f;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #664b22;
+  --dg-highlight-text: #e2e8f6;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(96, 165, 250, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #575f73;
+  --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/mist.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Mist (light) — Cool grey surfaces and a steel-blue accent for analytical work. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-mist,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-mist,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-mist,
+.kanuni-datagrid-root.kanuni-datagrid-palette-mist.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-mist.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-mist.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eef1f5;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #e8edf3;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e3e5;
+  --dg-border-strong: #c5c7cc;
+  --dg-text: #0f172a;
+  --dg-text-muted: #656975;
+  --dg-primary: #3e5f8a;
+  --dg-primary-soft: #e6eaf0;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #3e5f8a;
+  --dg-header-bg: #e8edf3;
+  --dg-header-text: #0f172a;
+  --dg-header-text-muted: #5a606d;
+  --dg-header-hover: #d9dee5;
+  --dg-selected-bg: #e6eaf0;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #e8edf3;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #0f172a;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(62, 95, 138, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5c7cc;
+}

package/dist/themes/monochrome.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Monochrome (light) — Pure greyscale: no hue anywhere, the accent is ink. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-monochrome,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-monochrome,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-monochrome,
+.kanuni-datagrid-root.kanuni-datagrid-palette-monochrome.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-monochrome.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-monochrome.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f2f2f2;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #efefef;
+  --dg-surface-hover: #f4f4f4;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e2e2;
+  --dg-border-strong: #c6c6c6;
+  --dg-text: #111111;
+  --dg-text-muted: #636363;
+  --dg-primary: #262626;
+  --dg-primary-soft: #e3e3e3;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #262626;
+  --dg-header-bg: #efefef;
+  --dg-header-text: #111111;
+  --dg-header-text-muted: #626262;
+  --dg-header-hover: #dfdfdf;
+  --dg-selected-bg: #e3e3e3;
+  --dg-group-bg: #f8f8f8;
+  --dg-footer-bg: #efefef;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #111111;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(38, 38, 38, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6c6c6;
+}

package/dist/themes/onyx.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Onyx (dark) — Soft black for OLED screens, with a lilac accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-onyx,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-onyx,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-onyx,
+.kanuni-datagrid-root.kanuni-datagrid-palette-onyx.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-onyx.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-onyx.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0d0d0f;
+  --dg-surface: #141416;
+  --dg-surface-header: #1b1b1f;
+  --dg-surface-hover: #242426;
+  --dg-surface-stripe: #1a1a1d;
+  --dg-border: #373739;
+  --dg-border-strong: #555557;
+  --dg-text: #ececef;
+  --dg-text-muted: #a7a7a9;
+  --dg-primary: #b4a5f5;
+  --dg-primary-soft: #3e3a50;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #b4a5f5;
+  --dg-header-bg: #1b1b1f;
+  --dg-header-text: #ececef;
+  --dg-header-text-muted: #9d9da0;
+  --dg-header-hover: #2a2a2e;
+  --dg-selected-bg: #3e3a50;
+  --dg-group-bg: #1f1f21;
+  --dg-footer-bg: #1b1b1f;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #6a4812;
+  --dg-highlight-text: #ececef;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(180, 165, 245, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #5d5d60;
+  --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/orchid.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Orchid (light) — Soft violet band and a vivid violet accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-orchid,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-orchid,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-orchid,
+.kanuni-datagrid-root.kanuni-datagrid-palette-orchid.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-orchid.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-orchid.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f8eefc;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f4e4fc;
+  --dg-surface-hover: #f5f4f6;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e5e3e6;
+  --dg-border-strong: #cac6cd;
+  --dg-text: #24122f;
+  --dg-text-muted: #6e6475;
+  --dg-primary: #9333ea;
+  --dg-primary-soft: #f1e4fc;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #9333ea;
+  --dg-header-bg: #f4e4fc;
+  --dg-header-text: #24122f;
+  --dg-header-text-muted: #685871;
+  --dg-header-hover: #e5d5ee;
+  --dg-selected-bg: #f1e4fc;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #f4e4fc;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #24122f;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(147, 51, 234, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #cac6cd;
+}

package/dist/themes/porcelain.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Porcelain (light) — Crisp white, cool ink and a clear blue — the everyday default. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-porcelain,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-porcelain,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-porcelain,
+.kanuni-datagrid-root.kanuni-datagrid-palette-porcelain.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-porcelain.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-porcelain.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f5f6f8;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f3f4f6;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e3e5;
+  --dg-border-strong: #c6c8cb;
+  --dg-text: #111827;
+  --dg-text-muted: #666a73;
+  --dg-primary: #2563eb;
+  --dg-primary-soft: #e3ebfc;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #2563eb;
+  --dg-header-bg: #f3f4f6;
+  --dg-header-text: #111827;
+  --dg-header-text-muted: #626770;
+  --dg-header-hover: #e3e5e8;
+  --dg-selected-bg: #e3ebfc;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #f3f4f6;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #111827;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(37, 99, 235, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6c8cb;
+}

package/dist/themes/rose.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Rose (light) — A blush band and a muted crimson accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-rose,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-rose,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-rose,
+.kanuni-datagrid-root.kanuni-datagrid-palette-rose.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-rose.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-rose.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #fbf0f2;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f9e7eb;
+  --dg-surface-hover: #f5f4f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e5e3e3;
+  --dg-border-strong: #ccc6c8;
+  --dg-text: #2a1218;
+  --dg-text-muted: #6f6165;
+  --dg-primary: #be123c;
+  --dg-primary-soft: #f7e0e6;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #be123c;
+  --dg-header-bg: #f9e7eb;
+  --dg-header-text: #2a1218;
+  --dg-header-text-muted: #705c60;
+  --dg-header-hover: #ebd8dc;
+  --dg-selected-bg: #f7e0e6;
+  --dg-group-bg: #f9f8f8;
+  --dg-footer-bg: #f9e7eb;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #2a1218;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(190, 18, 60, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #ccc6c8;
+}

package/dist/themes/sandstone.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Sandstone (light) — Sand and beige with a terracotta accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-sandstone,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-sandstone,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-sandstone,
+.kanuni-datagrid-root.kanuni-datagrid-palette-sandstone.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-sandstone.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-sandstone.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f1e8da;
+  --dg-surface: #fdf9f3;
+  --dg-surface-header: #efe2cf;
+  --dg-surface-hover: #f4f0ea;
+  --dg-surface-stripe: #f9f5ef;
+  --dg-border: #e6e1da;
+  --dg-border-strong: #cec8c1;
+  --dg-text: #3a2d22;
+  --dg-text-muted: #6b645c;
+  --dg-primary: #b4532a;
+  --dg-primary-soft: #f4e3d9;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #b4532a;
+  --dg-header-bg: #efe2cf;
+  --dg-header-text: #3a2d22;
+  --dg-header-text-muted: #645a4f;
+  --dg-header-hover: #e2d5c3;
+  --dg-selected-bg: #f4e3d9;
+  --dg-group-bg: #f7f3ed;
+  --dg-footer-bg: #efe2cf;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d22424;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fce58f;
+  --dg-highlight-text: #3a2d22;
+  --dg-note-marker: #d22424;
+  --dg-flash-bg: rgba(180, 83, 42, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #cec8c1;
+}