@kanunilabs/datagrid 1.5.0 → 1.7.0

package/dist/themes/amber.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Amber (light) — Honey band and an amber accent; warm and bright. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-amber,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-amber,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-amber,
+.kanuni-datagrid-root.kanuni-datagrid-palette-amber.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-amber.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-amber.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #fcf3d6;
+  --dg-surface: #fffefa;
+  --dg-surface-header: #fbecbd;
+  --dg-surface-hover: #f5f4ef;
+  --dg-surface-stripe: #fbfaf6;
+  --dg-border: #e5e3de;
+  --dg-border-strong: #ccc8c1;
+  --dg-text: #2a1f0e;
+  --dg-text-muted: #6f695d;
+  --dg-primary: #a16207;
+  --dg-primary-soft: #f3eada;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #a16207;
+  --dg-header-bg: #fbecbd;
+  --dg-header-text: #2a1f0e;
+  --dg-header-text-muted: #6a5f47;
+  --dg-header-hover: #ecdeb1;
+  --dg-selected-bg: #f3eada;
+  --dg-group-bg: #f9f7f3;
+  --dg-footer-bg: #fbecbd;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde893;
+  --dg-highlight-text: #2a1f0e;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(161, 98, 7, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #ccc8c1;
+}

package/dist/themes/aubergine.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Aubergine (dark) — Plum-dark surfaces with a soft violet accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-aubergine,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-aubergine,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-aubergine,
+.kanuni-datagrid-root.kanuni-datagrid-palette-aubergine.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-aubergine.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-aubergine.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #1a0e1d;
+  --dg-surface: #221326;
+  --dg-surface-header: #321d38;
+  --dg-surface-hover: #322336;
+  --dg-surface-stripe: #28192c;
+  --dg-border: #433547;
+  --dg-border-strong: #605264;
+  --dg-text: #f2e6f5;
+  --dg-text-muted: #b8aeba;
+  --dg-primary: #e9a6f5;
+  --dg-primary-soft: #56395c;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #e9a6f5;
+  --dg-header-bg: #321d38;
+  --dg-header-text: #f2e6f5;
+  --dg-header-text-muted: #a99aad;
+  --dg-header-hover: #3f2b45;
+  --dg-selected-bg: #56395c;
+  --dg-group-bg: #2c1e30;
+  --dg-footer-bg: #321d38;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #72481c;
+  --dg-highlight-text: #f2e6f5;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(233, 166, 245, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #695b6c;
+  --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/azure.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Azure (light) — A blue-tinted header band and a confident blue accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-azure,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-azure,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-azure,
+.kanuni-datagrid-root.kanuni-datagrid-palette-azure.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-azure.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-azure.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #e1ebfc;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #d6e4fc;
+  --dg-surface-hover: #f4f5f6;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e4e7;
+  --dg-border-strong: #c5c8ce;
+  --dg-text: #0f1b33;
+  --dg-text-muted: #5d6472;
+  --dg-primary: #1a56db;
+  --dg-primary-soft: #e1e9fa;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #1a56db;
+  --dg-header-bg: #d6e4fc;
+  --dg-header-text: #0f1b33;
+  --dg-header-text-muted: #525d73;
+  --dg-header-hover: #c8d6ee;
+  --dg-selected-bg: #e1e9fa;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #d6e4fc;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #0f1b33;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(26, 86, 219, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c5c8ce;
+}

package/dist/themes/burgundy.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Burgundy (dark) — Wine-dark and a rose accent; warm for a dark. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-burgundy,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-burgundy,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-burgundy,
+.kanuni-datagrid-root.kanuni-datagrid-palette-burgundy.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-burgundy.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-burgundy.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #1a0f14;
+  --dg-surface: #22141a;
+  --dg-surface-header: #311c25;
+  --dg-surface-hover: #32242a;
+  --dg-surface-stripe: #281a20;
+  --dg-border: #43363b;
+  --dg-border-strong: #615358;
+  --dg-text: #f3e6ea;
+  --dg-text-muted: #ada1a5;
+  --dg-primary: #fb7185;
+  --dg-primary-soft: #5a2c36;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #fb7185;
+  --dg-header-bg: #311c25;
+  --dg-header-text: #f3e6ea;
+  --dg-header-text-muted: #a9999f;
+  --dg-header-hover: #3f2a33;
+  --dg-selected-bg: #5a2c36;
+  --dg-group-bg: #2c1f24;
+  --dg-footer-bg: #311c25;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #724814;
+  --dg-highlight-text: #f3e6ea;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(251, 113, 133, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #695b61;
+  --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/charcoal.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Charcoal (dark) — Neutral charcoal with a soft blue accent; the everyday dark. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-charcoal,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-charcoal,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-charcoal,
+.kanuni-datagrid-root.kanuni-datagrid-palette-charcoal.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-charcoal.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-charcoal.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #18191b;
+  --dg-surface: #1f2023;
+  --dg-surface-header: #26272b;
+  --dg-surface-hover: #2e2f32;
+  --dg-surface-stripe: #252629;
+  --dg-border: #3f4043;
+  --dg-border-strong: #5b5c5f;
+  --dg-text: #e8e8eb;
+  --dg-text-muted: #b5b5b7;
+  --dg-primary: #8ab4f8;
+  --dg-primary-soft: #3b465a;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #8ab4f8;
+  --dg-header-bg: #26272b;
+  --dg-header-text: #e8e8eb;
+  --dg-header-text-muted: #9e9fa2;
+  --dg-header-hover: #343538;
+  --dg-selected-bg: #3b465a;
+  --dg-group-bg: #292a2d;
+  --dg-footer-bg: #26272b;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #70501a;
+  --dg-highlight-text: #e8e8eb;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(138, 180, 248, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #636467;
+  --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/contrast-dark.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* High contrast dark (dark) — White on black with bright rules and a yellow accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-dark,
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-dark.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-dark.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-dark.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #000000;
+  --dg-surface: #000000;
+  --dg-surface-header: #1a1a1a;
+  --dg-surface-hover: #131313;
+  --dg-surface-stripe: #080808;
+  --dg-border: #a3a3a3;
+  --dg-border-strong: #ffffff;
+  --dg-text: #ffffff;
+  --dg-text-muted: #e0e0e0;
+  --dg-primary: #ffd60a;
+  --dg-primary-soft: #423803;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #ffd60a;
+  --dg-header-bg: #1a1a1a;
+  --dg-header-text: #ffffff;
+  --dg-header-text-muted: #e0e0e0;
+  --dg-header-hover: #2a2a2a;
+  --dg-selected-bg: #423803;
+  --dg-group-bg: #0d0d0d;
+  --dg-footer-bg: #1a1a1a;
+  --dg-danger: #ff6b6b;
+  --dg-danger-text: #ff6b6b;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #ffd60a;
+  --dg-highlight-bg: #5d3c04;
+  --dg-highlight-text: #ffffff;
+  --dg-note-marker: #ff6b6b;
+  --dg-flash-bg: rgba(255, 214, 10, 0.35);
+  --dg-find-active-ring: #ffd60a;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #575757;
+  --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/contrast-light.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* High contrast light (light) — Black on white with strong rules, for low vision and bright rooms. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-light,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-light,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-light,
+.kanuni-datagrid-root.kanuni-datagrid-palette-contrast-light.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-contrast-light.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-contrast-light.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #ffffff;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #e8e8e8;
+  --dg-surface-hover: #f4f4f4;
+  --dg-surface-stripe: #fafafa;
+  --dg-border: #5c5c5c;
+  --dg-border-strong: #000000;
+  --dg-text: #000000;
+  --dg-text-muted: #2b2b2b;
+  --dg-primary: #0033cc;
+  --dg-primary-soft: #dee4f8;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #0033cc;
+  --dg-header-bg: #e8e8e8;
+  --dg-header-text: #000000;
+  --dg-header-text-muted: #2b2b2b;
+  --dg-header-hover: #d8d8d8;
+  --dg-selected-bg: #dee4f8;
+  --dg-group-bg: #f7f7f7;
+  --dg-footer-bg: #e8e8e8;
+  --dg-danger: #b00020;
+  --dg-danger-text: #b00020;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #7a4100;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #000000;
+  --dg-note-marker: #b00020;
+  --dg-flash-bg: rgba(0, 51, 204, 0.35);
+  --dg-find-active-ring: #7a4100;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c2c2c2;
+}

package/dist/themes/coral.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Coral (light) — Peach band and a coral-orange accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-coral,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-coral,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-coral,
+.kanuni-datagrid-root.kanuni-datagrid-palette-coral.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-coral.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-coral.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #fdece6;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #fcdccf;
+  --dg-surface-hover: #f5f5f4;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e6e3e2;
+  --dg-border-strong: #ccc8c6;
+  --dg-text: #2b1810;
+  --dg-text-muted: #6d625e;
+  --dg-primary: #c2410c;
+  --dg-primary-soft: #f7e6df;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #c2410c;
+  --dg-header-bg: #fcdccf;
+  --dg-header-text: #2b1810;
+  --dg-header-text-muted: #6b564e;
+  --dg-header-hover: #edcec2;
+  --dg-selected-bg: #f7e6df;
+  --dg-group-bg: #f9f8f8;
+  --dg-footer-bg: #fcdccf;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #2b1810;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(194, 65, 12, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #ccc8c6;
+}

package/dist/themes/corporate.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Corporate (light) — An ink header band over white cells; boardroom-formal. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-corporate,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-corporate,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-corporate,
+.kanuni-datagrid-root.kanuni-datagrid-palette-corporate.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-corporate.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-corporate.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eef1f5;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #f7f7f7;
+  --dg-surface-hover: #f4f5f5;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e3e5;
+  --dg-border-strong: #c6c8cb;
+  --dg-text: #111827;
+  --dg-text-muted: #666a73;
+  --dg-primary: #3b82f6;
+  --dg-primary-soft: #e6effe;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #3b82f6;
+  --dg-header-bg: #1e293b;
+  --dg-header-text: #f1f5f9;
+  --dg-header-text-muted: #a1a7b1;
+  --dg-header-hover: #2d3748;
+  --dg-selected-bg: #e6effe;
+  --dg-group-bg: #f8f8f9;
+  --dg-footer-bg: #f7f7f7;
+  --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(59, 130, 246, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6c8cb;
+}

package/dist/themes/deep-sea.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Deep sea (dark) — Dark teal water and an aqua accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-deep-sea,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-deep-sea,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-deep-sea,
+.kanuni-datagrid-root.kanuni-datagrid-palette-deep-sea.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-deep-sea.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-deep-sea.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0a1719;
+  --dg-surface: #0f2023;
+  --dg-surface-header: #152f31;
+  --dg-surface-hover: #1f3032;
+  --dg-surface-stripe: #152629;
+  --dg-border: #304144;
+  --dg-border-strong: #4e5e60;
+  --dg-text: #e0f0ef;
+  --dg-text-muted: #adb9b9;
+  --dg-primary: #2dd4bf;
+  --dg-primary-soft: #174f4c;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #2dd4bf;
+  --dg-header-bg: #152f31;
+  --dg-header-text: #e0f0ef;
+  --dg-header-text-muted: #93a7a7;
+  --dg-header-hover: #233d3e;
+  --dg-selected-bg: #174f4c;
+  --dg-group-bg: #192a2d;
+  --dg-footer-bg: #152f31;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #66501a;
+  --dg-highlight-text: #e0f0ef;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(45, 212, 191, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #566768;
+  --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/editorial.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Editorial (light) — Paper white and deep red, like a printed report. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-editorial,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-editorial,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-editorial,
+.kanuni-datagrid-root.kanuni-datagrid-palette-editorial.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-editorial.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-editorial.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #f7f5f0;
+  --dg-surface: #fffefb;
+  --dg-surface-header: #fffefb;
+  --dg-surface-hover: #f5f4f1;
+  --dg-surface-stripe: #fbfaf7;
+  --dg-border: #e4dfd5;
+  --dg-border-strong: #c8c7c5;
+  --dg-text: #1a1a1a;
+  --dg-text-muted: #666665;
+  --dg-primary: #a31d1d;
+  --dg-primary-soft: #f3e1de;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #a31d1d;
+  --dg-header-bg: #fffefb;
+  --dg-header-text: #1a1a1a;
+  --dg-header-text-muted: #6b6b6a;
+  --dg-header-hover: #efeeeb;
+  --dg-selected-bg: #f3e1de;
+  --dg-group-bg: #f8f7f4;
+  --dg-footer-bg: #fffefb;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde894;
+  --dg-highlight-text: #1a1a1a;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(163, 29, 29, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c8c7c5;
+}

package/dist/themes/ember.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Ember (dark) — Brown-black with a glowing amber accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-ember,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ember,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ember,
+.kanuni-datagrid-root.kanuni-datagrid-palette-ember.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-ember.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-ember.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #17130d;
+  --dg-surface: #1f1a12;
+  --dg-surface-header: #2c2418;
+  --dg-surface-hover: #2f2a21;
+  --dg-surface-stripe: #252018;
+  --dg-border: #413b32;
+  --dg-border-strong: #5e594f;
+  --dg-text: #f2ebdd;
+  --dg-text-muted: #b9b5ac;
+  --dg-primary: #fbbf24;
+  --dg-primary-soft: #584517;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #fbbf24;
+  --dg-header-bg: #2c2418;
+  --dg-header-text: #f2ebdd;
+  --dg-header-text-muted: #a79f92;
+  --dg-header-hover: #3a3226;
+  --dg-selected-bg: #584517;
+  --dg-group-bg: #2a241c;
+  --dg-footer-bg: #2c2418;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #704c0f;
+  --dg-highlight-text: #f2ebdd;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(251, 191, 36, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #676157;
+  --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/emerald.css

@@ -0,0 +1,41 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Emerald (light) — Green-tinted band and an emerald accent; good for finance. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-emerald,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-emerald,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-emerald,
+.kanuni-datagrid-root.kanuni-datagrid-palette-emerald.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-emerald.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-emerald.kanuni-datagrid-dark {
+  color-scheme: light;
+  --dg-bg: #eaf7e8;
+  --dg-surface: #ffffff;
+  --dg-surface-header: #ddf3d8;
+  --dg-surface-hover: #f4f5f4;
+  --dg-surface-stripe: #fbfbfb;
+  --dg-border: #e2e5e2;
+  --dg-border-strong: #c6cac5;
+  --dg-text: #11240d;
+  --dg-text-muted: #616b5f;
+  --dg-primary: #15803d;
+  --dg-primary-soft: #e1eee6;
+  --dg-on-primary: #ffffff;
+  --dg-focus-ring: #15803d;
+  --dg-header-bg: #ddf3d8;
+  --dg-header-text: #11240d;
+  --dg-header-text-muted: #54654f;
+  --dg-header-hover: #cfe5ca;
+  --dg-selected-bg: #e1eee6;
+  --dg-group-bg: #f8f8f8;
+  --dg-footer-bg: #ddf3d8;
+  --dg-danger: #dc2626;
+  --dg-danger-text: #d72525;
+  --dg-on-danger: #ffffff;
+  --dg-warning: #b45309;
+  --dg-highlight-bg: #fde896;
+  --dg-highlight-text: #11240d;
+  --dg-note-marker: #d72525;
+  --dg-flash-bg: rgba(21, 128, 61, 0.35);
+  --dg-find-active-ring: #b45309;
+  --dg-overlay: rgba(15, 23, 42, 0.5);
+  --dg-scrollbar-thumb: #c6cac5;
+}

package/dist/themes/forest.css

@@ -0,0 +1,49 @@
+/* KanuniLabs DataGrid colour scheme — generated from the shared scheme source; edit the scheme, not this file. */
+/* Forest (dark) — Deep green-black with an emerald accent. */
+.kanuni-datagrid-root.kanuni-datagrid-palette-forest,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-forest,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-forest,
+.kanuni-datagrid-root.kanuni-datagrid-palette-forest.kanuni-datagrid-dark,
+.kanuni-datagrid-enterprise.kanuni-datagrid-palette-forest.kanuni-datagrid-dark,
+.kanuni-datagrid-detached.kanuni-datagrid-palette-forest.kanuni-datagrid-dark {
+  color-scheme: dark;
+  --dg-bg: #0b1712;
+  --dg-surface: #10201a;
+  --dg-surface-header: #173027;
+  --dg-surface-hover: #20302a;
+  --dg-surface-stripe: #162620;
+  --dg-border: #32413b;
+  --dg-border-strong: #4f5e58;
+  --dg-text: #e2f0ea;
+  --dg-text-muted: #abb6b2;
+  --dg-primary: #34d399;
+  --dg-primary-soft: #194f3b;
+  --dg-on-primary: #0b0d12;
+  --dg-focus-ring: #34d399;
+  --dg-header-bg: #173027;
+  --dg-header-text: #e2f0ea;
+  --dg-header-text-muted: #95a7a0;
+  --dg-header-hover: #253d35;
+  --dg-selected-bg: #194f3b;
+  --dg-group-bg: #1b2a24;
+  --dg-footer-bg: #173027;
+  --dg-danger: #f87171;
+  --dg-danger-text: #f87171;
+  --dg-on-danger: #0b0d12;
+  --dg-warning: #fbbf24;
+  --dg-highlight-bg: #675014;
+  --dg-highlight-text: #e2f0ea;
+  --dg-note-marker: #f87171;
+  --dg-flash-bg: rgba(52, 211, 153, 0.35);
+  --dg-find-active-ring: #fbbf24;
+  --dg-overlay: rgba(0, 0, 0, 0.7);
+  --dg-scrollbar-thumb: #576761;
+  --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);
+}