@svgrid/grid 2.0.2 → 2.1.0

package/themes/antd.css

@@ -0,0 +1,59 @@
+/* Ant Design - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: rgba(0, 0, 0, 0.88);
+  --sg-muted: rgba(0, 0, 0, 0.65);
+  --sg-border: #d9d9d9;
+  --sg-header-bg: #fafafa;
+  --sg-header-fg: rgba(0, 0, 0, 0.88);
+  --sg-bg-subtle: #fafafa;
+  --sg-row-alt-bg: #ffffff;
+  --sg-row-hover-bg: #f5f5f5;
+  --sg-selection-bg: #e6f4ff;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #d9d9d9;
+  --sg-accent: #1677ff;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
+  --sg-scrollbar-bg: #fafafa;
+  --sg-scrollbar-border: #d9d9d9;
+  --sg-scrollbar-thumb: rgba(0, 0, 0, 0.65);
+  --sg-scrollbar-thumb-hover: rgba(0, 0, 0, 0.88);
+  --sg-scrollbar-thumb-active: rgba(0, 0, 0, 0.88);
+  --sg-scrollbar-arrow: rgba(0, 0, 0, 0.65);
+  --sg-scrollbar-arrow-hover: rgba(0, 0, 0, 0.88);
+  --sg-scrollbar-arrow-hover-bg: #f5f5f5;
+  --sg-scrollbar-arrow-active: rgba(0, 0, 0, 0.88);
+  --sg-scrollbar-arrow-active-bg: #e6f4ff;
+  --sg-scrollbar-arrow-disabled: #d9d9d9;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #141414;
+  --sg-fg: rgba(255, 255, 255, 0.85);
+  --sg-muted: rgba(255, 255, 255, 0.65);
+  --sg-border: #424242;
+  --sg-header-bg: #1f1f1f;
+  --sg-header-fg: rgba(255, 255, 255, 0.85);
+  --sg-bg-subtle: #1f1f1f;
+  --sg-row-alt-bg: #141414;
+  --sg-row-hover-bg: #262626;
+  --sg-selection-bg: #111a2c;
+  --sg-input-bg: #141414;
+  --sg-input-border: #424242;
+  --sg-accent: #177ddc;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", sans-serif;
+  --sg-scrollbar-bg: #1f1f1f;
+  --sg-scrollbar-border: #424242;
+  --sg-scrollbar-thumb: rgba(255, 255, 255, 0.65);
+  --sg-scrollbar-thumb-hover: rgba(255, 255, 255, 0.85);
+  --sg-scrollbar-thumb-active: rgba(255, 255, 255, 0.85);
+  --sg-scrollbar-arrow: rgba(255, 255, 255, 0.65);
+  --sg-scrollbar-arrow-hover: rgba(255, 255, 255, 0.85);
+  --sg-scrollbar-arrow-hover-bg: #262626;
+  --sg-scrollbar-arrow-active: rgba(255, 255, 255, 0.85);
+  --sg-scrollbar-arrow-active-bg: #111a2c;
+  --sg-scrollbar-arrow-disabled: #424242;
+}

package/themes/atlassian.css

@@ -0,0 +1,59 @@
+/* Atlassian - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #172b4d;
+  --sg-muted: #44546f;
+  --sg-border: #dcdfe4;
+  --sg-header-bg: #fafbfc;
+  --sg-header-fg: #44546f;
+  --sg-bg-subtle: #fafbfc;
+  --sg-row-alt-bg: #ffffff;
+  --sg-row-hover-bg: #f1f2f4;
+  --sg-selection-bg: #e9f2ff;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #dcdfe4;
+  --sg-accent: #0c66e4;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 3px;
+  --sg-font: "Charlie Display", "Atlassian Sans", -apple-system, "Segoe UI", sans-serif;
+  --sg-scrollbar-bg: #fafbfc;
+  --sg-scrollbar-border: #dcdfe4;
+  --sg-scrollbar-thumb: #44546f;
+  --sg-scrollbar-thumb-hover: #172b4d;
+  --sg-scrollbar-thumb-active: #172b4d;
+  --sg-scrollbar-arrow: #44546f;
+  --sg-scrollbar-arrow-hover: #172b4d;
+  --sg-scrollbar-arrow-hover-bg: #f1f2f4;
+  --sg-scrollbar-arrow-active: #172b4d;
+  --sg-scrollbar-arrow-active-bg: #e9f2ff;
+  --sg-scrollbar-arrow-disabled: #dcdfe4;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #1d2125;
+  --sg-fg: #b6c2cf;
+  --sg-muted: #8590a2;
+  --sg-border: #38414a;
+  --sg-header-bg: #22272b;
+  --sg-header-fg: #8590a2;
+  --sg-bg-subtle: #22272b;
+  --sg-row-alt-bg: #1d2125;
+  --sg-row-hover-bg: #2c333a;
+  --sg-selection-bg: #09326c;
+  --sg-input-bg: #1d2125;
+  --sg-input-border: #38414a;
+  --sg-accent: #579dff;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 3px;
+  --sg-font: "Charlie Display", "Atlassian Sans", -apple-system, "Segoe UI", sans-serif;
+  --sg-scrollbar-bg: #22272b;
+  --sg-scrollbar-border: #38414a;
+  --sg-scrollbar-thumb: #8590a2;
+  --sg-scrollbar-thumb-hover: #b6c2cf;
+  --sg-scrollbar-thumb-active: #b6c2cf;
+  --sg-scrollbar-arrow: #8590a2;
+  --sg-scrollbar-arrow-hover: #b6c2cf;
+  --sg-scrollbar-arrow-hover-bg: #2c333a;
+  --sg-scrollbar-arrow-active: #b6c2cf;
+  --sg-scrollbar-arrow-active-bg: #09326c;
+  --sg-scrollbar-arrow-disabled: #38414a;
+}

package/themes/bootstrap.css

@@ -0,0 +1,59 @@
+/* Bootstrap 5 - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #212529;
+  --sg-muted: #6c757d;
+  --sg-border: #dee2e6;
+  --sg-header-bg: #f8f9fa;
+  --sg-header-fg: #212529;
+  --sg-bg-subtle: #f8f9fa;
+  --sg-row-alt-bg: #fcfcfd;
+  --sg-row-hover-bg: #f2f2f2;
+  --sg-selection-bg: #cfe2ff;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #dee2e6;
+  --sg-accent: #0d6efd;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --sg-scrollbar-bg: #f8f9fa;
+  --sg-scrollbar-border: #dee2e6;
+  --sg-scrollbar-thumb: #6c757d;
+  --sg-scrollbar-thumb-hover: #212529;
+  --sg-scrollbar-thumb-active: #212529;
+  --sg-scrollbar-arrow: #6c757d;
+  --sg-scrollbar-arrow-hover: #212529;
+  --sg-scrollbar-arrow-hover-bg: #f2f2f2;
+  --sg-scrollbar-arrow-active: #212529;
+  --sg-scrollbar-arrow-active-bg: #cfe2ff;
+  --sg-scrollbar-arrow-disabled: #dee2e6;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #212529;
+  --sg-fg: #dee2e6;
+  --sg-muted: #adb5bd;
+  --sg-border: #495057;
+  --sg-header-bg: #2b3035;
+  --sg-header-fg: #dee2e6;
+  --sg-bg-subtle: #2b3035;
+  --sg-row-alt-bg: #25292e;
+  --sg-row-hover-bg: #2c3034;
+  --sg-selection-bg: #031633;
+  --sg-input-bg: #212529;
+  --sg-input-border: #495057;
+  --sg-accent: #0d6efd;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --sg-scrollbar-bg: #2b3035;
+  --sg-scrollbar-border: #495057;
+  --sg-scrollbar-thumb: #adb5bd;
+  --sg-scrollbar-thumb-hover: #dee2e6;
+  --sg-scrollbar-thumb-active: #dee2e6;
+  --sg-scrollbar-arrow: #adb5bd;
+  --sg-scrollbar-arrow-hover: #dee2e6;
+  --sg-scrollbar-arrow-hover-bg: #2c3034;
+  --sg-scrollbar-arrow-active: #dee2e6;
+  --sg-scrollbar-arrow-active-bg: #031633;
+  --sg-scrollbar-arrow-disabled: #495057;
+}

package/themes/carbon.css

@@ -0,0 +1,59 @@
+/* Carbon - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #161616;
+  --sg-muted: #525252;
+  --sg-border: #e0e0e0;
+  --sg-header-bg: #e0e0e0;
+  --sg-header-fg: #161616;
+  --sg-bg-subtle: #e0e0e0;
+  --sg-row-alt-bg: #f4f4f4;
+  --sg-row-hover-bg: #e8e8e8;
+  --sg-selection-bg: #d0e2ff;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #e0e0e0;
+  --sg-accent: #0f62fe;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 0px;
+  --sg-font: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
+  --sg-scrollbar-bg: #e0e0e0;
+  --sg-scrollbar-border: #e0e0e0;
+  --sg-scrollbar-thumb: #525252;
+  --sg-scrollbar-thumb-hover: #161616;
+  --sg-scrollbar-thumb-active: #161616;
+  --sg-scrollbar-arrow: #525252;
+  --sg-scrollbar-arrow-hover: #161616;
+  --sg-scrollbar-arrow-hover-bg: #e8e8e8;
+  --sg-scrollbar-arrow-active: #161616;
+  --sg-scrollbar-arrow-active-bg: #d0e2ff;
+  --sg-scrollbar-arrow-disabled: #e0e0e0;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #161616;
+  --sg-fg: #f4f4f4;
+  --sg-muted: #c6c6c6;
+  --sg-border: #393939;
+  --sg-header-bg: #393939;
+  --sg-header-fg: #f4f4f4;
+  --sg-bg-subtle: #393939;
+  --sg-row-alt-bg: #262626;
+  --sg-row-hover-bg: #333333;
+  --sg-selection-bg: #393939;
+  --sg-input-bg: #161616;
+  --sg-input-border: #393939;
+  --sg-accent: #78a9ff;
+  --sg-on-accent: #18181b;
+  --sg-radius: 0px;
+  --sg-font: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
+  --sg-scrollbar-bg: #393939;
+  --sg-scrollbar-border: #393939;
+  --sg-scrollbar-thumb: #c6c6c6;
+  --sg-scrollbar-thumb-hover: #f4f4f4;
+  --sg-scrollbar-thumb-active: #f4f4f4;
+  --sg-scrollbar-arrow: #c6c6c6;
+  --sg-scrollbar-arrow-hover: #f4f4f4;
+  --sg-scrollbar-arrow-hover-bg: #333333;
+  --sg-scrollbar-arrow-active: #f4f4f4;
+  --sg-scrollbar-arrow-active-bg: #393939;
+  --sg-scrollbar-arrow-disabled: #393939;
+}

package/themes/catppuccin.css

@@ -0,0 +1,59 @@
+/* Catppuccin - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #eff1f5;
+  --sg-fg: #4c4f69;
+  --sg-muted: #6c6f85;
+  --sg-border: #ccd0da;
+  --sg-header-bg: #e6e9ef;
+  --sg-header-fg: #4c4f69;
+  --sg-bg-subtle: #e6e9ef;
+  --sg-row-alt-bg: #e6e9ef;
+  --sg-row-hover-bg: #dce0e8;
+  --sg-selection-bg: #dce0e8;
+  --sg-input-bg: #eff1f5;
+  --sg-input-border: #ccd0da;
+  --sg-accent: #8839ef;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 8px;
+  --sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --sg-scrollbar-bg: #e6e9ef;
+  --sg-scrollbar-border: #ccd0da;
+  --sg-scrollbar-thumb: #6c6f85;
+  --sg-scrollbar-thumb-hover: #4c4f69;
+  --sg-scrollbar-thumb-active: #4c4f69;
+  --sg-scrollbar-arrow: #6c6f85;
+  --sg-scrollbar-arrow-hover: #4c4f69;
+  --sg-scrollbar-arrow-hover-bg: #dce0e8;
+  --sg-scrollbar-arrow-active: #4c4f69;
+  --sg-scrollbar-arrow-active-bg: #dce0e8;
+  --sg-scrollbar-arrow-disabled: #ccd0da;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #1e1e2e;
+  --sg-fg: #cdd6f4;
+  --sg-muted: #a6adc8;
+  --sg-border: #313244;
+  --sg-header-bg: #181825;
+  --sg-header-fg: #cdd6f4;
+  --sg-bg-subtle: #181825;
+  --sg-row-alt-bg: #1a1a28;
+  --sg-row-hover-bg: #313244;
+  --sg-selection-bg: #45475a;
+  --sg-input-bg: #1e1e2e;
+  --sg-input-border: #313244;
+  --sg-accent: #cba6f7;
+  --sg-on-accent: #18181b;
+  --sg-radius: 8px;
+  --sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --sg-scrollbar-bg: #181825;
+  --sg-scrollbar-border: #313244;
+  --sg-scrollbar-thumb: #a6adc8;
+  --sg-scrollbar-thumb-hover: #cdd6f4;
+  --sg-scrollbar-thumb-active: #cdd6f4;
+  --sg-scrollbar-arrow: #a6adc8;
+  --sg-scrollbar-arrow-hover: #cdd6f4;
+  --sg-scrollbar-arrow-hover-bg: #313244;
+  --sg-scrollbar-arrow-active: #cdd6f4;
+  --sg-scrollbar-arrow-active-bg: #45475a;
+  --sg-scrollbar-arrow-disabled: #313244;
+}

package/themes/dracula.css

@@ -0,0 +1,59 @@
+/* Dracula - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #fffbeb;
+  --sg-fg: #1f1f1f;
+  --sg-muted: #6c664b;
+  --sg-border: #dedccf;
+  --sg-header-bg: #ece9df;
+  --sg-header-fg: #1f1f1f;
+  --sg-bg-subtle: #ece9df;
+  --sg-row-alt-bg: #fffdf5;
+  --sg-row-hover-bg: #f2efe3;
+  --sg-selection-bg: #cfcfde;
+  --sg-input-bg: #fffbeb;
+  --sg-input-border: #dedccf;
+  --sg-accent: #644ac9;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --sg-scrollbar-bg: #ece9df;
+  --sg-scrollbar-border: #dedccf;
+  --sg-scrollbar-thumb: #6c664b;
+  --sg-scrollbar-thumb-hover: #1f1f1f;
+  --sg-scrollbar-thumb-active: #1f1f1f;
+  --sg-scrollbar-arrow: #6c664b;
+  --sg-scrollbar-arrow-hover: #1f1f1f;
+  --sg-scrollbar-arrow-hover-bg: #f2efe3;
+  --sg-scrollbar-arrow-active: #1f1f1f;
+  --sg-scrollbar-arrow-active-bg: #cfcfde;
+  --sg-scrollbar-arrow-disabled: #dedccf;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #282a36;
+  --sg-fg: #f8f8f2;
+  --sg-muted: #6272a4;
+  --sg-border: #44475a;
+  --sg-header-bg: #21222c;
+  --sg-header-fg: #f8f8f2;
+  --sg-bg-subtle: #21222c;
+  --sg-row-alt-bg: #2d2f3b;
+  --sg-row-hover-bg: #343746;
+  --sg-selection-bg: #44475a;
+  --sg-input-bg: #282a36;
+  --sg-input-border: #44475a;
+  --sg-accent: #bd93f9;
+  --sg-on-accent: #18181b;
+  --sg-radius: 6px;
+  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --sg-scrollbar-bg: #21222c;
+  --sg-scrollbar-border: #44475a;
+  --sg-scrollbar-thumb: #6272a4;
+  --sg-scrollbar-thumb-hover: #f8f8f2;
+  --sg-scrollbar-thumb-active: #f8f8f2;
+  --sg-scrollbar-arrow: #6272a4;
+  --sg-scrollbar-arrow-hover: #f8f8f2;
+  --sg-scrollbar-arrow-hover-bg: #343746;
+  --sg-scrollbar-arrow-active: #f8f8f2;
+  --sg-scrollbar-arrow-active-bg: #44475a;
+  --sg-scrollbar-arrow-disabled: #44475a;
+}

package/themes/excel.css

@@ -0,0 +1,59 @@
+/* Excel - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #323130;
+  --sg-muted: #605e5c;
+  --sg-border: #d2d0ce;
+  --sg-header-bg: #f3f2f1;
+  --sg-header-fg: #444444;
+  --sg-bg-subtle: #f3f2f1;
+  --sg-row-alt-bg: #ffffff;
+  --sg-row-hover-bg: #edebe9;
+  --sg-selection-bg: rgba(16, 124, 65, 0.10);
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #d2d0ce;
+  --sg-accent: #107c41;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 0px;
+  --sg-font: "Aptos", "Segoe UI", Calibri, Arial, sans-serif;
+  --sg-scrollbar-bg: #f3f2f1;
+  --sg-scrollbar-border: #d2d0ce;
+  --sg-scrollbar-thumb: #605e5c;
+  --sg-scrollbar-thumb-hover: #323130;
+  --sg-scrollbar-thumb-active: #323130;
+  --sg-scrollbar-arrow: #605e5c;
+  --sg-scrollbar-arrow-hover: #323130;
+  --sg-scrollbar-arrow-hover-bg: #edebe9;
+  --sg-scrollbar-arrow-active: #323130;
+  --sg-scrollbar-arrow-active-bg: rgba(16, 124, 65, 0.10);
+  --sg-scrollbar-arrow-disabled: #d2d0ce;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #1b1a19;
+  --sg-fg: #f3f2f1;
+  --sg-muted: #c8c6c4;
+  --sg-border: #3b3a39;
+  --sg-header-bg: #252423;
+  --sg-header-fg: #c8c6c4;
+  --sg-bg-subtle: #252423;
+  --sg-row-alt-bg: #1b1a19;
+  --sg-row-hover-bg: #323130;
+  --sg-selection-bg: rgba(88, 193, 136, 0.16);
+  --sg-input-bg: #1b1a19;
+  --sg-input-border: #3b3a39;
+  --sg-accent: #58c188;
+  --sg-on-accent: #18181b;
+  --sg-radius: 0px;
+  --sg-font: "Aptos", "Segoe UI", Calibri, Arial, sans-serif;
+  --sg-scrollbar-bg: #252423;
+  --sg-scrollbar-border: #3b3a39;
+  --sg-scrollbar-thumb: #c8c6c4;
+  --sg-scrollbar-thumb-hover: #f3f2f1;
+  --sg-scrollbar-thumb-active: #f3f2f1;
+  --sg-scrollbar-arrow: #c8c6c4;
+  --sg-scrollbar-arrow-hover: #f3f2f1;
+  --sg-scrollbar-arrow-hover-bg: #323130;
+  --sg-scrollbar-arrow-active: #f3f2f1;
+  --sg-scrollbar-arrow-active-bg: rgba(88, 193, 136, 0.16);
+  --sg-scrollbar-arrow-disabled: #3b3a39;
+}

package/themes/fluent.css

@@ -0,0 +1,59 @@
+/* Fluent 2 - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #242424;
+  --sg-muted: #616161;
+  --sg-border: #e0e0e0;
+  --sg-header-bg: #f5f5f5;
+  --sg-header-fg: #242424;
+  --sg-bg-subtle: #f5f5f5;
+  --sg-row-alt-bg: #fafafa;
+  --sg-row-hover-bg: #f0f0f0;
+  --sg-selection-bg: #ebebeb;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #e0e0e0;
+  --sg-accent: #0f6cbd;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 4px;
+  --sg-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
+  --sg-scrollbar-bg: #f5f5f5;
+  --sg-scrollbar-border: #e0e0e0;
+  --sg-scrollbar-thumb: #616161;
+  --sg-scrollbar-thumb-hover: #242424;
+  --sg-scrollbar-thumb-active: #242424;
+  --sg-scrollbar-arrow: #616161;
+  --sg-scrollbar-arrow-hover: #242424;
+  --sg-scrollbar-arrow-hover-bg: #f0f0f0;
+  --sg-scrollbar-arrow-active: #242424;
+  --sg-scrollbar-arrow-active-bg: #ebebeb;
+  --sg-scrollbar-arrow-disabled: #e0e0e0;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #1f1f1f;
+  --sg-fg: #ffffff;
+  --sg-muted: #d6d6d6;
+  --sg-border: #666666;
+  --sg-header-bg: #141414;
+  --sg-header-fg: #ffffff;
+  --sg-bg-subtle: #141414;
+  --sg-row-alt-bg: #1a1a1a;
+  --sg-row-hover-bg: #3d3d3d;
+  --sg-selection-bg: #383838;
+  --sg-input-bg: #1f1f1f;
+  --sg-input-border: #666666;
+  --sg-accent: #479ef5;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 4px;
+  --sg-font: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
+  --sg-scrollbar-bg: #141414;
+  --sg-scrollbar-border: #666666;
+  --sg-scrollbar-thumb: #d6d6d6;
+  --sg-scrollbar-thumb-hover: #ffffff;
+  --sg-scrollbar-thumb-active: #ffffff;
+  --sg-scrollbar-arrow: #d6d6d6;
+  --sg-scrollbar-arrow-hover: #ffffff;
+  --sg-scrollbar-arrow-hover-bg: #3d3d3d;
+  --sg-scrollbar-arrow-active: #ffffff;
+  --sg-scrollbar-arrow-active-bg: #383838;
+  --sg-scrollbar-arrow-disabled: #666666;
+}

package/themes/github.css

@@ -0,0 +1,59 @@
+/* GitHub - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #1f2328;
+  --sg-muted: #59636e;
+  --sg-border: #d1d9e0;
+  --sg-header-bg: #f6f8fa;
+  --sg-header-fg: #59636e;
+  --sg-bg-subtle: #f6f8fa;
+  --sg-row-alt-bg: #ffffff;
+  --sg-row-hover-bg: #f6f8fa;
+  --sg-selection-bg: #ddf4ff;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #d1d9e0;
+  --sg-accent: #0969da;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
+  --sg-scrollbar-bg: #f6f8fa;
+  --sg-scrollbar-border: #d1d9e0;
+  --sg-scrollbar-thumb: #59636e;
+  --sg-scrollbar-thumb-hover: #1f2328;
+  --sg-scrollbar-thumb-active: #1f2328;
+  --sg-scrollbar-arrow: #59636e;
+  --sg-scrollbar-arrow-hover: #1f2328;
+  --sg-scrollbar-arrow-hover-bg: #f6f8fa;
+  --sg-scrollbar-arrow-active: #1f2328;
+  --sg-scrollbar-arrow-active-bg: #ddf4ff;
+  --sg-scrollbar-arrow-disabled: #d1d9e0;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #0d1117;
+  --sg-fg: #f0f6fc;
+  --sg-muted: #9198a1;
+  --sg-border: #3d444d;
+  --sg-header-bg: #151b23;
+  --sg-header-fg: #9198a1;
+  --sg-bg-subtle: #151b23;
+  --sg-row-alt-bg: #0d1117;
+  --sg-row-hover-bg: #151b23;
+  --sg-selection-bg: rgba(56, 139, 253, 0.10);
+  --sg-input-bg: #0d1117;
+  --sg-input-border: #3d444d;
+  --sg-accent: #4493f8;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
+  --sg-scrollbar-bg: #151b23;
+  --sg-scrollbar-border: #3d444d;
+  --sg-scrollbar-thumb: #9198a1;
+  --sg-scrollbar-thumb-hover: #f0f6fc;
+  --sg-scrollbar-thumb-active: #f0f6fc;
+  --sg-scrollbar-arrow: #9198a1;
+  --sg-scrollbar-arrow-hover: #f0f6fc;
+  --sg-scrollbar-arrow-hover-bg: #151b23;
+  --sg-scrollbar-arrow-active: #f0f6fc;
+  --sg-scrollbar-arrow-active-bg: rgba(56, 139, 253, 0.10);
+  --sg-scrollbar-arrow-disabled: #3d444d;
+}

package/themes/linear.css

@@ -0,0 +1,59 @@
+/* Linear - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #ffffff;
+  --sg-fg: #282a30;
+  --sg-muted: #6b6f76;
+  --sg-border: #e9e9eb;
+  --sg-header-bg: #f7f8f8;
+  --sg-header-fg: #6b6f76;
+  --sg-bg-subtle: #f7f8f8;
+  --sg-row-alt-bg: #fbfbfc;
+  --sg-row-hover-bg: #f4f4f5;
+  --sg-selection-bg: #e8eafd;
+  --sg-input-bg: #ffffff;
+  --sg-input-border: #e9e9eb;
+  --sg-accent: #5e6ad2;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --sg-scrollbar-bg: #f7f8f8;
+  --sg-scrollbar-border: #e9e9eb;
+  --sg-scrollbar-thumb: #6b6f76;
+  --sg-scrollbar-thumb-hover: #282a30;
+  --sg-scrollbar-thumb-active: #282a30;
+  --sg-scrollbar-arrow: #6b6f76;
+  --sg-scrollbar-arrow-hover: #282a30;
+  --sg-scrollbar-arrow-hover-bg: #f4f4f5;
+  --sg-scrollbar-arrow-active: #282a30;
+  --sg-scrollbar-arrow-active-bg: #e8eafd;
+  --sg-scrollbar-arrow-disabled: #e9e9eb;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #08090a;
+  --sg-fg: #f7f8f8;
+  --sg-muted: #8a8f98;
+  --sg-border: #23252a;
+  --sg-header-bg: #0f1011;
+  --sg-header-fg: #8a8f98;
+  --sg-bg-subtle: #0f1011;
+  --sg-row-alt-bg: #0f1011;
+  --sg-row-hover-bg: #1a1b1e;
+  --sg-selection-bg: #2a2d4a;
+  --sg-input-bg: #08090a;
+  --sg-input-border: #23252a;
+  --sg-accent: #5e6ad2;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 6px;
+  --sg-font: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --sg-scrollbar-bg: #0f1011;
+  --sg-scrollbar-border: #23252a;
+  --sg-scrollbar-thumb: #8a8f98;
+  --sg-scrollbar-thumb-hover: #f7f8f8;
+  --sg-scrollbar-thumb-active: #f7f8f8;
+  --sg-scrollbar-arrow: #8a8f98;
+  --sg-scrollbar-arrow-hover: #f7f8f8;
+  --sg-scrollbar-arrow-hover-bg: #1a1b1e;
+  --sg-scrollbar-arrow-active: #f7f8f8;
+  --sg-scrollbar-arrow-active-bg: #2a2d4a;
+  --sg-scrollbar-arrow-disabled: #23252a;
+}

package/themes/material.css

@@ -0,0 +1,59 @@
+/* Material 3 - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
+:root {
+  --sg-bg: #fef7ff;
+  --sg-fg: #1d1b20;
+  --sg-muted: #49454f;
+  --sg-border: #cac4d0;
+  --sg-header-bg: #f3edf7;
+  --sg-header-fg: #1d1b20;
+  --sg-bg-subtle: #f3edf7;
+  --sg-row-alt-bg: #fffbfe;
+  --sg-row-hover-bg: #ece6f0;
+  --sg-selection-bg: #e8def8;
+  --sg-input-bg: #fef7ff;
+  --sg-input-border: #cac4d0;
+  --sg-accent: #6750a4;
+  --sg-on-accent: #ffffff;
+  --sg-radius: 8px;
+  --sg-font: "Roboto Flex", Roboto, "Segoe UI", system-ui, sans-serif;
+  --sg-scrollbar-bg: #f3edf7;
+  --sg-scrollbar-border: #cac4d0;
+  --sg-scrollbar-thumb: #49454f;
+  --sg-scrollbar-thumb-hover: #1d1b20;
+  --sg-scrollbar-thumb-active: #1d1b20;
+  --sg-scrollbar-arrow: #49454f;
+  --sg-scrollbar-arrow-hover: #1d1b20;
+  --sg-scrollbar-arrow-hover-bg: #ece6f0;
+  --sg-scrollbar-arrow-active: #1d1b20;
+  --sg-scrollbar-arrow-active-bg: #e8def8;
+  --sg-scrollbar-arrow-disabled: #cac4d0;
+}
+:root[data-theme='dark'] {
+  --sg-bg: #141218;
+  --sg-fg: #e6e0e9;
+  --sg-muted: #cac4d0;
+  --sg-border: #49454f;
+  --sg-header-bg: #211f26;
+  --sg-header-fg: #e6e0e9;
+  --sg-bg-subtle: #211f26;
+  --sg-row-alt-bg: #141218;
+  --sg-row-hover-bg: #2b2930;
+  --sg-selection-bg: #4a4458;
+  --sg-input-bg: #141218;
+  --sg-input-border: #49454f;
+  --sg-accent: #d0bcff;
+  --sg-on-accent: #18181b;
+  --sg-radius: 8px;
+  --sg-font: "Roboto Flex", Roboto, "Segoe UI", system-ui, sans-serif;
+  --sg-scrollbar-bg: #211f26;
+  --sg-scrollbar-border: #49454f;
+  --sg-scrollbar-thumb: #cac4d0;
+  --sg-scrollbar-thumb-hover: #e6e0e9;
+  --sg-scrollbar-thumb-active: #e6e0e9;
+  --sg-scrollbar-arrow: #cac4d0;
+  --sg-scrollbar-arrow-hover: #e6e0e9;
+  --sg-scrollbar-arrow-hover-bg: #2b2930;
+  --sg-scrollbar-arrow-active: #e6e0e9;
+  --sg-scrollbar-arrow-active-bg: #4a4458;
+  --sg-scrollbar-arrow-disabled: #49454f;
+}