@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/theme/minimalist.css CHANGED
@@ -1,123 +1,5 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwYrbMBCG73kKQaDsQhWStGUX91LodmkfQ7HGsYgsCUlOAmXfvVgxidexJTnx0osPgWDN/DOyRvMNXjCRMcEsYJtDAViQAjAumGAF4czYREtpP6NFwAz9nSGE8dkqB0JB4xQ4xxupq/+abXObICEFfA8Zd5pljFvQGCizUuMNSXdbLUtBE7Qn+qFhqOUBS0obJo89ESWX+srdPe3xaEbtSNFtYYBqxonJmdj6dkPSFIQN+JfKJ2HKNAVjAhpUHoRPBbSWulujAFH27fv8SjqdPPH6j895MgsFpsyQDQfq02nF6RcjqWV7CFVWLvfvCqFfT2kwxp9bjCCXhOKCmB22cLS3vbGLxtBTqjJshrSaCKOIBmFblpfOkKBLZ+g0KiSFBPGqI7TWm6EOObNXN+yU/nz98uXp63NHru8vvi9fd1AGFNHEynMzmP96eV2/PnVd7LqRWakStFJHZCRnNMJBE8pKk6Clr+9FNJZajkPW3Ufjum3T6sCozRO0VMeWUX0VnC0TlKXuFTFhwCZorY5u//Wvcv2EFn9q399uVz+BcwcFhFzVumPIpC4SVCoFOiXGJYZQJoXFBzjlu5Gcnh5zsFW3N4qkTGwTtFwsv0FRrb3N3mZtHlUFhbErqAFLbYqF1q852BAPMtLrPa7wFZ498vd5+/KeZoJpJphmgmkmmGaCaSb4bzMBJXoXvzLWRFBpfxy3nfpE14muE10nug6ha9U4PHCdr8gqW2968NrJtFHw2gluH16DDhNeR8frjwIoI+hBachA160Nm7Qqr1NlPbroIaYN+aI8kHDRjBuVcrdwLpZ0w1l3P+3G4d04xLuRefdQb2TujU++D2DfOPS7h39DCBjJwCAFYzgYIOFQFg6j4Q08jCPiICZGUjGWi5FkvIuNfjoG+dhLSB8jK0o6Uv4D/JKp81MdAAA= */
2
- .infinite-theme-name--minimalist:root,
3
- .infinite-theme-name--minimalist {
4
- --infinite-header-cell-border-right: none;
5
- --infinite-header-cell-border: none;
6
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
7
- --infinite-header-color: var(--infinite-color);
8
- --infinite-header-background: none;
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: var(--infinite-menu-background);
16
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
18
- --infinite-load-mask-text-background: var(--infinite-background);
19
- --infinite-load-mask-color: var(--infinite-cell-color);
20
- --infinite-row-background: transparent;
21
- --infinite-theme-name: minimalist;
22
- --infinite-theme-mode: light;
23
- --infinite-background: white;
24
- --infinite-color: #2D3748;
25
- --infinite-row-odd-background: transparent;
26
- --infinite-menu-separator-color: #EDF2F7;
27
- --infinite-cell-border-top: 1px solid #EDF2F7;
28
- --infinite-cell-border-radius: 0;
29
- --infinite-header-cell-background: none;
30
- --infinite-cell-border-left: none;
31
- --infinite-cell-border-right: none;
32
- --infinite-cell-border-width: 0px;
33
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
34
- & .InfiniteHeaderCell {
35
- text-transform: uppercase;
36
- font-weight: bold;
37
- letter-spacing: 0.05em;
38
- }
39
- }
40
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
41
- .infinite-theme-mode--light .infinite-theme-name--minimalist,
42
- .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
43
- .infinite-theme-name--minimalist .infinite-theme-mode--light,
44
- .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
45
- --infinite-header-cell-border-right: none;
46
- --infinite-header-cell-border: none;
47
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
48
- --infinite-header-color: var(--infinite-color);
49
- --infinite-header-background: none;
50
- --infinite-cell-color: var(--infinite-color);
51
- --infinite-flashing-background: var(--infinite-accent-color);
52
- --infinite-flashing-up-background: var(--infinite-success-color);
53
- --infinite-flashing-down-background: var(--infinite-error-color);
54
- --infinite-menu-color: var(--infinite-cell-color);
55
- --infinite-menu-background: var(--infinite-background);
56
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
57
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
58
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
59
- --infinite-load-mask-text-background: var(--infinite-background);
60
- --infinite-load-mask-color: var(--infinite-cell-color);
61
- --infinite-row-background: transparent;
62
- --infinite-theme-name: minimalist;
63
- --infinite-theme-mode: light;
64
- --infinite-background: white;
65
- --infinite-color: #2D3748;
66
- --infinite-row-odd-background: transparent;
67
- --infinite-menu-separator-color: #EDF2F7;
68
- --infinite-cell-border-top: 1px solid #EDF2F7;
69
- --infinite-cell-border-radius: 0;
70
- --infinite-header-cell-background: none;
71
- --infinite-cell-border-left: none;
72
- --infinite-cell-border-right: none;
73
- --infinite-cell-border-width: 0px;
74
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
75
- & .InfiniteHeaderCell {
76
- text-transform: uppercase;
77
- font-weight: bold;
78
- letter-spacing: 0.05em;
79
- }
80
- }
81
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
82
- .infinite-theme-mode--dark .infinite-theme-name--minimalist,
83
- .infinite-theme-name--minimalist .infinite-theme-mode--dark {
84
- --infinite-header-cell-border-right: none;
85
- --infinite-header-cell-border: none;
86
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
87
- --infinite-header-color: var(--infinite-color);
88
- --infinite-header-background: none;
89
- --infinite-cell-color: var(--infinite-color);
90
- --infinite-flashing-background: var(--infinite-accent-color);
91
- --infinite-flashing-up-background: var(--infinite-success-color);
92
- --infinite-flashing-down-background: var(--infinite-error-color);
93
- --infinite-menu-color: var(--infinite-cell-color);
94
- --infinite-menu-background: var(--infinite-background);
95
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
96
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
97
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
98
- --infinite-load-mask-text-background: var(--infinite-background);
99
- --infinite-load-mask-color: var(--infinite-cell-color);
100
- --infinite-row-background: transparent;
101
- --infinite-theme-name: minimalist;
102
- --infinite-theme-mode: dark;
103
- --infinite-background: #1a1f2b;
104
- --infinite-color: #EDF2F7;
105
- --infinite-row-odd-background: transparent;
106
- --infinite-menu-separator-color: #2D3748;
107
- --infinite-cell-border-top: 1px solid #2D3748;
108
- --infinite-cell-border-radius: 0;
109
- --infinite-header-cell-background: none;
110
- --infinite-cell-border-left: none;
111
- --infinite-cell-border-right: none;
112
- --infinite-cell-border-width: 0px;
113
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
114
- & .InfiniteHeaderCell {
115
- text-transform: uppercase;
116
- font-weight: bold;
117
- letter-spacing: 0.05em;
118
- }
119
- }
120
- @media (prefers-color-scheme: dark) {
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwYrbMBCG73kKQaDsQhWStGWLeyl0u7SPIVvjWESWhCQngbLvXqSYxJvYspx4CwUfAsGa+WckjecbvGAiZ4JZwLaAErAgJWBcMsFKwpmxiZbSfkSLHjP0Z4YQxierAggFjTPgHKdSu/+abQqbICEFfOszbjXLGbegMVBmpcYpybYbLStBE7Qj+qFhqOUeS0obJo8dESWX+srdP+3waEZtSdFvYYBqzokpmNiEdkOyDITt8a9USMJUWQbG9GhQuRchFdBa6naNEkTVte/TkbQ6BeJ1X5/3ZBZKTJkhKQca0rmI0y1GMst20FdZhdy9KYRuPaXBmHBuMYJcEopLYrbYwsHedmJnjaG35DJshrSaCKOIBmEvLJ2FcoVkpeQpCb6i3Zme+0uCzv2l1aiUFBLEXV+5WG9G3hfMXr2nx0OYr58/PX3+2rLjt+0jtGt/3QYU0cTKU0uZ/3x+Wb88tbWHuh1aqRK0UgdkJGc0wkETyiqToGWoe0a0p1qOQ97ejeN6dtNqz6gtErRUhwuj+oXytkxQlvkjYsKATdBaHfz+659z/YAWv2vfX35XP4BzjxaEfO37a8ilLhNUKQU6I8YnhlAuhcV7OOabSk6PjzlYxwyjSMbEJkHLxfILlG7tdfY6u6SaKyiMfUENWLpkYd/6NU0b4r2kDXqPK3wF+YD8fd6hvKfJYpospslimiymyWKaLP7zyYISvY1fGWuucNrvR3+vPjF6YvTE6InR/57Rrv0EED1fkVW+Tjsg3UrGUSDdiv8QpHsdJkiPDunvJVBG0IPSkIOuGyQ2mSuvY2U9+uh9ZBzyjXwgJ6NJOSorb6FlLC+HE/N+Zo5DzXG4eSM572HnyPQcn5/vQNBxGHoPRYdwdCySRrK0l6YxPO0h6lCmDqPqDVyNI+sgtkbSNZavkYS9i7FhyvZytpO0IdY62nri/gUVKqaubR4AAA== */
2
+ @layer infinite-table {
121
3
  .infinite-theme-name--minimalist:root,
122
4
  .infinite-theme-name--minimalist {
123
5
  --infinite-header-cell-border-right: none;
@@ -137,6 +19,89 @@
137
19
  --infinite-load-mask-text-background: var(--infinite-background);
138
20
  --infinite-load-mask-color: var(--infinite-cell-color);
139
21
  --infinite-row-background: transparent;
22
+ --infinite-grouping-toolbar-background: var(--infinite-background);
23
+ --infinite-theme-name: minimalist;
24
+ --infinite-theme-mode: light;
25
+ --infinite-background: white;
26
+ --infinite-color: #2D3748;
27
+ --infinite-row-odd-background: transparent;
28
+ --infinite-menu-separator-color: #EDF2F7;
29
+ --infinite-cell-border-top: 1px solid #EDF2F7;
30
+ --infinite-cell-border-radius: 0;
31
+ --infinite-header-cell-background: none;
32
+ --infinite-cell-border-left: none;
33
+ --infinite-cell-border-right: none;
34
+ --infinite-cell-border-width: 0px;
35
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
36
+ & .InfiniteHeaderCell {
37
+ text-transform: uppercase;
38
+ font-weight: bold;
39
+ letter-spacing: 0.05em;
40
+ }
41
+ }
42
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
43
+ .infinite-theme-mode--light .infinite-theme-name--minimalist,
44
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
45
+ .infinite-theme-name--minimalist .infinite-theme-mode--light,
46
+ .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
47
+ --infinite-header-cell-border-right: none;
48
+ --infinite-header-cell-border: none;
49
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
50
+ --infinite-header-color: var(--infinite-color);
51
+ --infinite-header-background: none;
52
+ --infinite-cell-color: var(--infinite-color);
53
+ --infinite-flashing-background: var(--infinite-accent-color);
54
+ --infinite-flashing-up-background: var(--infinite-success-color);
55
+ --infinite-flashing-down-background: var(--infinite-error-color);
56
+ --infinite-menu-color: var(--infinite-cell-color);
57
+ --infinite-menu-background: var(--infinite-background);
58
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
59
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
60
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
61
+ --infinite-load-mask-text-background: var(--infinite-background);
62
+ --infinite-load-mask-color: var(--infinite-cell-color);
63
+ --infinite-row-background: transparent;
64
+ --infinite-grouping-toolbar-background: var(--infinite-background);
65
+ --infinite-theme-name: minimalist;
66
+ --infinite-theme-mode: light;
67
+ --infinite-background: white;
68
+ --infinite-color: #2D3748;
69
+ --infinite-row-odd-background: transparent;
70
+ --infinite-menu-separator-color: #EDF2F7;
71
+ --infinite-cell-border-top: 1px solid #EDF2F7;
72
+ --infinite-cell-border-radius: 0;
73
+ --infinite-header-cell-background: none;
74
+ --infinite-cell-border-left: none;
75
+ --infinite-cell-border-right: none;
76
+ --infinite-cell-border-width: 0px;
77
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
78
+ & .InfiniteHeaderCell {
79
+ text-transform: uppercase;
80
+ font-weight: bold;
81
+ letter-spacing: 0.05em;
82
+ }
83
+ }
84
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
85
+ .infinite-theme-mode--dark .infinite-theme-name--minimalist,
86
+ .infinite-theme-name--minimalist .infinite-theme-mode--dark {
87
+ --infinite-header-cell-border-right: none;
88
+ --infinite-header-cell-border: none;
89
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
90
+ --infinite-header-color: var(--infinite-color);
91
+ --infinite-header-background: none;
92
+ --infinite-cell-color: var(--infinite-color);
93
+ --infinite-flashing-background: var(--infinite-accent-color);
94
+ --infinite-flashing-up-background: var(--infinite-success-color);
95
+ --infinite-flashing-down-background: var(--infinite-error-color);
96
+ --infinite-menu-color: var(--infinite-cell-color);
97
+ --infinite-menu-background: var(--infinite-background);
98
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
99
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
100
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
101
+ --infinite-load-mask-text-background: var(--infinite-background);
102
+ --infinite-load-mask-color: var(--infinite-cell-color);
103
+ --infinite-row-background: transparent;
104
+ --infinite-grouping-toolbar-background: var(--infinite-background);
140
105
  --infinite-theme-name: minimalist;
141
106
  --infinite-theme-mode: dark;
142
107
  --infinite-background: #1a1f2b;
@@ -156,4 +121,45 @@
156
121
  letter-spacing: 0.05em;
157
122
  }
158
123
  }
124
+ @media (prefers-color-scheme: dark) {
125
+ .infinite-theme-name--minimalist:root,
126
+ .infinite-theme-name--minimalist {
127
+ --infinite-header-cell-border-right: none;
128
+ --infinite-header-cell-border: none;
129
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
130
+ --infinite-header-color: var(--infinite-color);
131
+ --infinite-header-background: none;
132
+ --infinite-cell-color: var(--infinite-color);
133
+ --infinite-flashing-background: var(--infinite-accent-color);
134
+ --infinite-flashing-up-background: var(--infinite-success-color);
135
+ --infinite-flashing-down-background: var(--infinite-error-color);
136
+ --infinite-menu-color: var(--infinite-cell-color);
137
+ --infinite-menu-background: var(--infinite-background);
138
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
139
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
140
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
141
+ --infinite-load-mask-text-background: var(--infinite-background);
142
+ --infinite-load-mask-color: var(--infinite-cell-color);
143
+ --infinite-row-background: transparent;
144
+ --infinite-grouping-toolbar-background: var(--infinite-background);
145
+ --infinite-theme-name: minimalist;
146
+ --infinite-theme-mode: dark;
147
+ --infinite-background: #1a1f2b;
148
+ --infinite-color: #EDF2F7;
149
+ --infinite-row-odd-background: transparent;
150
+ --infinite-menu-separator-color: #2D3748;
151
+ --infinite-cell-border-top: 1px solid #2D3748;
152
+ --infinite-cell-border-radius: 0;
153
+ --infinite-header-cell-background: none;
154
+ --infinite-cell-border-left: none;
155
+ --infinite-cell-border-right: none;
156
+ --infinite-cell-border-width: 0px;
157
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
158
+ & .InfiniteHeaderCell {
159
+ text-transform: uppercase;
160
+ font-weight: bold;
161
+ letter-spacing: 0.05em;
162
+ }
163
+ }
164
+ }
159
165
  }
package/theme/ocean.css CHANGED
@@ -1,126 +1,5 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3ZzWrjMBAA4HueQhAWWohKnDhu1nvZV1GkcSxqS0ZSmsCSd1/sDY3jH9mJ1S4FHQoFjUZjWRp/kBcuEi64AWxSyAELkgPGkgIRsZLSLNBLfwT6M0MI44+AFAgDhSlkGd5JVf6v+D41MQqKE9Iy4wxRmUmFc3564gJptd8tkFFE6IIoEGaB3ol6qqWswp9RuPzx/Gtosbg1+TrWnJ3wzIDCwLiRCu8IfdsreRCslUPJI5aM1UL6CikrbZdQ1d89w7Jq/eFS+X4T3MxWBd2xepIRnXKxt61PKAVhBuYfClsKfaAUtB7IweRR2LKAUlJ158hBHPqe+2NLOieN3Pj+La+ycAM5ZlyTXQbMlrOxZn8yQg1/h6HTOHQervkKBVrba+tPk0nCcE70GzZwMlNz3Pueygd9aMlrk4pR1aQ6x3PJIEZZ2Zwa4/WTH6P5drehSdSIqRc2ZwFsE9q8k5fpy3C1XrPG4M3NiNE8CilEYSOodvBjNE9otIk2tg5YL+mVsXWrJFtLidF8vd2xZNvVWi6d3Mhieh8P2n28vkYGiYmRkAIsQZdPykDUkTOTxmhZnFovuLpkVSwXjFNSfgG40GBitCpO1TNe/joO5e23IO7ah447WzuvC3RMuQG0am9F1+1+sEOVqTRkQI39/t/zobnJ2a5z3E50FGXbkqqZaSiIql7T5T5MOXznWVM0ZTPAuGoGdwzVHGQZavupltJmK+tEZznrmLMkfXiirVCPR49Hj0ePR49Hj0ePR4/H74xHRtTb+JFpdCwzulZeldODzIPMg8yD7JuCrOxhUz22XK9omPR47GdEloQMeCx4jcLg1eqxDQRh0CRbr8c6FTjgseUqSNZN8Tn02PVFe5TVBOJNNrgjbkjWOn/n2e8cGCfoqVCQgLrcR6xp2SD+9YbnCjgWG438wfOLkTSVSU6h9AiVXGPpfi5NB5MbMrlB04NscgUnx3RyjydnfHIDqCmEmoCoYUYNQmocpcZgaoBTI0E1ilT3ouoxVn0hrEbSaiyuRvJqErA+nVhOkfU5zPov0PoKaiF0np3/AsUNcXQ3JgAA */
2
- .infinite-theme-name--ocean:root,
3
- .infinite-theme-name--ocean {
4
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
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-header-cell-background);
15
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
16
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
- --infinite-menu-item-pressed-background: var(--infinite-background);
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: ocean;
22
- --infinite-theme-mode: light;
23
- --infinite-accent-color: #8b5cf6;
24
- --infinite-background: #d1e8fc;
25
- --infinite-color: #04233d;
26
- --infinite-success-color: #64ce64;
27
- --infinite-error-color: #fc6565;
28
- --infinite-header-cell-background: #7dd3fc;
29
- --infinite-header-cell-hover-background: #38bdf8;
30
- --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
31
- --infinite-cell-border-left: none;
32
- --infinite-cell-border-right: none;
33
- --infinite-cell-border-width: 0px;
34
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
35
- --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
36
- --infinite-row-hover-background: var(--infinite-header-cell-background);
37
- --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
38
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
39
- --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
40
- }
41
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
42
- .infinite-theme-mode--light .infinite-theme-name--ocean,
43
- .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
44
- .infinite-theme-name--ocean .infinite-theme-mode--light,
45
- .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
46
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
47
- --infinite-header-cell-border: var(--infinite-cell-border);
48
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
49
- --infinite-header-color: var(--infinite-color);
50
- --infinite-header-background: var(--infinite-header-cell-hover-background);
51
- --infinite-cell-color: var(--infinite-color);
52
- --infinite-flashing-background: var(--infinite-accent-color);
53
- --infinite-flashing-up-background: var(--infinite-success-color);
54
- --infinite-flashing-down-background: var(--infinite-error-color);
55
- --infinite-menu-color: var(--infinite-cell-color);
56
- --infinite-menu-background: var(--infinite-header-cell-background);
57
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
58
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
59
- --infinite-menu-item-pressed-background: var(--infinite-background);
60
- --infinite-load-mask-text-background: var(--infinite-background);
61
- --infinite-load-mask-color: var(--infinite-cell-color);
62
- --infinite-row-background: var(--infinite-background);
63
- --infinite-theme-name: ocean;
64
- --infinite-theme-mode: light;
65
- --infinite-accent-color: #8b5cf6;
66
- --infinite-background: #d1e8fc;
67
- --infinite-color: #04233d;
68
- --infinite-success-color: #64ce64;
69
- --infinite-error-color: #fc6565;
70
- --infinite-header-cell-background: #7dd3fc;
71
- --infinite-header-cell-hover-background: #38bdf8;
72
- --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
73
- --infinite-cell-border-left: none;
74
- --infinite-cell-border-right: none;
75
- --infinite-cell-border-width: 0px;
76
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
77
- --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
78
- --infinite-row-hover-background: var(--infinite-header-cell-background);
79
- --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
80
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
81
- --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
82
- }
83
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
84
- .infinite-theme-mode--dark .infinite-theme-name--ocean,
85
- .infinite-theme-name--ocean .infinite-theme-mode--dark {
86
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
87
- --infinite-header-cell-border: var(--infinite-cell-border);
88
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
89
- --infinite-header-color: var(--infinite-color);
90
- --infinite-header-background: var(--infinite-header-cell-hover-background);
91
- --infinite-cell-color: var(--infinite-color);
92
- --infinite-flashing-background: var(--infinite-accent-color);
93
- --infinite-flashing-up-background: var(--infinite-success-color);
94
- --infinite-flashing-down-background: var(--infinite-error-color);
95
- --infinite-menu-color: var(--infinite-cell-color);
96
- --infinite-menu-background: var(--infinite-header-cell-background);
97
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
98
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
99
- --infinite-menu-item-pressed-background: var(--infinite-background);
100
- --infinite-load-mask-text-background: var(--infinite-background);
101
- --infinite-load-mask-color: var(--infinite-cell-color);
102
- --infinite-row-background: var(--infinite-background);
103
- --infinite-theme-name: ocean;
104
- --infinite-theme-mode: dark;
105
- --infinite-accent-color: #8b5cf6;
106
- --infinite-background: #032c4f;
107
- --infinite-color: #96a0aa;
108
- --infinite-success-color: #176417;
109
- --infinite-error-color: #5e1414;
110
- --infinite-header-cell-background: #04233d;
111
- --infinite-header-cell-hover-background: #021f35;
112
- --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
113
- --infinite-cell-border-left: none;
114
- --infinite-cell-border-right: none;
115
- --infinite-cell-border-width: 0px;
116
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
117
- --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
118
- --infinite-row-hover-background: var(--infinite-header-cell-background);
119
- --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
120
- --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
121
- --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
122
- }
123
- @media (prefers-color-scheme: dark) {
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Z3Y7iIBQA4HufgsRsMpPIxGrtuN2bfRUKp0qmhQZwNNn47pt2zVj7Q6tlZi6WCxMjhwOlcPgSX7hIueAGsNlDDliQHDCWFIiIlZRmgV76I9CfGUIYfwTsgTBQmEKW4USq8rviu72JUVCckJYZZ4jKTCqc89MTF0irXbJARhGhC6JAmAV6J+qplrIKf0bh8sfzr6HB4lbna1uzd8ozAwoD40YqnBD6tlPyIFgrh5JHLBmrhfRNpJxpewrV/Lt7WEatP9xevt8EN7NVQXeMnmZE77nY2cYnlIIwA/0PhS2FPlAKWg/kYPIobFlAKam6c+QgDn3P/bEknZ1GLnz/kldZuIEcM65JkgGz5WyM2Z+MUMPfYWg3Du2Ha75Cgdb2ufWnySRhOCf6DRs4mak57n1P5YM+NGT5a1HuLCNllhDrKevPci11MapKXWd7LhnEKCtLXKO9fn5iNN8mG5pGjZj6xOYsgG1Kmyf70n0ZrtZr1mi8OV8xmkchhShsBNWOT4zmKY020cZWR+tTemVs3ZqSrTDFaL7eJizddhWoy31gZDH9Ngjat0F9jAxSEyMhBViCLhfTQNSRM7OP0bI4tV5wdVSrWC4Yp6S8R7jQYGK0Kk7VM14+HVv79kaJu9ah4+TX9usCHffcAFq1l6KrRjxY58pUGjKgxl5F7rmubnK25zluJTomZVuSqiRqKIiqXtPlPEzZfOdZ00VlMcC4KgZ3NNU0ZWlqK6yW0iY0a0dnOesktCR9uKNtop6gnqCeoJ6gnqCeoJ6gnqCeoIyot/Et0wBaZnRtxSqnZ51nnWedZ91/zbqyEk5V3XK9omHao7qfEVkSMqC64DUKg1er6jYQhEETfr2q67TkgOqWqyBdN93oUHXX7eJpV3OMl93giriBXWv/nWe/c2CcoKdCQQrqch6xpmWB+FcbnismWYQ18i/cL6bWVGw55dYj4HJNrvvRNZ1dbuDlhl4P4ssVvxwDzD3BnCHMDcOmQGwCxVxhbJhjgyAbR7IxKBtg2UiYjaLZvTh7jGdfCLSRRBuLtJFMmwS1T6eaU6x9Dte+BWxfQTaEzrPzX0lMGv1RJwAA */
2
+ @layer infinite-table {
124
3
  .infinite-theme-name--ocean:root,
125
4
  .infinite-theme-name--ocean {
126
5
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
@@ -140,6 +19,91 @@
140
19
  --infinite-load-mask-text-background: var(--infinite-background);
141
20
  --infinite-load-mask-color: var(--infinite-cell-color);
142
21
  --infinite-row-background: var(--infinite-background);
22
+ --infinite-grouping-toolbar-background: var(--infinite-background);
23
+ --infinite-theme-name: ocean;
24
+ --infinite-theme-mode: light;
25
+ --infinite-accent-color: #8b5cf6;
26
+ --infinite-background: #d1e8fc;
27
+ --infinite-color: #04233d;
28
+ --infinite-success-color: #64ce64;
29
+ --infinite-error-color: #fc6565;
30
+ --infinite-header-cell-background: #7dd3fc;
31
+ --infinite-header-cell-hover-background: #38bdf8;
32
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
33
+ --infinite-cell-border-left: none;
34
+ --infinite-cell-border-right: none;
35
+ --infinite-cell-border-width: 0px;
36
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
37
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
38
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
39
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
40
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
41
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
42
+ }
43
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
44
+ .infinite-theme-mode--light .infinite-theme-name--ocean,
45
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
46
+ .infinite-theme-name--ocean .infinite-theme-mode--light,
47
+ .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
48
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
49
+ --infinite-header-cell-border: var(--infinite-cell-border);
50
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
51
+ --infinite-header-color: var(--infinite-color);
52
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
53
+ --infinite-cell-color: var(--infinite-color);
54
+ --infinite-flashing-background: var(--infinite-accent-color);
55
+ --infinite-flashing-up-background: var(--infinite-success-color);
56
+ --infinite-flashing-down-background: var(--infinite-error-color);
57
+ --infinite-menu-color: var(--infinite-cell-color);
58
+ --infinite-menu-background: var(--infinite-header-cell-background);
59
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
60
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
61
+ --infinite-menu-item-pressed-background: var(--infinite-background);
62
+ --infinite-load-mask-text-background: var(--infinite-background);
63
+ --infinite-load-mask-color: var(--infinite-cell-color);
64
+ --infinite-row-background: var(--infinite-background);
65
+ --infinite-grouping-toolbar-background: var(--infinite-background);
66
+ --infinite-theme-name: ocean;
67
+ --infinite-theme-mode: light;
68
+ --infinite-accent-color: #8b5cf6;
69
+ --infinite-background: #d1e8fc;
70
+ --infinite-color: #04233d;
71
+ --infinite-success-color: #64ce64;
72
+ --infinite-error-color: #fc6565;
73
+ --infinite-header-cell-background: #7dd3fc;
74
+ --infinite-header-cell-hover-background: #38bdf8;
75
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
76
+ --infinite-cell-border-left: none;
77
+ --infinite-cell-border-right: none;
78
+ --infinite-cell-border-width: 0px;
79
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
80
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
81
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
82
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
83
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
84
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
85
+ }
86
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
87
+ .infinite-theme-mode--dark .infinite-theme-name--ocean,
88
+ .infinite-theme-name--ocean .infinite-theme-mode--dark {
89
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
90
+ --infinite-header-cell-border: var(--infinite-cell-border);
91
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
92
+ --infinite-header-color: var(--infinite-color);
93
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
94
+ --infinite-cell-color: var(--infinite-color);
95
+ --infinite-flashing-background: var(--infinite-accent-color);
96
+ --infinite-flashing-up-background: var(--infinite-success-color);
97
+ --infinite-flashing-down-background: var(--infinite-error-color);
98
+ --infinite-menu-color: var(--infinite-cell-color);
99
+ --infinite-menu-background: var(--infinite-header-cell-background);
100
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
101
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
102
+ --infinite-menu-item-pressed-background: var(--infinite-background);
103
+ --infinite-load-mask-text-background: var(--infinite-background);
104
+ --infinite-load-mask-color: var(--infinite-cell-color);
105
+ --infinite-row-background: var(--infinite-background);
106
+ --infinite-grouping-toolbar-background: var(--infinite-background);
143
107
  --infinite-theme-name: ocean;
144
108
  --infinite-theme-mode: dark;
145
109
  --infinite-accent-color: #8b5cf6;
@@ -160,4 +124,46 @@
160
124
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
161
125
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
162
126
  }
127
+ @media (prefers-color-scheme: dark) {
128
+ .infinite-theme-name--ocean:root,
129
+ .infinite-theme-name--ocean {
130
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
131
+ --infinite-header-cell-border: var(--infinite-cell-border);
132
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
133
+ --infinite-header-color: var(--infinite-color);
134
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
135
+ --infinite-cell-color: var(--infinite-color);
136
+ --infinite-flashing-background: var(--infinite-accent-color);
137
+ --infinite-flashing-up-background: var(--infinite-success-color);
138
+ --infinite-flashing-down-background: var(--infinite-error-color);
139
+ --infinite-menu-color: var(--infinite-cell-color);
140
+ --infinite-menu-background: var(--infinite-header-cell-background);
141
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
142
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
143
+ --infinite-menu-item-pressed-background: var(--infinite-background);
144
+ --infinite-load-mask-text-background: var(--infinite-background);
145
+ --infinite-load-mask-color: var(--infinite-cell-color);
146
+ --infinite-row-background: var(--infinite-background);
147
+ --infinite-grouping-toolbar-background: var(--infinite-background);
148
+ --infinite-theme-name: ocean;
149
+ --infinite-theme-mode: dark;
150
+ --infinite-accent-color: #8b5cf6;
151
+ --infinite-background: #032c4f;
152
+ --infinite-color: #96a0aa;
153
+ --infinite-success-color: #176417;
154
+ --infinite-error-color: #5e1414;
155
+ --infinite-header-cell-background: #04233d;
156
+ --infinite-header-cell-hover-background: #021f35;
157
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
158
+ --infinite-cell-border-left: none;
159
+ --infinite-cell-border-right: none;
160
+ --infinite-cell-border-width: 0px;
161
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
162
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
163
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
164
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
165
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
166
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
167
+ }
168
+ }
163
169
  }