@infinite-table/infinite-react 7.3.2-canary.0 → 7.3.3

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 (12) hide show
  1. package/index.css +1 -1
  2. package/index.d.ts +1 -0
  3. package/index.dev.js +4 -3
  4. package/index.dev.mjs +4 -3
  5. package/index.js +6 -6
  6. package/index.mjs +6 -6
  7. package/package.json +2 -2
  8. package/theme/balsam.css +111 -103
  9. package/theme/default.css +633 -623
  10. package/theme/minimalist.css +126 -120
  11. package/theme/ocean.css +129 -123
  12. package/theme/shadcn.css +110 -106
package/package.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "bugs": {
26
26
  "url": "https://github.com/infinite-table/infinite-react/issues"
27
27
  },
28
- "version": "7.3.2-canary.0",
28
+ "version": "7.3.3",
29
29
  "main": "index.js",
30
30
  "module": "index.mjs",
31
31
  "typings": "index.d.ts",
@@ -34,5 +34,5 @@
34
34
  },
35
35
  "license": "Commercial & Open Source",
36
36
  "//": "will be updated at build time",
37
- "publishedAt": 1759935561285
37
+ "publishedAt": 1760534706943
38
38
  }
package/theme/balsam.css CHANGED
@@ -1,105 +1,5 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Za4viMBSGv/srArKgYGSsOo7dL/tX0uRUg21TkniBxf++pA5ae0mvMw5LKYiYk/fkcnqeF5zzyOcR14D1HkLAEQkBY48EioSuFELP0NwSgv6OEML4HrEHwkBiCkGAPSHNd8l3e+2iE5GTVGAqYvq7SqPJbJ8HGiQGxrWQ2CP0sJPiGLGchhRnLBhLhZQtRASiYAnm15IZlqzpze3F6Sk4q5YENcjuB0TtebSz5SeUQqQr5h9jm4Q6UgpKVWgwcY5sKiClkMUaIUTHsn3fj6RwkiVf+TEnM7mGEDOuiBcAe9JJsuGQXyY8QkruvFlWOpN6OkPnPdeAnLdf5bkI1fwEVQVaVSIPvViCUo2X/vSu5Xewym0gEIThkKgD1nDR7Q78odH0ks2RtEr56FwuunWuwoBQMHBRYDpWQWYFAVBdfcZakkjFREKkcwf+9P7dKiSTKS2e3ELRlSuIiSRa3LvT2GN0STfZDnIb9AJCD0XN5bNFaxG7aBFfkBIBZ0juPDJZfGxnaLFdm4/tDM3XH9Y+nVr02F/7Gz+7FFvj66FSnVyl5vu7WRr1mZ890aIXzUVjoP6bv7DVQZt9lBTS80auoyx0TWVinFRmg6E0qm1jecinRK0GwDqzP9Enz2GRbT/TttbB5AwmZzA5g8kZTM5gcgaT89UmhxF5qD/S1eIYzf7NSKI62IbBNgy2YbAN/5NtMI3tR7iGscOWq+V7Pd+wpuYp9g2G5Gt/Xd85FKuVGoUFNc+PNArOu0OdmkZhyVab1fZFRuFPCIwTNIkl+CA/2ytW1BTmrSanCW1tpK77b0Y/zO5K7V653YbcfbO7Ob2787sfgvfD8JYU78Lx7yV5/yx/Ac374XkXondgeg2qV3L9O8leh+3N6F7B9xaEb8r4F1C+Ceebkf4FrEfoOrr+A2nwgleVIAAA */
2
- .infinite-theme-name--balsam:root,
3
- .infinite-theme-name--balsam {
4
- --infinite-header-cell-border-right: var(--infinite-cell-border);
5
- --infinite-header-cell-border: var(--infinite-cell-border);
6
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
7
- --infinite-header-color: var(--infinite-color);
8
- --infinite-header-background: var(--infinite-header-cell-hover-background);
9
- --infinite-cell-color: var(--infinite-color);
10
- --infinite-flashing-background: var(--infinite-accent-color);
11
- --infinite-flashing-up-background: var(--infinite-success-color);
12
- --infinite-flashing-down-background: var(--infinite-error-color);
13
- --infinite-menu-color: var(--infinite-cell-color);
14
- --infinite-menu-background: var(--infinite-background);
15
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
16
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
18
- --infinite-load-mask-text-background: var(--infinite-background);
19
- --infinite-load-mask-color: var(--infinite-cell-color);
20
- --infinite-row-background: var(--infinite-background);
21
- --infinite-theme-name: balsam;
22
- --infinite-theme-mode: light;
23
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
24
- --infinite-background: white;
25
- --infinite-menu-separator-color: #bdc3c7;
26
- --infinite-color: black;
27
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
28
- --infinite-header-cell-background: #f5f7f7;
29
- --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
30
- --infinite-row-odd-background: #fcfdfe;
31
- --infinite-row-hover-background: #ecf0f1;
32
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
33
- }
34
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
35
- .infinite-theme-mode--light .infinite-theme-name--balsam,
36
- .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
37
- .infinite-theme-name--balsam .infinite-theme-mode--light,
38
- .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
39
- --infinite-header-cell-border-right: var(--infinite-cell-border);
40
- --infinite-header-cell-border: var(--infinite-cell-border);
41
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
42
- --infinite-header-color: var(--infinite-color);
43
- --infinite-header-background: var(--infinite-header-cell-hover-background);
44
- --infinite-cell-color: var(--infinite-color);
45
- --infinite-flashing-background: var(--infinite-accent-color);
46
- --infinite-flashing-up-background: var(--infinite-success-color);
47
- --infinite-flashing-down-background: var(--infinite-error-color);
48
- --infinite-menu-color: var(--infinite-cell-color);
49
- --infinite-menu-background: var(--infinite-background);
50
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
51
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
52
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
53
- --infinite-load-mask-text-background: var(--infinite-background);
54
- --infinite-load-mask-color: var(--infinite-cell-color);
55
- --infinite-row-background: var(--infinite-background);
56
- --infinite-theme-name: balsam;
57
- --infinite-theme-mode: light;
58
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
59
- --infinite-background: white;
60
- --infinite-menu-separator-color: #bdc3c7;
61
- --infinite-color: black;
62
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
63
- --infinite-header-cell-background: #f5f7f7;
64
- --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
65
- --infinite-row-odd-background: #fcfdfe;
66
- --infinite-row-hover-background: #ecf0f1;
67
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
68
- }
69
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
70
- .infinite-theme-mode--dark .infinite-theme-name--balsam,
71
- .infinite-theme-name--balsam .infinite-theme-mode--dark {
72
- --infinite-header-cell-border-right: var(--infinite-cell-border);
73
- --infinite-header-cell-border: var(--infinite-cell-border);
74
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
75
- --infinite-header-color: var(--infinite-color);
76
- --infinite-header-background: var(--infinite-header-cell-hover-background);
77
- --infinite-cell-color: var(--infinite-color);
78
- --infinite-flashing-background: var(--infinite-accent-color);
79
- --infinite-flashing-up-background: var(--infinite-success-color);
80
- --infinite-flashing-down-background: var(--infinite-error-color);
81
- --infinite-menu-color: var(--infinite-cell-color);
82
- --infinite-menu-background: var(--infinite-background);
83
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
84
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
85
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
86
- --infinite-load-mask-text-background: var(--infinite-background);
87
- --infinite-load-mask-color: var(--infinite-cell-color);
88
- --infinite-row-background: var(--infinite-background);
89
- --infinite-theme-name: balsam;
90
- --infinite-theme-mode: dark;
91
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
92
- --infinite-background: #2d3436;
93
- --infinite-menu-separator-color: #5c5c5c;
94
- --infinite-color: #f5f5f5;
95
- --infinite-cell-border-top: 1px solid #5c5c5c;
96
- --infinite-header-cell-background: #1c1c1c;
97
- --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
98
- --infinite-row-odd-background: #262c2e;
99
- --infinite-row-hover-background: #3d4749;
100
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
101
- }
102
- @media (prefers-color-scheme: dark) {
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Z64rqMBDHv/sUATmgYGS9ravny3mVNJlqMG1KEi9w8N0PqYvba3pl3QOlINLM/GeSTCY/6JyHPg+5AWyOEAAOSQAYe0RoEuyVlGaG5g4T9HeEEMZPiyMQBgpTEAJ7Utn/ih+OZo8uRE0ShgmL6e8qjSbePhcGFAbGjVTYI/R0UPIcspyGklcsGUuYlCUihSxIwb4t8XBETU7uKC8p46xabNQgui+IPvLw4IpPKIXQVPifI5eEPlMKWldoMHkNXSqglFTFGgGE57J5P5ek0MkRr3yZY09uIMCMa+IJYCmdOBoO+G3CQ6TVwZtlpTOhpzN0PXIDaPn2qzwWoYZfoKpAq0rkSy9SoHXj1FNnLT+DdW4CQhKGA6JP2MDNtFvwL42mm2yXpFVI+zayZWmkFB5xHtFyla/+t0eP/ldoEEgGeyRs3yvIX4MAaqp3yigS6ogoCE1u21Kn+FFnmUhJ8XgviwpHQ0QUMfLZ48Yeoyu6zfahx6AnCD0VtajPRm9ktEeL6Ia0FJwhdfDIZPGxm6HFbmN/djM033w4u30i6bG/8bd+NhVX++yh3pe5es/fEjY16jM/u6JFx3WPxkD9N3/hqoM28ygppPRE7qPs1W0rE+O4MhsMJS9811geFRKiToxwevYnmiIXh2x7T1euAyoNqDSg0oBKAyoNqDSg0v+BSoyoU/2RrqBkNftHmlh1gI8BPgb4GOBjgI8sfNj2+CPYY7xkq/XqvR59bKh9iunD8sDG39Tnj/Ku7WyfeRBZUPv8SBBZvi/psiaIrNh6u969BERKtyy78ffRnwAYJ2gSKfBBffZ5rKmt7UdZT+Nr34UMdT/x9AMPXfGhV4BogxB9Q0RzjOgOEv2gRD8w0RInugDF9yJF/1DxAqzoByy6oEUHuOgLL2oARiVifCdk1MGMZqBRgRq9wkZT3HgBcDRBjmbQ8RLsqA0eCN1H93+L0u1MNyIAAA== */
2
+ @layer infinite-table {
103
3
  .infinite-theme-name--balsam:root,
104
4
  .infinite-theme-name--balsam {
105
5
  --infinite-header-cell-border-right: var(--infinite-cell-border);
@@ -119,17 +19,125 @@
119
19
  --infinite-load-mask-text-background: var(--infinite-background);
120
20
  --infinite-load-mask-color: var(--infinite-cell-color);
121
21
  --infinite-row-background: var(--infinite-background);
22
+ --infinite-grouping-toolbar-background: var(--infinite-background);
23
+ --infinite-theme-name: balsam;
24
+ --infinite-theme-mode: light;
25
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
26
+ --infinite-background: white;
27
+ --infinite-menu-separator-color: #bdc3c7;
28
+ --infinite-color: black;
29
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
30
+ --infinite-header-cell-background: #f5f7f7;
31
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
32
+ --infinite-row-odd-background: #fcfdfe;
33
+ --infinite-row-hover-background: #ecf0f1;
34
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
35
+ }
36
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
37
+ .infinite-theme-mode--light .infinite-theme-name--balsam,
38
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
39
+ .infinite-theme-name--balsam .infinite-theme-mode--light,
40
+ .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
41
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
42
+ --infinite-header-cell-border: var(--infinite-cell-border);
43
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
44
+ --infinite-header-color: var(--infinite-color);
45
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
46
+ --infinite-cell-color: var(--infinite-color);
47
+ --infinite-flashing-background: var(--infinite-accent-color);
48
+ --infinite-flashing-up-background: var(--infinite-success-color);
49
+ --infinite-flashing-down-background: var(--infinite-error-color);
50
+ --infinite-menu-color: var(--infinite-cell-color);
51
+ --infinite-menu-background: var(--infinite-background);
52
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
53
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
54
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
55
+ --infinite-load-mask-text-background: var(--infinite-background);
56
+ --infinite-load-mask-color: var(--infinite-cell-color);
57
+ --infinite-row-background: var(--infinite-background);
58
+ --infinite-grouping-toolbar-background: var(--infinite-background);
59
+ --infinite-theme-name: balsam;
60
+ --infinite-theme-mode: light;
61
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
62
+ --infinite-background: white;
63
+ --infinite-menu-separator-color: #bdc3c7;
64
+ --infinite-color: black;
65
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
66
+ --infinite-header-cell-background: #f5f7f7;
67
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
68
+ --infinite-row-odd-background: #fcfdfe;
69
+ --infinite-row-hover-background: #ecf0f1;
70
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
71
+ }
72
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
73
+ .infinite-theme-mode--dark .infinite-theme-name--balsam,
74
+ .infinite-theme-name--balsam .infinite-theme-mode--dark {
75
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
76
+ --infinite-header-cell-border: var(--infinite-cell-border);
77
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
78
+ --infinite-header-color: var(--infinite-color);
79
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
80
+ --infinite-cell-color: var(--infinite-color);
81
+ --infinite-flashing-background: var(--infinite-accent-color);
82
+ --infinite-flashing-up-background: var(--infinite-success-color);
83
+ --infinite-flashing-down-background: var(--infinite-error-color);
84
+ --infinite-menu-color: var(--infinite-cell-color);
85
+ --infinite-menu-background: var(--infinite-background);
86
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
87
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
88
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
89
+ --infinite-load-mask-text-background: var(--infinite-background);
90
+ --infinite-load-mask-color: var(--infinite-cell-color);
91
+ --infinite-row-background: var(--infinite-background);
92
+ --infinite-grouping-toolbar-background: var(--infinite-background);
122
93
  --infinite-theme-name: balsam;
123
94
  --infinite-theme-mode: dark;
124
95
  --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
125
96
  --infinite-background: #2d3436;
126
97
  --infinite-menu-separator-color: #5c5c5c;
127
98
  --infinite-color: #f5f5f5;
128
- --infinite-cell-border-top: 1px solid #5c5c5c;
99
+ --infinite-cell-border-top: 1px solid var(--infinite-cell-border-color);
129
100
  --infinite-header-cell-background: #1c1c1c;
130
101
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
131
102
  --infinite-row-odd-background: #262c2e;
132
103
  --infinite-row-hover-background: #3d4749;
133
104
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
105
+ --infinite-cell-border-color: #5c5c5c;
106
+ }
107
+ @media (prefers-color-scheme: dark) {
108
+ .infinite-theme-name--balsam:root,
109
+ .infinite-theme-name--balsam {
110
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
111
+ --infinite-header-cell-border: var(--infinite-cell-border);
112
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
113
+ --infinite-header-color: var(--infinite-color);
114
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
115
+ --infinite-cell-color: var(--infinite-color);
116
+ --infinite-flashing-background: var(--infinite-accent-color);
117
+ --infinite-flashing-up-background: var(--infinite-success-color);
118
+ --infinite-flashing-down-background: var(--infinite-error-color);
119
+ --infinite-menu-color: var(--infinite-cell-color);
120
+ --infinite-menu-background: var(--infinite-background);
121
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
122
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
123
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
124
+ --infinite-load-mask-text-background: var(--infinite-background);
125
+ --infinite-load-mask-color: var(--infinite-cell-color);
126
+ --infinite-row-background: var(--infinite-background);
127
+ --infinite-grouping-toolbar-background: var(--infinite-background);
128
+ --infinite-theme-name: balsam;
129
+ --infinite-theme-mode: dark;
130
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
131
+ --infinite-background: #2d3436;
132
+ --infinite-menu-separator-color: #5c5c5c;
133
+ --infinite-color: #f5f5f5;
134
+ --infinite-cell-border-top: 1px solid var(--infinite-cell-border-color);
135
+ --infinite-header-cell-background: #1c1c1c;
136
+ --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
137
+ --infinite-row-odd-background: #262c2e;
138
+ --infinite-row-hover-background: #3d4749;
139
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
140
+ --infinite-cell-border-color: #5c5c5c;
141
+ }
134
142
  }
135
143
  }