@svgrid/grid 2.0.1 → 2.1.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 (85) hide show
  1. package/dist/FlexRender.svelte +96 -96
  2. package/dist/GridFooter.svelte +178 -178
  3. package/dist/SvGrid.css +2377 -2376
  4. package/dist/SvGrid.svelte +2764 -2764
  5. package/dist/SvGridBoard.svelte +2281 -2281
  6. package/dist/SvGridDropdown.svelte +666 -666
  7. package/dist/cdn/svgrid.js +3 -3
  8. package/dist/cdn/svgrid.svelte-external.js +3 -3
  9. package/dist/themes/index.d.ts +45 -0
  10. package/dist/themes/index.js +132 -0
  11. package/package.json +92 -85
  12. package/src/FlexRender.svelte +96 -96
  13. package/src/GridFooter.svelte +178 -178
  14. package/src/SvGrid.controller.svelte.ts +2553 -2553
  15. package/src/SvGrid.css +2377 -2376
  16. package/src/SvGrid.svelte +2764 -2764
  17. package/src/SvGrid.types.ts +944 -944
  18. package/src/SvGridBoard.svelte +2281 -2281
  19. package/src/SvGridDropdown.svelte +666 -666
  20. package/src/a11y.contract.test.ts +49 -49
  21. package/src/a11y.test.ts +59 -59
  22. package/src/a11y.ts +61 -61
  23. package/src/build-api.ts +798 -798
  24. package/src/cell-formatting.ts +169 -169
  25. package/src/cell-render.ts +469 -469
  26. package/src/collaboration.test.ts +104 -104
  27. package/src/collaboration.ts +167 -167
  28. package/src/core.performance.test.ts +30 -30
  29. package/src/core.ts +1111 -1111
  30. package/src/createGrid.svelte.ts +42 -42
  31. package/src/createGrid.test.ts +10 -10
  32. package/src/createGridState.svelte.ts +17 -17
  33. package/src/editing.test.ts +859 -859
  34. package/src/editing.ts +675 -675
  35. package/src/export-data-api.test.ts +126 -126
  36. package/src/export-format.test.ts +107 -107
  37. package/src/export-format.ts +598 -598
  38. package/src/flex-render.ts +3 -3
  39. package/src/index.ts +463 -463
  40. package/src/keyboard.test.ts +59 -59
  41. package/src/keyboard.ts +97 -97
  42. package/src/menus.ts +582 -582
  43. package/src/merge-objects.ts +48 -48
  44. package/src/render-component.ts +28 -28
  45. package/src/selection.test.ts +754 -754
  46. package/src/selection.ts +600 -600
  47. package/src/server-data-source.test.ts +289 -289
  48. package/src/server-data-source.ts +413 -413
  49. package/src/sparkline.test.ts +68 -68
  50. package/src/sparkline.ts +169 -169
  51. package/src/spreadsheet.test.ts +489 -489
  52. package/src/spreadsheet.ts +304 -304
  53. package/src/static-functions.ts +11 -11
  54. package/src/subscribe.ts +38 -38
  55. package/src/svgrid-wrapper.types.ts +439 -439
  56. package/src/svgrid.behavior.test.ts +706 -706
  57. package/src/svgrid.features.test.ts +157 -157
  58. package/src/svgrid.new-features.wrapper.test.ts +251 -251
  59. package/src/svgrid.wrapper.test.ts +40 -40
  60. package/src/themes/index.ts +159 -0
  61. package/src/virtualization/column-virtualizer.test.ts +27 -27
  62. package/src/virtualization/column-virtualizer.ts +30 -30
  63. package/src/virtualization/svelte-virtualizer.svelte.ts +26 -26
  64. package/src/virtualization/types.ts +30 -30
  65. package/src/virtualization/virtualizer.test.ts +47 -47
  66. package/src/virtualization/virtualizer.ts +296 -296
  67. package/themes/ag-alpine.css +59 -0
  68. package/themes/antd.css +59 -0
  69. package/themes/atlassian.css +59 -0
  70. package/themes/bootstrap.css +59 -0
  71. package/themes/carbon.css +59 -0
  72. package/themes/catppuccin.css +59 -0
  73. package/themes/dracula.css +59 -0
  74. package/themes/excel.css +59 -0
  75. package/themes/fluent.css +59 -0
  76. package/themes/github.css +59 -0
  77. package/themes/linear.css +59 -0
  78. package/themes/material.css +59 -0
  79. package/themes/nord.css +59 -0
  80. package/themes/notion.css +59 -0
  81. package/themes/salesforce.css +59 -0
  82. package/themes/sap.css +59 -0
  83. package/themes/shadcn.css +59 -0
  84. package/themes/tailwind.css +59 -0
  85. package/themes/vercel.css +59 -0
package/themes/nord.css ADDED
@@ -0,0 +1,59 @@
1
+ /* Nord - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #eceff4;
4
+ --sg-fg: #2e3440;
5
+ --sg-muted: #4c566a;
6
+ --sg-border: #d8dee9;
7
+ --sg-header-bg: #e5e9f0;
8
+ --sg-header-fg: #2e3440;
9
+ --sg-bg-subtle: #e5e9f0;
10
+ --sg-row-alt-bg: #e5e9f0;
11
+ --sg-row-hover-bg: #dde3ec;
12
+ --sg-selection-bg: #d8dee9;
13
+ --sg-input-bg: #eceff4;
14
+ --sg-input-border: #d8dee9;
15
+ --sg-accent: #5e81ac;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 4px;
18
+ --sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
19
+ --sg-scrollbar-bg: #e5e9f0;
20
+ --sg-scrollbar-border: #d8dee9;
21
+ --sg-scrollbar-thumb: #4c566a;
22
+ --sg-scrollbar-thumb-hover: #2e3440;
23
+ --sg-scrollbar-thumb-active: #2e3440;
24
+ --sg-scrollbar-arrow: #4c566a;
25
+ --sg-scrollbar-arrow-hover: #2e3440;
26
+ --sg-scrollbar-arrow-hover-bg: #dde3ec;
27
+ --sg-scrollbar-arrow-active: #2e3440;
28
+ --sg-scrollbar-arrow-active-bg: #d8dee9;
29
+ --sg-scrollbar-arrow-disabled: #d8dee9;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #2e3440;
33
+ --sg-fg: #d8dee9;
34
+ --sg-muted: #4c566a;
35
+ --sg-border: #434c5e;
36
+ --sg-header-bg: #3b4252;
37
+ --sg-header-fg: #e5e9f0;
38
+ --sg-bg-subtle: #3b4252;
39
+ --sg-row-alt-bg: #333b48;
40
+ --sg-row-hover-bg: #3b4252;
41
+ --sg-selection-bg: #434c5e;
42
+ --sg-input-bg: #2e3440;
43
+ --sg-input-border: #434c5e;
44
+ --sg-accent: #88c0d0;
45
+ --sg-on-accent: #18181b;
46
+ --sg-radius: 4px;
47
+ --sg-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
48
+ --sg-scrollbar-bg: #3b4252;
49
+ --sg-scrollbar-border: #434c5e;
50
+ --sg-scrollbar-thumb: #4c566a;
51
+ --sg-scrollbar-thumb-hover: #d8dee9;
52
+ --sg-scrollbar-thumb-active: #d8dee9;
53
+ --sg-scrollbar-arrow: #4c566a;
54
+ --sg-scrollbar-arrow-hover: #d8dee9;
55
+ --sg-scrollbar-arrow-hover-bg: #3b4252;
56
+ --sg-scrollbar-arrow-active: #d8dee9;
57
+ --sg-scrollbar-arrow-active-bg: #434c5e;
58
+ --sg-scrollbar-arrow-disabled: #434c5e;
59
+ }
package/themes/notion.css ADDED
@@ -0,0 +1,59 @@
1
+ /* Notion - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #ffffff;
4
+ --sg-fg: #37352f;
5
+ --sg-muted: #787774;
6
+ --sg-border: #e9e9e7;
7
+ --sg-header-bg: #f7f6f3;
8
+ --sg-header-fg: #787774;
9
+ --sg-bg-subtle: #f7f6f3;
10
+ --sg-row-alt-bg: #fbfbfa;
11
+ --sg-row-hover-bg: #f1f1ef;
12
+ --sg-selection-bg: #d9eaf7;
13
+ --sg-input-bg: #ffffff;
14
+ --sg-input-border: #e9e9e7;
15
+ --sg-accent: #2383e2;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 4px;
18
+ --sg-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
19
+ --sg-scrollbar-bg: #f7f6f3;
20
+ --sg-scrollbar-border: #e9e9e7;
21
+ --sg-scrollbar-thumb: #787774;
22
+ --sg-scrollbar-thumb-hover: #37352f;
23
+ --sg-scrollbar-thumb-active: #37352f;
24
+ --sg-scrollbar-arrow: #787774;
25
+ --sg-scrollbar-arrow-hover: #37352f;
26
+ --sg-scrollbar-arrow-hover-bg: #f1f1ef;
27
+ --sg-scrollbar-arrow-active: #37352f;
28
+ --sg-scrollbar-arrow-active-bg: #d9eaf7;
29
+ --sg-scrollbar-arrow-disabled: #e9e9e7;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #191919;
33
+ --sg-fg: #d4d4d4;
34
+ --sg-muted: #9b9b9b;
35
+ --sg-border: #2f2f2f;
36
+ --sg-header-bg: #202020;
37
+ --sg-header-fg: #9b9b9b;
38
+ --sg-bg-subtle: #202020;
39
+ --sg-row-alt-bg: #1c1c1c;
40
+ --sg-row-hover-bg: #252525;
41
+ --sg-selection-bg: #20415c;
42
+ --sg-input-bg: #191919;
43
+ --sg-input-border: #2f2f2f;
44
+ --sg-accent: #529cca;
45
+ --sg-on-accent: #ffffff;
46
+ --sg-radius: 4px;
47
+ --sg-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
48
+ --sg-scrollbar-bg: #202020;
49
+ --sg-scrollbar-border: #2f2f2f;
50
+ --sg-scrollbar-thumb: #9b9b9b;
51
+ --sg-scrollbar-thumb-hover: #d4d4d4;
52
+ --sg-scrollbar-thumb-active: #d4d4d4;
53
+ --sg-scrollbar-arrow: #9b9b9b;
54
+ --sg-scrollbar-arrow-hover: #d4d4d4;
55
+ --sg-scrollbar-arrow-hover-bg: #252525;
56
+ --sg-scrollbar-arrow-active: #d4d4d4;
57
+ --sg-scrollbar-arrow-active-bg: #20415c;
58
+ --sg-scrollbar-arrow-disabled: #2f2f2f;
59
+ }
package/themes/salesforce.css ADDED
@@ -0,0 +1,59 @@
1
+ /* Salesforce - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #ffffff;
4
+ --sg-fg: #181818;
5
+ --sg-muted: #757575;
6
+ --sg-border: #c9c9c9;
7
+ --sg-header-bg: #f3f3f3;
8
+ --sg-header-fg: #181818;
9
+ --sg-bg-subtle: #f3f3f3;
10
+ --sg-row-alt-bg: #ffffff;
11
+ --sg-row-hover-bg: #f3f3f3;
12
+ --sg-selection-bg: #ecebea;
13
+ --sg-input-bg: #ffffff;
14
+ --sg-input-border: #c9c9c9;
15
+ --sg-accent: #0176d3;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 4px;
18
+ --sg-font: "Salesforce Sans", "SF Pro", Helvetica, Arial, sans-serif;
19
+ --sg-scrollbar-bg: #f3f3f3;
20
+ --sg-scrollbar-border: #c9c9c9;
21
+ --sg-scrollbar-thumb: #757575;
22
+ --sg-scrollbar-thumb-hover: #181818;
23
+ --sg-scrollbar-thumb-active: #181818;
24
+ --sg-scrollbar-arrow: #757575;
25
+ --sg-scrollbar-arrow-hover: #181818;
26
+ --sg-scrollbar-arrow-hover-bg: #f3f3f3;
27
+ --sg-scrollbar-arrow-active: #181818;
28
+ --sg-scrollbar-arrow-active-bg: #ecebea;
29
+ --sg-scrollbar-arrow-disabled: #c9c9c9;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #181818;
33
+ --sg-fg: #ffffff;
34
+ --sg-muted: #c9c9c9;
35
+ --sg-border: #3e3e3c;
36
+ --sg-header-bg: #2e2e2e;
37
+ --sg-header-fg: #ffffff;
38
+ --sg-bg-subtle: #2e2e2e;
39
+ --sg-row-alt-bg: #181818;
40
+ --sg-row-hover-bg: #2e2e2e;
41
+ --sg-selection-bg: #1e4d8e;
42
+ --sg-input-bg: #181818;
43
+ --sg-input-border: #3e3e3c;
44
+ --sg-accent: #1b96ff;
45
+ --sg-on-accent: #ffffff;
46
+ --sg-radius: 4px;
47
+ --sg-font: "Salesforce Sans", "SF Pro", Helvetica, Arial, sans-serif;
48
+ --sg-scrollbar-bg: #2e2e2e;
49
+ --sg-scrollbar-border: #3e3e3c;
50
+ --sg-scrollbar-thumb: #c9c9c9;
51
+ --sg-scrollbar-thumb-hover: #ffffff;
52
+ --sg-scrollbar-thumb-active: #ffffff;
53
+ --sg-scrollbar-arrow: #c9c9c9;
54
+ --sg-scrollbar-arrow-hover: #ffffff;
55
+ --sg-scrollbar-arrow-hover-bg: #2e2e2e;
56
+ --sg-scrollbar-arrow-active: #ffffff;
57
+ --sg-scrollbar-arrow-active-bg: #1e4d8e;
58
+ --sg-scrollbar-arrow-disabled: #3e3e3c;
59
+ }
package/themes/sap.css ADDED
@@ -0,0 +1,59 @@
1
+ /* SAP Fiori - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #f5f6f7;
4
+ --sg-fg: #131e29;
5
+ --sg-muted: #556b82;
6
+ --sg-border: #e5e5e5;
7
+ --sg-header-bg: #ffffff;
8
+ --sg-header-fg: #131e29;
9
+ --sg-bg-subtle: #ffffff;
10
+ --sg-row-alt-bg: #f5f6f7;
11
+ --sg-row-hover-bg: #eaecee;
12
+ --sg-selection-bg: #ebf8ff;
13
+ --sg-input-bg: #f5f6f7;
14
+ --sg-input-border: #e5e5e5;
15
+ --sg-accent: #0070f2;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 6px;
18
+ --sg-font: "72", "72full", "Arial", sans-serif;
19
+ --sg-scrollbar-bg: #ffffff;
20
+ --sg-scrollbar-border: #e5e5e5;
21
+ --sg-scrollbar-thumb: #556b82;
22
+ --sg-scrollbar-thumb-hover: #131e29;
23
+ --sg-scrollbar-thumb-active: #131e29;
24
+ --sg-scrollbar-arrow: #556b82;
25
+ --sg-scrollbar-arrow-hover: #131e29;
26
+ --sg-scrollbar-arrow-hover-bg: #eaecee;
27
+ --sg-scrollbar-arrow-active: #131e29;
28
+ --sg-scrollbar-arrow-active-bg: #ebf8ff;
29
+ --sg-scrollbar-arrow-disabled: #e5e5e5;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #12171c;
33
+ --sg-fg: #f5f6f7;
34
+ --sg-muted: #8396a8;
35
+ --sg-border: #2e3742;
36
+ --sg-header-bg: #1d232a;
37
+ --sg-header-fg: #f5f6f7;
38
+ --sg-bg-subtle: #1d232a;
39
+ --sg-row-alt-bg: #12171c;
40
+ --sg-row-hover-bg: #222b35;
41
+ --sg-selection-bg: #1d2d3e;
42
+ --sg-input-bg: #12171c;
43
+ --sg-input-border: #2e3742;
44
+ --sg-accent: #4db1ff;
45
+ --sg-on-accent: #18181b;
46
+ --sg-radius: 6px;
47
+ --sg-font: "72", "72full", "Arial", sans-serif;
48
+ --sg-scrollbar-bg: #1d232a;
49
+ --sg-scrollbar-border: #2e3742;
50
+ --sg-scrollbar-thumb: #8396a8;
51
+ --sg-scrollbar-thumb-hover: #f5f6f7;
52
+ --sg-scrollbar-thumb-active: #f5f6f7;
53
+ --sg-scrollbar-arrow: #8396a8;
54
+ --sg-scrollbar-arrow-hover: #f5f6f7;
55
+ --sg-scrollbar-arrow-hover-bg: #222b35;
56
+ --sg-scrollbar-arrow-active: #f5f6f7;
57
+ --sg-scrollbar-arrow-active-bg: #1d2d3e;
58
+ --sg-scrollbar-arrow-disabled: #2e3742;
59
+ }
package/themes/shadcn.css ADDED
@@ -0,0 +1,59 @@
1
+ /* shadcn/ui - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #ffffff;
4
+ --sg-fg: #09090b;
5
+ --sg-muted: #71717a;
6
+ --sg-border: #e4e4e7;
7
+ --sg-header-bg: #fafafa;
8
+ --sg-header-fg: #71717a;
9
+ --sg-bg-subtle: #fafafa;
10
+ --sg-row-alt-bg: #ffffff;
11
+ --sg-row-hover-bg: #f4f4f5;
12
+ --sg-selection-bg: #f4f4f5;
13
+ --sg-input-bg: #ffffff;
14
+ --sg-input-border: #e4e4e7;
15
+ --sg-accent: #18181b;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 6px;
18
+ --sg-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
19
+ --sg-scrollbar-bg: #fafafa;
20
+ --sg-scrollbar-border: #e4e4e7;
21
+ --sg-scrollbar-thumb: #71717a;
22
+ --sg-scrollbar-thumb-hover: #09090b;
23
+ --sg-scrollbar-thumb-active: #09090b;
24
+ --sg-scrollbar-arrow: #71717a;
25
+ --sg-scrollbar-arrow-hover: #09090b;
26
+ --sg-scrollbar-arrow-hover-bg: #f4f4f5;
27
+ --sg-scrollbar-arrow-active: #09090b;
28
+ --sg-scrollbar-arrow-active-bg: #f4f4f5;
29
+ --sg-scrollbar-arrow-disabled: #e4e4e7;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #0a0a0a;
33
+ --sg-fg: #fafafa;
34
+ --sg-muted: #a1a1aa;
35
+ --sg-border: #27272a;
36
+ --sg-header-bg: #18181b;
37
+ --sg-header-fg: #a1a1aa;
38
+ --sg-bg-subtle: #18181b;
39
+ --sg-row-alt-bg: #0a0a0a;
40
+ --sg-row-hover-bg: #18181b;
41
+ --sg-selection-bg: #27272a;
42
+ --sg-input-bg: #0a0a0a;
43
+ --sg-input-border: #27272a;
44
+ --sg-accent: #fafafa;
45
+ --sg-on-accent: #18181b;
46
+ --sg-radius: 6px;
47
+ --sg-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
48
+ --sg-scrollbar-bg: #18181b;
49
+ --sg-scrollbar-border: #27272a;
50
+ --sg-scrollbar-thumb: #a1a1aa;
51
+ --sg-scrollbar-thumb-hover: #fafafa;
52
+ --sg-scrollbar-thumb-active: #fafafa;
53
+ --sg-scrollbar-arrow: #a1a1aa;
54
+ --sg-scrollbar-arrow-hover: #fafafa;
55
+ --sg-scrollbar-arrow-hover-bg: #18181b;
56
+ --sg-scrollbar-arrow-active: #fafafa;
57
+ --sg-scrollbar-arrow-active-bg: #27272a;
58
+ --sg-scrollbar-arrow-disabled: #27272a;
59
+ }
package/themes/tailwind.css ADDED
@@ -0,0 +1,59 @@
1
+ /* Tailwind - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #ffffff;
4
+ --sg-fg: #0f172a;
5
+ --sg-muted: #64748b;
6
+ --sg-border: #e2e8f0;
7
+ --sg-header-bg: #f8fafc;
8
+ --sg-header-fg: #0f172a;
9
+ --sg-bg-subtle: #f8fafc;
10
+ --sg-row-alt-bg: #ffffff;
11
+ --sg-row-hover-bg: #f1f5f9;
12
+ --sg-selection-bg: #e0e7ff;
13
+ --sg-input-bg: #ffffff;
14
+ --sg-input-border: #e2e8f0;
15
+ --sg-accent: #4f46e5;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 6px;
18
+ --sg-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
19
+ --sg-scrollbar-bg: #f8fafc;
20
+ --sg-scrollbar-border: #e2e8f0;
21
+ --sg-scrollbar-thumb: #64748b;
22
+ --sg-scrollbar-thumb-hover: #0f172a;
23
+ --sg-scrollbar-thumb-active: #0f172a;
24
+ --sg-scrollbar-arrow: #64748b;
25
+ --sg-scrollbar-arrow-hover: #0f172a;
26
+ --sg-scrollbar-arrow-hover-bg: #f1f5f9;
27
+ --sg-scrollbar-arrow-active: #0f172a;
28
+ --sg-scrollbar-arrow-active-bg: #e0e7ff;
29
+ --sg-scrollbar-arrow-disabled: #e2e8f0;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #0f172a;
33
+ --sg-fg: #f8fafc;
34
+ --sg-muted: #94a3b8;
35
+ --sg-border: #334155;
36
+ --sg-header-bg: #1e293b;
37
+ --sg-header-fg: #f8fafc;
38
+ --sg-bg-subtle: #1e293b;
39
+ --sg-row-alt-bg: #0f172a;
40
+ --sg-row-hover-bg: #1e293b;
41
+ --sg-selection-bg: #312e81;
42
+ --sg-input-bg: #0f172a;
43
+ --sg-input-border: #334155;
44
+ --sg-accent: #818cf8;
45
+ --sg-on-accent: #ffffff;
46
+ --sg-radius: 6px;
47
+ --sg-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
48
+ --sg-scrollbar-bg: #1e293b;
49
+ --sg-scrollbar-border: #334155;
50
+ --sg-scrollbar-thumb: #94a3b8;
51
+ --sg-scrollbar-thumb-hover: #f8fafc;
52
+ --sg-scrollbar-thumb-active: #f8fafc;
53
+ --sg-scrollbar-arrow: #94a3b8;
54
+ --sg-scrollbar-arrow-hover: #f8fafc;
55
+ --sg-scrollbar-arrow-hover-bg: #1e293b;
56
+ --sg-scrollbar-arrow-active: #f8fafc;
57
+ --sg-scrollbar-arrow-active-bg: #312e81;
58
+ --sg-scrollbar-arrow-disabled: #334155;
59
+ }
package/themes/vercel.css ADDED
@@ -0,0 +1,59 @@
1
+ /* Vercel - generated from packages/grid/src/themes/index.ts. Do not edit by hand. */
2
+ :root {
3
+ --sg-bg: #ffffff;
4
+ --sg-fg: #000000;
5
+ --sg-muted: #666666;
6
+ --sg-border: #eaeaea;
7
+ --sg-header-bg: #fafafa;
8
+ --sg-header-fg: #666666;
9
+ --sg-bg-subtle: #fafafa;
10
+ --sg-row-alt-bg: #fafafa;
11
+ --sg-row-hover-bg: #f5f5f5;
12
+ --sg-selection-bg: #e8f0fe;
13
+ --sg-input-bg: #ffffff;
14
+ --sg-input-border: #eaeaea;
15
+ --sg-accent: #0070f3;
16
+ --sg-on-accent: #ffffff;
17
+ --sg-radius: 6px;
18
+ --sg-font: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
19
+ --sg-scrollbar-bg: #fafafa;
20
+ --sg-scrollbar-border: #eaeaea;
21
+ --sg-scrollbar-thumb: #666666;
22
+ --sg-scrollbar-thumb-hover: #000000;
23
+ --sg-scrollbar-thumb-active: #000000;
24
+ --sg-scrollbar-arrow: #666666;
25
+ --sg-scrollbar-arrow-hover: #000000;
26
+ --sg-scrollbar-arrow-hover-bg: #f5f5f5;
27
+ --sg-scrollbar-arrow-active: #000000;
28
+ --sg-scrollbar-arrow-active-bg: #e8f0fe;
29
+ --sg-scrollbar-arrow-disabled: #eaeaea;
30
+ }
31
+ :root[data-theme='dark'] {
32
+ --sg-bg: #000000;
33
+ --sg-fg: #ffffff;
34
+ --sg-muted: #888888;
35
+ --sg-border: #333333;
36
+ --sg-header-bg: #111111;
37
+ --sg-header-fg: #888888;
38
+ --sg-bg-subtle: #111111;
39
+ --sg-row-alt-bg: #0a0a0a;
40
+ --sg-row-hover-bg: #1a1a1a;
41
+ --sg-selection-bg: #0d2847;
42
+ --sg-input-bg: #000000;
43
+ --sg-input-border: #333333;
44
+ --sg-accent: #3291ff;
45
+ --sg-on-accent: #ffffff;
46
+ --sg-radius: 6px;
47
+ --sg-font: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
48
+ --sg-scrollbar-bg: #111111;
49
+ --sg-scrollbar-border: #333333;
50
+ --sg-scrollbar-thumb: #888888;
51
+ --sg-scrollbar-thumb-hover: #ffffff;
52
+ --sg-scrollbar-thumb-active: #ffffff;
53
+ --sg-scrollbar-arrow: #888888;
54
+ --sg-scrollbar-arrow-hover: #ffffff;
55
+ --sg-scrollbar-arrow-hover-bg: #1a1a1a;
56
+ --sg-scrollbar-arrow-active: #ffffff;
57
+ --sg-scrollbar-arrow-active-bg: #0d2847;
58
+ --sg-scrollbar-arrow-disabled: #333333;
59
+ }