@infinite-table/infinite-react 0.3.1 → 0.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 (6) hide show
  1. package/index.css +199 -91
  2. package/index.d.ts +654 -411
  3. package/index.esm.css +199 -91
  4. package/index.esm.js +1911 -832
  5. package/index.js +1906 -840
  6. package/package.json +2 -2
package/index.esm.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Z3Y7iIBi99ylIvNFkO+mvOp2bTfZJKNCW2EJDq4678d0XOnVqaeloxk32ghAv9Bw+4JwPchJjwXkD/iwAcBzKUspoQ5y6gog4bgxcQcq3KcyT2IvnRybcV7gZDhRsREOFbo1wFAPPhG0kNrPuVsFGdBcDf2byawwCox5SrHAMppw1Tk1/f4g5tXLPaCXdTC3fc3yTMj2llXY3zwknFezxyKRiT9kYlOwZW5OaLSWFJS3OMaAsJ4I2GgXxgosYLMOdGhoIESKywpWTpls3DDROwgUmwhEQ00MdgyMUq3GPrvVJEO0zwQ8Mx+CUy180vKTMyQnN8kYe3nWrdw0vOMROCeu905D3ZlBOZAlc+VH04/qRHunL99P5kYgCngcVMgHPX07g8mC0OasW0BXpyZ1w08r3tApiTFlmEC8y735e+wGqF8kJVCAiRTE4/JJgNWbY87sN1qbfZ0piAbNM1hzuBIc4wLq4t9Mo4qy9AbJJNqMe6Zi3JbWdTWtg2mh3CTapGtOca8sG445tF+lqoIMQ8l79Ut+maJ1xJ4qbXB5tuta8Df69NtwsOCo12swa1LygGCzRRo2ZvVN2pDVNCmkN40y/3rfMxx4OwU9zjppdVBM5xsMOa63Uj6HQarTQEiUoQpGRK609lMxhpG5aVyZaQNFy9X5obZ6oMcGtOGWNZJOjbJbake9kIXVBghdFuwQ8NPxtcVm8FKrrbLKwycImC5ssbLKwycImC5ssnpIs+pfBRgwbMWzEsBHDRgwbMWzEsBHjaREDQ7HXg8VgCc/1Qu91znnZZFdvfRj4gekB6C4BCtS490nxEt/z9eWfdT0NqgZJuI3Cf9o9fiil8mbu+adMtzHQmvXfm/WzJJhCsKoESYmoPxjy5uWklO+ZMnDdOhh//h15j5sP+nmfo496+jxXH/P1G84+4u3X7gJwWVz+AvWNjRFIHgAA */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1b226jMBB971dY6ksj1VW4JS37stJ+ibFNsAI4MiRtdtV/X5uQAgY7oHalVWWhPrRzPDOeGR/7rLSx4LwGf+4AgJCVKStZTWF1QJjCdQzWghY/pmyetD15fmSy+8puNgfKbLSGyro1mqMYeCbbRtoscbfKbLQ+x8C3LH6JQWCshyxWODamvKxhxX5fijkVuUM0Jd1Mhe8wvqkyHaQp7bMdE05WsLNHpip2kI2hkh1ia6pmA0lRwfJzDFiZUcFqDYJ5zkUM7sNn9WlGhDGVHq6YNN2uw0DDJFwQKqBAhB2rGJyQeBjP6EpfhPB+J/ixJDF4zeRfNHvBSphRtstqufn1+vCm2XOOCCxQtYc1fasH7sQuQQ9+FD1ef2SP9PDdcn6iIkfngYedQOebC7jcGKvPagT0inTgtnDTle9gB0QIK3eG4kXm7O21H1h1JxlFyohpng82f0+J+izoNlv4Zsg3sIW6Lj5/YvFo6WSA1RzU2wpY4hGBdjsFGxSIhCQges/7yxjmZXMw5exuRqPbR1Zc1Bd4gYSMZFvQz8Gysw5mqmR7mDep+sZscCzKK/R6AoPxAWxita7wUQhJE7/Ub1Owdg5fGakzucNpX/Yz4I+6aRiXXsCRq1EyK1DxnBFwjzfqs+TOyhOrWJLLlpa81Nmqj1zGgwjX7GTPegy5Jn8bWNXnnM4BNp28ndzFYQwIqrIRR5gSnWq5KQUIZQG229loOS9e+DIbnsiL0otmwpur5GFm7WTis+ss016ATVbWvnwcd4jyQ4Yuj8EFCyCskZxreCxTjo8VJc1zc56DVPDiY2ybe3dBtR6XlGsBOLkB1vY/qq7grzauNfOrWsgJGV4WDcnqzKKsh1Gge5zgCOu967AtN5e0qhuinGBlBcvUC0W7sRL1TWAPnJW1RNOT5O8KypeYnIQKC57nTQh0rPn0KDTJWwmrQ9j5qoez0lUPZ2Mr3d0cPr3EvemvZbO5/HzTX8syn2PnG+M6PfqzfA2P97wj1VsiY7zfPeXqBeFErxO9TvQ60etErxO9TvQ60etErxO9TvQ60etErxO931H0do9Wp36d+nXq16lfp36d+nXq16lfp36d+nXq16lfp36d+v2u6pcgsdc172A2vbUXejqDD+5DeXtc72kfBX5gepu27xocqG/ua9dLfM/Xw3/Vi8twHIMk3EbhP6UdP5Sl0lm8/2b7KFP/Xyhcs/77Zv0sKGEIPBwETamo2kuvwhktmneZ2K+aDsYf/79gTjcX9nNeR5f29Ou6uqyvn+jskt7e7i4A73fvfwFJfNy1GTIAAA== */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -32,24 +32,43 @@
32
32
  --infinite-load-mask-padding: var(--infinite-space-5);
33
33
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
34
34
  --infinite-header-cell-background: #ededed;
35
- --infinite-header-cell-padding: var(--infinite-space-3) var(--infinite-space-3);
35
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
36
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
37
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
36
38
  --infinite-header-cell-dragging-background: #d4d3d3;
37
39
  --infinite-header-cell-icon-size: 16px;
40
+ --infinite-header-cell-sort-icon-margin: 16px;
38
41
  --infinite-header-background: var(--infinite-header-cell-background);
39
42
  --infinite-header-color: #6f6f6f;
40
- --infinite-header-height: 30px;
43
+ --infinite-column-header-height: 30px;
41
44
  --infinite-cell-color: currentColor;
42
45
  --infinite-cell-border-width: 1px;
43
46
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
44
47
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
45
48
  --infinite-cell-border-invisible: none;
46
49
  --infinite-cell-border-radius: var(--infinite-space-2);
50
+ --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
51
+ --infinite-active-cell-border-style: dashed;
52
+ --infinite-active-cell-border-width: 1px;
53
+ --infinite-active-cell-border-color--r: 77;
54
+ --infinite-active-cell-border-color--g: 149;
55
+ --infinite-active-cell-border-color--b: 215;
56
+ --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
57
+ --infinite-active-cell-background-alpha: 0.25;
58
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
59
+ --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
47
60
  --infinite-row-background: var(--infinite-background);
48
61
  --infinite-row-odd-background: #f6f6f6;
49
62
  --infinite-group-row-background: #cbc5c5;
50
63
  --infinite-group-row-column-nesting: 30px;
51
64
  --infinite-row-hover-background: #dbdbdb;
52
65
  --infinite-row-pointer-events-while-scrolling: auto;
66
+ --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
67
+ --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
68
+ --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
69
+ --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
70
+ --infinite-active-row-background: var(--infinite-active-cell-background);
71
+ --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
53
72
  }
54
73
  .light {
55
74
  --infinite-space-0: 0rem;
@@ -84,24 +103,43 @@
84
103
  --infinite-load-mask-padding: var(--infinite-space-5);
85
104
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
86
105
  --infinite-header-cell-background: #ededed;
87
- --infinite-header-cell-padding: var(--infinite-space-3) var(--infinite-space-3);
106
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
107
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
108
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
88
109
  --infinite-header-cell-dragging-background: #d4d3d3;
89
110
  --infinite-header-cell-icon-size: 16px;
111
+ --infinite-header-cell-sort-icon-margin: 16px;
90
112
  --infinite-header-background: var(--infinite-header-cell-background);
91
113
  --infinite-header-color: #6f6f6f;
92
- --infinite-header-height: 30px;
114
+ --infinite-column-header-height: 30px;
93
115
  --infinite-cell-color: currentColor;
94
116
  --infinite-cell-border-width: 1px;
95
117
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
96
118
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
97
119
  --infinite-cell-border-invisible: none;
98
120
  --infinite-cell-border-radius: var(--infinite-space-2);
121
+ --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
122
+ --infinite-active-cell-border-style: dashed;
123
+ --infinite-active-cell-border-width: 1px;
124
+ --infinite-active-cell-border-color--r: 77;
125
+ --infinite-active-cell-border-color--g: 149;
126
+ --infinite-active-cell-border-color--b: 215;
127
+ --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
128
+ --infinite-active-cell-background-alpha: 0.25;
129
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
130
+ --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
99
131
  --infinite-row-background: var(--infinite-background);
100
132
  --infinite-row-odd-background: #f6f6f6;
101
133
  --infinite-group-row-background: #cbc5c5;
102
134
  --infinite-group-row-column-nesting: 30px;
103
135
  --infinite-row-hover-background: #dbdbdb;
104
136
  --infinite-row-pointer-events-while-scrolling: auto;
137
+ --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
138
+ --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
139
+ --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
140
+ --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
141
+ --infinite-active-row-background: var(--infinite-active-cell-background);
142
+ --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
105
143
  }
106
144
  .infinite-light {
107
145
  --infinite-space-0: 0rem;
@@ -136,24 +174,43 @@
136
174
  --infinite-load-mask-padding: var(--infinite-space-5);
137
175
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
138
176
  --infinite-header-cell-background: #ededed;
139
- --infinite-header-cell-padding: var(--infinite-space-3) var(--infinite-space-3);
177
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
178
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
179
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
140
180
  --infinite-header-cell-dragging-background: #d4d3d3;
141
181
  --infinite-header-cell-icon-size: 16px;
182
+ --infinite-header-cell-sort-icon-margin: 16px;
142
183
  --infinite-header-background: var(--infinite-header-cell-background);
143
184
  --infinite-header-color: #6f6f6f;
144
- --infinite-header-height: 30px;
185
+ --infinite-column-header-height: 30px;
145
186
  --infinite-cell-color: currentColor;
146
187
  --infinite-cell-border-width: 1px;
147
188
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
148
189
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
149
190
  --infinite-cell-border-invisible: none;
150
191
  --infinite-cell-border-radius: var(--infinite-space-2);
192
+ --infinite-active-cell-border: var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color);
193
+ --infinite-active-cell-border-style: dashed;
194
+ --infinite-active-cell-border-width: 1px;
195
+ --infinite-active-cell-border-color--r: 77;
196
+ --infinite-active-cell-border-color--g: 149;
197
+ --infinite-active-cell-border-color--b: 215;
198
+ --infinite-active-cell-border-color: rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b));
199
+ --infinite-active-cell-background-alpha: 0.25;
200
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
201
+ --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
151
202
  --infinite-row-background: var(--infinite-background);
152
203
  --infinite-row-odd-background: #f6f6f6;
153
204
  --infinite-group-row-background: #cbc5c5;
154
205
  --infinite-group-row-column-nesting: 30px;
155
206
  --infinite-row-hover-background: #dbdbdb;
156
207
  --infinite-row-pointer-events-while-scrolling: auto;
208
+ --infinite-active-row-border: var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color);
209
+ --infinite-active-row-border-style: var(--infinite-active-cell-border-style);
210
+ --infinite-active-row-border-width: var(--infinite-active-cell-border-width);
211
+ --infinite-active-row-border-color: var(--infinite-active-cell-border-color);
212
+ --infinite-active-row-background: var(--infinite-active-cell-background);
213
+ --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
157
214
  }
158
215
  .dark {
159
216
  --infinite-background: #101419;
@@ -191,7 +248,7 @@
191
248
  }
192
249
  }
193
250
 
194
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU0Y6bMBBF3/MVvFRKq7KC3W12Qx/7IZUxA8xibGqbkKTqv3diVpuMiVaJ8oJyzx3sYeY+/M43qs9xypK/qyQpzT51eETdFPRsK7Ap/fVz9W/18AEWJdTGwu28qD3Ym/Hk2x3ovWchx12nyQM4GIcejS4SC0p43AGDHiNIlM6o0XPoKYKcR9kdGPIcITXuoWLEj0DUqFSRyNFa0P6XUcYyaHMB7YRdpynqGjV6SIWUZEnlyfOVmV6CyXlrOvik9ivDbq6+nfstZNdYM+qqSFC3YNEzSgTKW6EdfdS+mB+p4fBUrbPv9ONVyzt5GfPWeILX26yChqNVQKkNztiCPglqGhpGzDNXK9gXSc6U+kLRRvMxaIJ4pKZVS2cbiRlTMVYzrr8tdQ50VwBOqEBU6AYlDkW4A9N7rpfKyI4BmgOoFWpIl5wJ3Oho5RwokP5Kq4bAtIBNSzI/6B+m0U2+MHne7wkr38ZOdyktjH4eETPEtvEsLEy7oCmoF8ecLpSFbf8eQt6bPjYemLawHoNsr3Umzy61hTPPP6YzrZWZaNcpq3rNoccYsmbixBxnQmGjU9r93lEhWCxJ/rzEKDzAy5Zzc7C9jZSK9YEShCppf73k5joaDuu8sDxT8pdPcNA8XvM53swO7HztFqsKot5sI0aM3nBCRMQOHZaKD3devs+hUqlshW6gOCcTJ+fYmtpTxLpBSDjtymTFwLE5sjzsfXp+NSiFg0NH6H/3/ukv6gcAAA== */
251
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU3Y6bMBCF7/MU3FRKq3oVNt0/etkHqYwZYDbGprYJSaq+eycm2mRMtErEDeJ8Z7DH4/PwO3/WXY7jKvu7yLLS7oTHA5qmoHdXgRP06efi3+LhAyxKqK2D23lZB3A349m3O9B710KOu1aTR7C3HgNaU2QOtAy4BQY9JpAsvdVD4NA6gXxAtdkz5EeC1LiDihFPkahR6yJTg3Ngwi+rrWPQ8wW0lW4pBJoaDQYQUimyCHX0fGWml2jywdkNfFL7lWE3V3+b+i3VpnF2MFWRoWnBYWCUjFRw0ng61K6YXqnhsK6Wq+/08KrlnbxKeWcDwcu3VQUNR6uIUhu8dQUdCRoaGkbA6bCiImBLO/dFZqzhx15Ph6FhV2Q5U5oLZWZro3ig3lZzJybiiqnvqbri+mauc0BfATjRRaJC32u5L+IemG64XmqrNgywHECj0YCYc33kBk8d9qBBhSut+hOZFrBpSeYLdUyjnXxhso/yiFVoU2e4lGbGYZok26e27VmYmcaoaahny9xdKDPb/pRVIdguNR6YNrPmU6i7a63J80ttbn38GE9RaztSJlCmdYZD6xRyduTElGlSY2MEZURHd+QYEsllyp/mGIUMBNVybsq294HSs95T0lAlE66XfLmOxsX6IB3Pnvz1ExwMj+F8yjO7BTdtu8WqgqQ3MmHkECwnyoTYosdS8+nO1WkQtRaqlaaB4pxgnJwya2yPUex7qeB4WUYne45NwRVgF8T516A19h49of8BIc15bhIIAAA= */
195
252
  ._16lm1iw0 {
196
253
  box-sizing: border-box;
197
254
  }
@@ -251,114 +308,117 @@
251
308
  cursor: pointer;
252
309
  }
253
310
  ._16lm1iwe {
254
- flex: 1;
311
+ pointer-events: none;
255
312
  }
256
313
  ._16lm1iwf {
257
- flex: none;
314
+ flex: 1;
258
315
  }
259
316
  ._16lm1iwg {
260
- z-index: 1;
317
+ flex: none;
261
318
  }
262
319
  ._16lm1iwh {
263
- z-index: 10;
320
+ z-index: 1;
264
321
  }
265
322
  ._16lm1iwi {
266
- z-index: 1000;
323
+ z-index: 10;
267
324
  }
268
325
  ._16lm1iwj {
269
- z-index: 10000;
326
+ z-index: 1000;
270
327
  }
271
328
  ._16lm1iwk {
272
- z-index: 100000;
329
+ z-index: 10000;
273
330
  }
274
331
  ._16lm1iwl {
275
- display: flex;
332
+ z-index: 100000;
276
333
  }
277
334
  ._16lm1iwm {
278
- display: block;
335
+ display: flex;
279
336
  }
280
337
  ._16lm1iwn {
281
- display: inline-block;
338
+ display: block;
282
339
  }
283
340
  ._16lm1iwo {
341
+ display: inline-block;
342
+ }
343
+ ._16lm1iwp {
284
344
  -webkit-user-select: none;
285
345
  -moz-user-select: none;
286
346
  -ms-user-select: none;
287
347
  user-select: none;
288
348
  }
289
- ._16lm1iwp {
349
+ ._16lm1iwq {
290
350
  height: 0;
291
351
  }
292
- ._16lm1iwq {
352
+ ._16lm1iwr {
293
353
  height: 100%;
294
354
  }
295
- ._16lm1iwr {
355
+ ._16lm1iws {
296
356
  width: 0;
297
357
  }
298
- ._16lm1iws {
358
+ ._16lm1iwt {
299
359
  width: 100%;
300
360
  }
301
- ._16lm1iwt {
361
+ ._16lm1iwu {
302
362
  top: 0;
303
363
  }
304
- ._16lm1iwu {
364
+ ._16lm1iwv {
305
365
  top: 100%;
306
366
  }
307
- ._16lm1iwv {
367
+ ._16lm1iww {
308
368
  left: 0;
309
369
  }
310
- ._16lm1iww {
370
+ ._16lm1iwx {
311
371
  left: 100%;
312
372
  }
313
- ._16lm1iwx {
373
+ ._16lm1iwy {
314
374
  bottom: 0;
315
375
  }
316
- ._16lm1iwy {
376
+ ._16lm1iwz {
317
377
  bottom: 100%;
318
378
  }
319
- ._16lm1iwz {
379
+ ._16lm1iw10 {
320
380
  right: 0;
321
381
  }
322
- ._16lm1iw10 {
382
+ ._16lm1iw11 {
323
383
  right: 100%;
324
384
  }
325
- ._16lm1iw11 {
385
+ ._16lm1iw12 {
326
386
  flex-flow: column;
327
387
  }
328
- ._16lm1iw12 {
388
+ ._16lm1iw13 {
329
389
  flex-flow: row;
330
390
  }
331
- ._16lm1iw13 {
391
+ ._16lm1iw14 {
332
392
  align-items: center;
333
393
  }
334
- ._16lm1iw14 {
394
+ ._16lm1iw15 {
335
395
  align-items: stretch;
336
396
  }
337
- ._16lm1iw15 {
397
+ ._16lm1iw16 {
338
398
  justify-content: center;
339
399
  }
340
- ._16lm1iw16 {
400
+ ._16lm1iw17 {
341
401
  justify-content: flex-start;
342
402
  }
343
- ._16lm1iw17 {
403
+ ._16lm1iw18 {
344
404
  justify-content: flex-end;
345
405
  }
346
- ._16lm1iw18 {
406
+ ._16lm1iw19 {
347
407
  overflow: hidden;
348
408
  }
349
- ._16lm1iw19 {
409
+ ._16lm1iw1a {
350
410
  overflow: auto;
351
411
  }
352
- ._16lm1iw1a {
412
+ ._16lm1iw1b {
353
413
  overflow: visible;
354
414
  }
355
- ._16lm1iw1b {
415
+ ._16lm1iw1c {
356
416
  will-change: transform;
357
417
  }
358
- ._16lm1iw1c {
418
+ ._16lm1iw1d {
359
419
  white-space: nowrap;
360
420
  }
361
- ._16lm1iw1d {
421
+ ._16lm1iw1e {
362
422
  text-overflow: ellipsis;
363
423
  }
364
424
 
@@ -372,11 +432,12 @@
372
432
  will-change: transform;
373
433
  }
374
434
 
375
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=Ll8xdWVpamNvMCB7CiAgYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDsKICBwb3NpdGlvbjogZml4ZWQ7CiAgaGVpZ2h0OiAxMDAlOwogIHdpZHRoOiAxMDAlOwogIGxlZnQ6IDA7CiAgdG9wOiAwOwp9Ci5fMXVlaWpjbzAgPiA6Zmlyc3QtY2hpbGQgewogIHBvc2l0aW9uOiBzdGlja3k7CiAgdG9wOiAwOwogIGxlZnQ6IDA7Cn0KLl8xdWVpamNvMSB7CiAgb3ZlcmZsb3c6IGF1dG87Cn0KLl8xdWVpamNvMiB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKfQouXzF1ZWlqY28zIHsKICBvdmVyZmxvdzogdmlzaWJsZTsKfQouXzF1ZWlqY280IHsKICBvdmVyZmxvdzogYXV0bzsKfQouXzF1ZWlqY281IHsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fMXVlaWpjbzYgewogIG92ZXJmbG93LXg6IGF1dG87Cn0KLl8xdWVpamNvNyB7CiAgb3ZlcmZsb3cteDogaGlkZGVuOwp9Ci5fMXVlaWpjbzggewogIG92ZXJmbG93LXg6IHZpc2libGU7Cn0KLl8xdWVpamNvOSB7CiAgb3ZlcmZsb3cteDogYXV0bzsKfQouXzF1ZWlqY29hIHsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xdWVpamNvYiB7CiAgb3ZlcmZsb3cteTogYXV0bzsKfQouXzF1ZWlqY29jIHsKICBvdmVyZmxvdy15OiBoaWRkZW47Cn0KLl8xdWVpamNvZCB7CiAgb3ZlcmZsb3cteTogdmlzaWJsZTsKfQouXzF1ZWlqY29lIHsKICBvdmVyZmxvdy15OiBhdXRvOwp9Ci5fMXVlaWpjb2YgewogIG92ZXJmbG93LXk6IGhpZGRlbjsKfQ== */
435
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts.vanilla.css?source=Ll8xdWVpamNvMCB7CiAgYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogIC13ZWJraXQtb3ZlcmZsb3ctc2Nyb2xsaW5nOiB0b3VjaDsKICBvdXRsaW5lOiBub25lOwogIHBvc2l0aW9uOiBmaXhlZDsKICBoZWlnaHQ6IDEwMCU7CiAgd2lkdGg6IDEwMCU7CiAgbGVmdDogMDsKICB0b3A6IDA7Cn0KLl8xdWVpamNvMCA+IDpmaXJzdC1jaGlsZCB7CiAgcG9zaXRpb246IHN0aWNreTsKICB0b3A6IDA7CiAgbGVmdDogMDsKfQouXzF1ZWlqY28xIHsKICBvdmVyZmxvdzogYXV0bzsKfQouXzF1ZWlqY28yIHsKICBvdmVyZmxvdzogaGlkZGVuOwp9Ci5fMXVlaWpjbzMgewogIG92ZXJmbG93OiB2aXNpYmxlOwp9Ci5fMXVlaWpjbzQgewogIG92ZXJmbG93OiBhdXRvOwp9Ci5fMXVlaWpjbzUgewogIG92ZXJmbG93OiBoaWRkZW47Cn0KLl8xdWVpamNvNiB7CiAgb3ZlcmZsb3cteDogYXV0bzsKfQouXzF1ZWlqY283IHsKICBvdmVyZmxvdy14OiBoaWRkZW47Cn0KLl8xdWVpamNvOCB7CiAgb3ZlcmZsb3cteDogdmlzaWJsZTsKfQouXzF1ZWlqY285IHsKICBvdmVyZmxvdy14OiBhdXRvOwp9Ci5fMXVlaWpjb2EgewogIG92ZXJmbG93LXg6IGhpZGRlbjsKfQouXzF1ZWlqY29iIHsKICBvdmVyZmxvdy15OiBhdXRvOwp9Ci5fMXVlaWpjb2MgewogIG92ZXJmbG93LXk6IGhpZGRlbjsKfQouXzF1ZWlqY29kIHsKICBvdmVyZmxvdy15OiB2aXNpYmxlOwp9Ci5fMXVlaWpjb2UgewogIG92ZXJmbG93LXk6IGF1dG87Cn0KLl8xdWVpamNvZiB7CiAgb3ZlcmZsb3cteTogaGlkZGVuOwp9 */
376
436
  ._1ueijco0 {
377
437
  -webkit-backface-visibility: hidden;
378
438
  backface-visibility: hidden;
379
439
  -webkit-overflow-scrolling: touch;
440
+ outline: none;
380
441
  position: fixed;
381
442
  height: 100%;
382
443
  width: 100%;
@@ -435,7 +496,54 @@
435
496
  overflow-y: hidden;
436
497
  }
437
498
 
438
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=Ll8xZWV4YzJhMCB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLl8xZWV4YzJhMSB7CiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0Owp9Ci5fMWVleGMyYTIgewogIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7Cn0KLl8xZWV4YzJhMyB7CiAgdHJhbnNpdGlvbjogbGVmdCAzMDBtczsKfQouXzFlZXhjMmE0IHsKICB0cmFuc2l0aW9uOiBub25lOwp9Ci5fMWVleGMyYTUgewogIHBhZGRpbmc6IHZhcigtLWluZmluaXRlLWNlbGwtcGFkZGluZyk7CiAgYm9yZGVyLWxlZnQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCB0cmFuc3BhcmVudDsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCB0cmFuc3BhcmVudDsKfQouXzFlZXhjMmE3IHsKICBjb2xvcjogdmFyKC0taW5maW5pdGUtY2VsbC1jb2xvcik7Cn0KLl8xZWV4YzJhYiB7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtcm93LWJhY2tncm91bmQpOwp9Ci5fMWVleGMyYWMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl8xZWV4YzJhZCB7CiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzKTsKICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9Ci5fMWVleGMyYWYgewogIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwogIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9Ci5fMWVleGMyYXEgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMWVleGMyYXIgewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
499
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveRowIndicator.css.ts.vanilla.css?source=LmoyNmxyeDAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1ib3JkZXIpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZCwgdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKSk7Cn0KLmoyNmxyeDEgewogIGRpc3BsYXk6IGJsb2NrOwp9Ci5qMjZscngyIHsKICBkaXNwbGF5OiBub25lOwp9 */
500
+ .j26lrx0 {
501
+ border: var(--infinite-active-row-border);
502
+ background: var(--infinite-active-row-background, var(--infinite-active-row-background-from-border));
503
+ }
504
+ .j26lrx1 {
505
+ display: block;
506
+ }
507
+ .j26lrx2 {
508
+ display: none;
509
+ }
510
+
511
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/ActiveCellIndicator.css.ts.vanilla.css?source=Lm54YnExYzAgewogIGJvcmRlcjogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyKTsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLCB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKSk7Cn0KLm54YnExYzEgewogIGRpc3BsYXk6IGJsb2NrOwp9Ci5ueGJxMWMyIHsKICBkaXNwbGF5OiBub25lOwp9 */
512
+ .nxbq1c0 {
513
+ border: var(--infinite-active-cell-border);
514
+ background: var(--infinite-active-cell-background, var(--infinite-active-cell-background-from-border));
515
+ }
516
+ .nxbq1c1 {
517
+ display: block;
518
+ }
519
+ .nxbq1c2 {
520
+ display: none;
521
+ }
522
+
523
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydjUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtZnJvbS1ib3JkZXI6IHJnYmEodmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1yKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1nKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYm9yZGVyLWNvbG9yLS1iKSwgdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYSkpOwogIC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyOiB2YXIoLS1pbmZpbml0ZS1hY3RpdmUtY2VsbC1iYWNrZ3JvdW5kLWZyb20tYm9yZGVyKTsKfQouXzF5ZXViMnZoIHsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyKTsKfQouXzF5ZXViMnZpIHsKICBib3JkZXItbGVmdDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9 */
524
+ ._1yeub2v0 {
525
+ outline: none;
526
+ font-family: var(--infinite-font-family);
527
+ color: var(--infinite-color);
528
+ background: var(--infinite-background);
529
+ min-height: var(--infinite-min-height);
530
+ }
531
+ ._1yeub2v1 {
532
+ --infinite-row-pointer-events-while-scrolling: none;
533
+ }
534
+ ._1yeub2v5 {
535
+ --infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);
536
+ --infinite-active-cell-background-from-border: rgba(var(--infinite-active-cell-border-color--r), var(--infinite-active-cell-border-color--g), var(--infinite-active-cell-border-color--b), var(--infinite-active-cell-background-alpha));
537
+ --infinite-active-row-background-from-border: var(--infinite-active-cell-background-from-border);
538
+ }
539
+ ._1yeub2vh {
540
+ border-right: var(--infinite-cell-border);
541
+ }
542
+ ._1yeub2vi {
543
+ border-left: var(--infinite-cell-border);
544
+ }
545
+
546
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WS0U7DMAxF3/sVeWQPmboNhFQ+BmWJ2wayuHLcbQjx76zpEAkrlMFLpMjn3lzbWT6uAI56rUrxWgjx1Ae29YvU6Bk8V0KfTqCH4q1YfpCrabJ2cJSBFXFGr+dpMd5qh4dKEB4kwR4oQOaziT5MygfLFn0lHNQsNmW5Cxl4ewF69LnXXUQ6ZYz1TSX2im6ktL623jJIDc7Jc3ExpNsiGSA5vDcNn4GDNdwuREBnzRigU3TqNvEg27R/NUkauI8NaHRI02axtMg0Jmq2Sj83hL03F8Jh8p/lXAy/EaMx3xrUo8HYI2MXpylJGduHH+cxIuketsiMu+sNkjTt1zRxL/+Kc71DkqdP88z+kVy7T7Vzf3SQvgPi+03E8wMAAA== */
439
547
  ._1eexc2a0 {
440
548
  justify-content: center;
441
549
  }
@@ -443,7 +551,8 @@
443
551
  justify-content: flex-start;
444
552
  }
445
553
  ._1eexc2a2 {
446
- justify-content: flex-end;
554
+ justify-content: flex-start;
555
+ flex-flow: row-reverse;
447
556
  }
448
557
  ._1eexc2a3 {
449
558
  transition: left 300ms;
@@ -459,45 +568,28 @@
459
568
  ._1eexc2a7 {
460
569
  color: var(--infinite-cell-color);
461
570
  }
462
- ._1eexc2ab {
571
+ ._1eexc2ad {
463
572
  background: var(--infinite-row-background);
464
573
  }
465
- ._1eexc2ac {
574
+ ._1eexc2ae {
466
575
  background: var(--infinite-row-odd-background);
467
576
  }
468
- ._1eexc2ad {
577
+ ._1eexc2af {
469
578
  border-top-left-radius: var(--infinite-cell-border-radius);
470
579
  border-bottom-left-radius: var(--infinite-cell-border-radius);
471
580
  }
472
- ._1eexc2af {
581
+ ._1eexc2ah {
473
582
  border-top-right-radius: var(--infinite-cell-border-radius);
474
583
  border-bottom-right-radius: var(--infinite-cell-border-radius);
475
584
  }
476
- ._1eexc2aq {
585
+ ._1eexc2au {
477
586
  border-right: var(--infinite-cell-border);
478
587
  }
479
- ._1eexc2ar {
588
+ ._1eexc2av {
480
589
  border-left: var(--infinite-cell-border);
481
590
  }
482
591
 
483
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgZm9udC1mYW1pbHk6IHZhcigtLWluZmluaXRlLWZvbnQtZmFtaWx5KTsKICBjb2xvcjogdmFyKC0taW5maW5pdGUtY29sb3IpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIG1pbi1oZWlnaHQ6IHZhcigtLWluZmluaXRlLW1pbi1oZWlnaHQpOwp9Ci5fMXlldWIydjEgewogIC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZzogbm9uZTsKfQouXzF5ZXViMnZoIHsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyKTsKfQouXzF5ZXViMnZpIHsKICBib3JkZXItbGVmdDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9 */
484
- ._1yeub2v0 {
485
- font-family: var(--infinite-font-family);
486
- color: var(--infinite-color);
487
- background: var(--infinite-background);
488
- min-height: var(--infinite-min-height);
489
- }
490
- ._1yeub2v1 {
491
- --infinite-row-pointer-events-while-scrolling: none;
492
- }
493
- ._1yeub2vh {
494
- border-right: var(--infinite-cell-border);
495
- }
496
- ._1yeub2vi {
497
- border-left: var(--infinite-cell-border);
498
- }
499
-
500
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62VUW+DIBDH3/speFk6H2jUZUlns0+yLAsK6m0UDFLbuuy7T9G24Nquuj0C97/73R0Hi7cgrFMZBz76nCEUk+QjU3IjaIQqou4xBpGCAM1wzghlCp8svFUjkAVJQO8j5C+e2nVBKAWR/VAnjHPcH3qWIeYs1REK/WLX7taNgrJdu+GvZl+zxQEvMHhrojIQvSYwGsfmhRJNsCBr9jw3juavRsdBtAlAljc6vw2USqFxCTU7+Glyl6pNUBEKmzJCj/6dk1AwiBZOK5iWRY+gLJxYai3XZmGFeJgWIpFcqku25tBzwixNmEKWoEGKCCnGiYaKmf5WTKVcbiOUA6VMOMInIzz2LHDp446+r2qX7Llb0Vm4SImt7dp9q5SOkeItUJ17qJQcKNKKiLIgigm9God+S5c6hduqS+NiS05TY2WZD0vvD6ZxOQKKKpJl7TA6dFa0d7umzQ02dT1OypXydiaeVc3upo93YNHwIY3p0J9wxnuwePTVMdiOHwPUiPdsE4cVQQM/51VXkUFUUELMmUu9Gz1iJ6zkhLX/D6ypz0Q95YG0f4zu17v503Iuze9PwoicvgE9EuKOiAcAAA== */
592
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy3KjMBC8+yt0SdVykAvYTbKLP2ZLIAFTK0uUkLHjVP590SO2hB8JJEfEdE+r1Rqt/2b5sZZllqLXFUIlqf41Su4ELdBA1A+MQdQgQDPcMkKZwueKZDMCZEcq0C8FStd/zHdHKAXRXKArxjn2P5OgEHNW6wLlaXcwq8cRQdnBLKSb1dtq/S4vt/K2RDUgPOa6Ptuol0pjqKTADpFEXD+/ketXyKWgab9C9mjJOAgDclypcaWWQuMejqxAmTeqlMqQKkJh1xfoMX2I3M9cVSd70CBFgUjZS77TzKxqRcT7upbdeHR5b9dl5xv6jeSGJdD3tCwjF7yp24HWcms/ghbPy1pUkkt103nzM3a6sm3O9ijGiYbB2iMHpmou9wVqgVImIiC1wFNMs1h97dT7s7maBhsDVxFLakLs1VTehLZzoHgPVLcJGvMA1GWhI4oJvZkn/TOn5BDxUZ0yGlsnpsamk/Hye0ZLqkjTmOkS9Q66daFjYz6ta6fbdMc8V5IEXrkczycI1KipGuv/l+TMZwj0HO+G3M+8WSlHI/qF7cp8IGhKdB12VzSIAXooOYt1+wE65w6dhVWBsKfvELZ0EPgZeOslDXN+flBDPFkyQ0OC8q6Ai6c8St7HU2OZKdXkjnwE/Q94NTs92QgAAA== */
501
593
  ._12zfob10 {
502
594
  background: var(--infinite-header-background);
503
595
  opacity: 0.9;
@@ -505,81 +597,97 @@
505
597
  padding-left: 20px;
506
598
  z-index: 200;
507
599
  }
508
- ._12zfob11 {
509
- margin-left: 10px;
600
+ ._12zfob12 {
601
+ margin-left: var(--infinite-header-cell-sort-icon-margin);
602
+ }
603
+ ._12zfob13 {
604
+ margin-left: var(--infinite-header-cell-sort-icon-margin);
510
605
  }
511
- ._12zfob11 [data-name=index] {
606
+ ._12zfob14 {
607
+ margin-right: var(--infinite-header-cell-sort-icon-margin);
608
+ }
609
+ ._12zfob15 {
512
610
  line-height: 0;
513
611
  font-size: 10px;
514
612
  border-radius: 50%;
515
613
  padding: 1px;
614
+ position: absolute;
615
+ transition: top 0.2s;
616
+ top: 0;
617
+ right: 2px;
516
618
  }
517
- ._12zfob12 {
619
+ ._12zfob16 {
518
620
  background: var(--infinite-header-background);
519
621
  top: 0;
520
622
  right: 0;
521
623
  bottom: 0;
522
624
  }
523
- ._12zfob13 {
625
+ ._12zfob17 {
524
626
  background: var(--infinite-header-background);
525
627
  color: var(--infinite-header-color);
526
628
  }
527
- ._12zfob18 {
629
+ ._12zfob1c {
528
630
  position: relative;
529
631
  overflow: hidden;
530
632
  }
531
- ._12zfob19 {
633
+ ._12zfob1d {
532
634
  z-index: 10;
533
635
  }
534
- ._12zfob1b {
636
+ ._12zfob1f {
535
637
  border-right: var(--infinite-cell-border);
536
638
  }
537
- ._12zfob1c {
639
+ ._12zfob1g {
538
640
  border-left: var(--infinite-cell-border);
539
641
  }
540
- ._12zfob1d {
642
+ ._12zfob1h {
541
643
  border-left: var(--infinite-cell-border-width) solid transparent;
542
644
  border-right: var(--infinite-cell-border);
543
645
  background: var(--infinite-header-cell-background);
544
- padding: var(--infinite-header-cell-padding);
646
+ padding: 0;
545
647
  }
546
- ._12zfob1h {
648
+ ._12zfob1n {
547
649
  z-index: 100;
548
650
  opacity: 0.8;
549
651
  background: var(--infinite-header-cell-dragging-background);
550
652
  }
551
- ._12zfob1j {
653
+ ._12zfob1p {
552
654
  border-top-left-radius: var(--infinite-cell-border-radius);
553
655
  border-bottom-left-radius: var(--infinite-cell-border-radius);
554
656
  }
555
- ._12zfob1l {
657
+ ._12zfob1r {
556
658
  border-top-right-radius: var(--infinite-cell-border-radius);
557
659
  border-bottom-right-radius: var(--infinite-cell-border-radius);
558
660
  }
559
- ._12zfob1t {
661
+ ._12zfob1z {
560
662
  z-index: 10;
561
663
  }
562
- ._12zfob1w {
664
+ ._12zfob114 {
563
665
  border-right: var(--infinite-cell-border);
564
666
  }
565
- ._1yeub2va ._12zfob1w {
667
+ ._1yeub2va ._12zfob114 {
566
668
  --infinite-cell-border: var(--infinite-cell-border-invisible);
567
669
  }
568
- ._12zfob1x {
670
+ ._12zfob115 {
569
671
  border-left: var(--infinite-cell-border);
570
672
  }
571
- ._1yeub2vc ._12zfob1y {
673
+ ._1yeub2vc ._12zfob116 {
572
674
  --infinite-cell-border: var(--infinite-cell-border-invisible);
573
675
  border-right: var(--infinite-cell-border);
574
676
  }
575
- ._12zfob1z {
677
+ ._12zfob117 {
678
+ padding: var(--infinite-header-cell-padding);
679
+ }
680
+ ._12zfob11a {
576
681
  background: var(--infinite-header-background);
577
682
  }
578
- ._12zfob110 {
683
+ ._12zfob11b {
579
684
  padding: var(--infinite-cell-padding);
580
685
  border-bottom: var(--infinite-cell-border);
581
686
  border-right: var(--infinite-cell-border);
582
687
  }
688
+ ._12zfob11c {
689
+ border-top: var(--infinite-cell-border);
690
+ }
583
691
 
584
692
  /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=Ll83cHVwdjAwIHsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICBwb2ludGVyLWV2ZW50czogdmFyKC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZyk7CiAgLS1pbmZpbml0ZS1jb2x1bW4tY2VsbC1iZy1kb250LW92ZXJyaWRlOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAxIHsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDQgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl83cHVwdjA1IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjA3IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjBiIHsKICBwYWRkaW5nLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1pbmZpbml0ZS1kb250LW92ZXJyaWRlLWdyb3VwLXJvdy1uZXN0aW5nLWxlbmd0aCkgKiB2YXIoLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3RpbmcpKTsKfQ== */
585
693
  ._7pupv00 {