@infinite-table/infinite-react 7.3.2 → 7.3.4

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 +10 -1
  3. package/index.dev.js +12562 -12528
  4. package/index.dev.mjs +11635 -11601
  5. package/index.js +8 -8
  6. package/index.mjs +8 -8
  7. package/package.json +2 -2
  8. package/theme/balsam.css +107 -105
  9. package/theme/default.css +630 -628
  10. package/theme/minimalist.css +124 -122
  11. package/theme/ocean.css +127 -125
  12. package/theme/shadcn.css +109 -107
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",
28
+ "version": "7.3.4",
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": 1760523870650
37
+ "publishedAt": 1760539364168
38
38
  }
package/theme/balsam.css CHANGED
@@ -1,111 +1,77 @@
1
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
- .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-grouping-toolbar-background: var(--infinite-background);
22
- --infinite-theme-name: balsam;
23
- --infinite-theme-mode: light;
24
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
25
- --infinite-background: white;
26
- --infinite-menu-separator-color: #bdc3c7;
27
- --infinite-color: black;
28
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
29
- --infinite-header-cell-background: #f5f7f7;
30
- --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
31
- --infinite-row-odd-background: #fcfdfe;
32
- --infinite-row-hover-background: #ecf0f1;
33
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
34
- }
35
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
36
- .infinite-theme-mode--light .infinite-theme-name--balsam,
37
- .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
38
- .infinite-theme-name--balsam .infinite-theme-mode--light,
39
- .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
40
- --infinite-header-cell-border-right: var(--infinite-cell-border);
41
- --infinite-header-cell-border: var(--infinite-cell-border);
42
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
43
- --infinite-header-color: var(--infinite-color);
44
- --infinite-header-background: var(--infinite-header-cell-hover-background);
45
- --infinite-cell-color: var(--infinite-color);
46
- --infinite-flashing-background: var(--infinite-accent-color);
47
- --infinite-flashing-up-background: var(--infinite-success-color);
48
- --infinite-flashing-down-background: var(--infinite-error-color);
49
- --infinite-menu-color: var(--infinite-cell-color);
50
- --infinite-menu-background: var(--infinite-background);
51
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
52
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
53
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
54
- --infinite-load-mask-text-background: var(--infinite-background);
55
- --infinite-load-mask-color: var(--infinite-cell-color);
56
- --infinite-row-background: var(--infinite-background);
57
- --infinite-grouping-toolbar-background: var(--infinite-background);
58
- --infinite-theme-name: balsam;
59
- --infinite-theme-mode: light;
60
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
61
- --infinite-background: white;
62
- --infinite-menu-separator-color: #bdc3c7;
63
- --infinite-color: black;
64
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
65
- --infinite-header-cell-background: #f5f7f7;
66
- --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
67
- --infinite-row-odd-background: #fcfdfe;
68
- --infinite-row-hover-background: #ecf0f1;
69
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
70
- }
71
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
72
- .infinite-theme-mode--dark .infinite-theme-name--balsam,
73
- .infinite-theme-name--balsam .infinite-theme-mode--dark {
74
- --infinite-header-cell-border-right: var(--infinite-cell-border);
75
- --infinite-header-cell-border: var(--infinite-cell-border);
76
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
77
- --infinite-header-color: var(--infinite-color);
78
- --infinite-header-background: var(--infinite-header-cell-hover-background);
79
- --infinite-cell-color: var(--infinite-color);
80
- --infinite-flashing-background: var(--infinite-accent-color);
81
- --infinite-flashing-up-background: var(--infinite-success-color);
82
- --infinite-flashing-down-background: var(--infinite-error-color);
83
- --infinite-menu-color: var(--infinite-cell-color);
84
- --infinite-menu-background: var(--infinite-background);
85
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
86
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
87
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
88
- --infinite-load-mask-text-background: var(--infinite-background);
89
- --infinite-load-mask-color: var(--infinite-cell-color);
90
- --infinite-row-background: var(--infinite-background);
91
- --infinite-grouping-toolbar-background: var(--infinite-background);
92
- --infinite-theme-name: balsam;
93
- --infinite-theme-mode: dark;
94
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
95
- --infinite-background: #2d3436;
96
- --infinite-menu-separator-color: #5c5c5c;
97
- --infinite-color: #f5f5f5;
98
- --infinite-cell-border-top: 1px solid var(--infinite-cell-border-color);
99
- --infinite-header-cell-background: #1c1c1c;
100
- --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
101
- --infinite-row-odd-background: #262c2e;
102
- --infinite-row-hover-background: #3d4749;
103
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
104
- --infinite-cell-border-color: #5c5c5c;
105
- }
106
- @media (prefers-color-scheme: dark) {
2
+ @layer infinite-table {
107
3
  .infinite-theme-name--balsam:root,
108
4
  .infinite-theme-name--balsam {
5
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
6
+ --infinite-header-cell-border: var(--infinite-cell-border);
7
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
8
+ --infinite-header-color: var(--infinite-color);
9
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
10
+ --infinite-cell-color: var(--infinite-color);
11
+ --infinite-flashing-background: var(--infinite-accent-color);
12
+ --infinite-flashing-up-background: var(--infinite-success-color);
13
+ --infinite-flashing-down-background: var(--infinite-error-color);
14
+ --infinite-menu-color: var(--infinite-cell-color);
15
+ --infinite-menu-background: var(--infinite-background);
16
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
17
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
18
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
19
+ --infinite-load-mask-text-background: var(--infinite-background);
20
+ --infinite-load-mask-color: var(--infinite-cell-color);
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 {
109
75
  --infinite-header-cell-border-right: var(--infinite-cell-border);
110
76
  --infinite-header-cell-border: var(--infinite-cell-border);
111
77
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
@@ -138,4 +104,40 @@
138
104
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
139
105
  --infinite-cell-border-color: #5c5c5c;
140
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
+ }
142
+ }
141
143
  }