@infinite-table/infinite-react 0.3.21 β†’ 0.4.1

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 (7) hide show
  1. package/README.md +1 -1
  2. package/index.css +37 -20
  3. package/index.d.ts +1050 -858
  4. package/index.esm.css +37 -20
  5. package/index.esm.js +4290 -3129
  6. package/index.js +5473 -4329
  7. package/package.json +2 -2
package/README.md CHANGED
@@ -40,7 +40,7 @@ Infinite Table is a React DataGrid component for displaying virtualized tabular
40
40
  * [🏒 pivoting](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/pivoting) - both server-side and client-side
41
41
  * [πŸ§ͺ aggregations](https://infinite-table.com/docs/latest/learn/grouping-and-pivoting/grouping-rows#aggregations)
42
42
  * [πŸŒͺ️ live pagination](https://infinite-table.com/docs/latest/learn/working-with-data/live-pagination)
43
- * [🌴lazy loading](https://infinite-table.com/docs/latest/learn/working-with-data/lazy-loading)
43
+ * [🌴 lazy loading](https://infinite-table.com/docs/latest/learn/working-with-data/lazy-loading)
44
44
  * [🧭 keyboard navigation for cells and rows](https://infinite-table.com/docs/latest/learn/keyboard-navigation/navigating-cells)
45
45
  * [↔️ fixed and flexible columns](https://infinite-table.com/docs/latest/learn/columns/fixed-and-flexible-size)
46
46
  * [🧩 column grouping](https://infinite-table.com/docs/latest/learn/column-groups)
package/index.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+1X227jIBB9z1cg9aWRShXfktZ9WWm/BAOOUWyIgKTNrvrvC66ztrFxknb7tC6qomTOMPjMmcGTSiE0+L0AAELGc8aZplDtEaZwlYKVpNXLmC0wtscgTHz20Nr95siavdbYWjdec5KCwGdbG9tE3I01e61PKQgnnJ9TEHn5MGTFQ2MuuIaK/fogcyxyi6gpXY+FbzGhj5kWUlP7NI2JRxls7YmPxRay9jDZIjY+NmtIjipWnlLAeEEl0w4Ei1LIFNzFT3Y5RoQxNTucMXm+WcWRg6FSCtmBrMyfA8mEJFRCiQg7qBQckbwfynjpOiG820px4CQFr4X5xbFXjMOCsm2hDT+r1f7NsZcCEVghtYOavunednKbofswSR7O/yaNbvjWXRypLNGpt8NWotNFB2EejOmTVYlLWgtuiBtPTgvbI0IY33rIS/ynn+a+Z3U3kbRWV4E4Ka0WNDuaD0kRfGVEF0Z0Q9b7PmfcBVhhGevxe7fO8nydTXphwZWWiHFKRnZwHrSjUvcxC4osB5iWZf8MlNg1gR45N8ntmvBpEgnfPKmMpo53dj59wXngOhpgeQ3qbQkm4jGToLo/mfpcDxTQRSoh9Qe8QnLL+JTDRI7HE+mjpGlY69yuYVM8VPwMPXeZaCj3OlazFT5IabrlT/ttDNbUWlMTwfhe03UeDtLiyXsn4GCrwWGWQImSEXCH13Y5W+0ZtxX2uR1DFIWRW0JdOONHplhWGpFwwd0e30Xedns0GZT0w5nmOcUakoNEmgkjsMdQDe66ur91Qyp9sgcjSBWDPjAC92Z2BFtrBkLD5WZzNdrIIoifr4ZnpvMGyRT8b5FAVO4L9PEmeYMDhBqZ3MEDzwU+KErqd1W3a4vXqar1V6p1FIT0G2xdrq5GrXU/CHSHM5xg93labKMRTpWuS26kvi1srMtndo1g94JxbfV2NJ1AQfPeYthRWIqyrEOggxYvi/fFY2lbygN4bG/s5of6M7WjwsCazgPEPEDMA8Q8QMwDxDxAzAPEPEDMA8Q8QMwDxP85QBAkd90JwX53Z4NeyGAVxIGb+15RGt1Nlp3T+HBk17V3YZCFQeiGv3AXhmH4HIXf1MY9mYmyeJPE36rAMDb0uiLvXgR/qX1f/KgoYQjc7yXNqVRNZSpc0KpuLHK3rLPezobXKOBGDVynglt18Dkl/Dst3KaGL+jhFkVc1gQA74v3P9F2j39MHAAA */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1XUW+bMBB+z6+w1JdGqiswkLT0ZdJ+ibFNsELsyDhpsqn/fTYhAwymSbdJeyBWhJL7zmfuvrvzpUpKDX4uAICQi5wLrhms9pgwGKQgUGz3NiYLjew5RIlPjqzcL46s2CuNrXTtFScpCH2ylZFN2F1bsVf6kgI0ofyagsjrD+OseCjMpdCw4j8uzhyz3CJql67GzLcY5PNMC6ld+zKNiUc92MoTnxdbyMrjyRax9nmzhuR4x8tzCrgomOLagRBZSpWCh/jFLkeICWFmhysmz9dBHDkYppRUHUhgPg4kk4oyBRWm/FCl4IjV45DGS1cJk+1GyYOgKXgvzD+OfMcFLBjfFNr4Jwj2J5ctrGREcykgKRjZZvIEd1htjBYXJRfs1nOUElOjWW2hZifdO5baZPgRJcnT9Wvo4FeXR6ZKfO7tsFH4/KmCNAfj+mzZ5jq/BTcBGA9yC9tjSrnYeF4+8Z9+OoY9qbuJYjVLCyxoaTml+dE8FMPwnVNdGPIOo9fXueI+gRXWYz3/PqyyPF9lk1pEikorbChBR3ZwXrTDdvc1C4atDwgry/4ZGLVrAj1ybprbNaHTBBKePKGMpo53VT7/gfJAddTA8hbUaQkm7HEToLrOmTxfDRjQRVZS6Qv8kulTChMxHg+kzyVN4Vvldg2L62EnrtBrtYqGdK9tNVuRg1Km6n63v8ZgTa41ORGO7zWd52gQFk/cOwYHWw0OswSVLDkFD2Rll7PVngubYV/bEeEIRW4KdeFcHHnFs9KQREjh9oou8r4u1ERQsYsyy3PTVCA9KGxbSwqeUTXomXV965qs9NkejOKqGNSBEbg3siPYmjMQGl+u1zejDS3C+PVmeGYqb5hMwX8nCcTlvsCXG+kdChBqbGIHDyKX5FAxWt953aot36ey1p+pVlFS2i+wdbq6HLXIy72BOXAastfcTe8efKSImxx8GShZ6X7wMg8kIwlxfdZiGx4KVuk6rUdqiIWNdZLMrhHsXnKhLaePptpU0NyxTAQqomRZ1ibwQcu3xcfiubRl6wk8t7eC5o/6mdqxZiBN52FnHnbmYWceduZhZx525mFnHnbmYWceduZhZx52/vdhh2K17U4z9rc7x/RMhkEYhy6/eolvuD2Z2k5xJZFdt/bbMEMhcs1/0m8RQq8R+ketwhOZKIvXSXwzBQOMWHwvBYMMxRH+p5mEYhNCN1m7De13+D4W33aMcgwe94rlTFVNhanMDX1XF0i1XdbMamflW1h2J89uY9q9XPsa2/4e3+5j3N2c+yLr/oB39zDvc+4B8LH4+AX5HeSVcB4AAA== */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -26,6 +26,7 @@
26
26
  --infinite-border-radius: var(--infinite-space-2);
27
27
  --infinite-background: white;
28
28
  --infinite-min-height: 100px;
29
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
29
30
  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
30
31
  --infinite-load-mask-overlay-background: gray;
31
32
  --infinite-load-mask-overlay-opacity: 0.3;
@@ -63,6 +64,8 @@
63
64
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
64
65
  --infinite-row-background: var(--infinite-background);
65
66
  --infinite-row-odd-background: #f6f6f6;
67
+ --infinite-row-selected-background: #d1e9ff;
68
+ --infinite-row-selected-hover-background: #add8ff;
66
69
  --infinite-group-row-background: #cbc5c5;
67
70
  --infinite-group-row-column-nesting: 30px;
68
71
  --infinite-row-hover-background: #dbdbdb;
@@ -98,6 +101,7 @@
98
101
  --infinite-border-radius: var(--infinite-space-2);
99
102
  --infinite-background: white;
100
103
  --infinite-min-height: 100px;
104
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
101
105
  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
102
106
  --infinite-load-mask-overlay-background: gray;
103
107
  --infinite-load-mask-overlay-opacity: 0.3;
@@ -135,6 +139,8 @@
135
139
  --infinite-active-cell-background-alpha--table-unfocused: 0.1;
136
140
  --infinite-row-background: var(--infinite-background);
137
141
  --infinite-row-odd-background: #f6f6f6;
142
+ --infinite-row-selected-background: #d1e9ff;
143
+ --infinite-row-selected-hover-background: #add8ff;
138
144
  --infinite-group-row-background: #cbc5c5;
139
145
  --infinite-group-row-column-nesting: 30px;
140
146
  --infinite-row-hover-background: #dbdbdb;
@@ -149,6 +155,8 @@
149
155
  --infinite-header-cell-hover-background: #222932;
150
156
  --infinite-header-background: var(--infinite-header-cell-background);
151
157
  --infinite-row-hover-background: #3b4754;
158
+ --infinite-row-selected-background: #0a2e4f;
159
+ --infinite-row-selected-hover-background: #0b243a;
152
160
  --infinite-row-background: var(--infinite-background);
153
161
  --infinite-row-odd-background: #242a31;
154
162
  --infinite-cell-color: #c3c3c3;
@@ -162,6 +170,8 @@
162
170
  --infinite-header-cell-hover-background: #222932;
163
171
  --infinite-header-background: var(--infinite-header-cell-background);
164
172
  --infinite-row-hover-background: #3b4754;
173
+ --infinite-row-selected-background: #0a2e4f;
174
+ --infinite-row-selected-hover-background: #0b243a;
165
175
  --infinite-row-background: var(--infinite-background);
166
176
  --infinite-row-odd-background: #242a31;
167
177
  --infinite-cell-color: #c3c3c3;
@@ -477,7 +487,7 @@
477
487
  display: none;
478
488
  }
479
489
 
480
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WT3W6DMAyF7/sUuZnUSk0F29W6h6lCMODOtVkIdNW0dx8EofKnatNuUBR/xz4nCYdTfIM6eW4i9bVRSmpPyHBULAxv7UYm7HVmLki3o2qM22qNnCGjBz2q7TrWColbUGE31BNj33MnNacL6F4K5AVZF4B54RfkvdSS35vD4D8O/kegk6suBdmD09AA+0pfCyTQlXVCbcp8SDnqAvMuxnps2hBANDKpDZWFWXh7BGvtTdJOrzkTW1fQB12KO9u/HbTGLubs/+dyesoYzicRl7an6lYvqO8biKn2PNYSZH+QUpC2fpyugMD6lasrA+Od4SoTdzn2SzIeXtKtjqPoaa+i8jN8+uf4KEWJzJDOHHUa7+Uy0Ke4oiavX2Xq9iM4GSccwGwKspppGqwwQULf/WzdmqYZ3aizNWS3s/7nnZpOEDXTrk/4Af0EelYGBAAA */
490
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WTTW6DMBCF9z2FN5USKY6gXTU9TGTMGKYdxtQY0qjq3QtGKOZHUatukOX53sx7tjme0yu02VOXiK8HIWzrCRlOgi3Da79hLHtpVIV0PYlOuZ2UyAYZPcioth9Ybcm6FRV2Qz1T+r1wtuV8Bd1KgayQZQlYlH5F3ko9+f1wnPynwX8EOnuRtUX24CR0wL6RlxIJZKOdpT5lMaWMusCyi9Ieuz4EEEUmpaK6VCtv92Apvcr66S0bq9sGxqBr8WD7t4O22NWcw/9czk8Zw/lk1uX9qbrNCxr7BmKufYu1BOYPUgrS3o+TDRBov3F1dWC8U9wY66rTuCTl4TnfyTRJHg8iqT/DZ3yO91LUyAz5wtGg8d5WE31OG+qK9qWau/0ITuKEE2jmIIuFpsMGMyT0w882rGme0UWdtSK9W/Qv92I+wYqFdnvCD2Sb7IMGBAAA */
481
491
  ._1yeub2v0 {
482
492
  outline: none;
483
493
  font-family: var(--infinite-font-family);
@@ -507,7 +517,7 @@
507
517
  ._1yeub2vp {
508
518
  transform: translate3d(-100%, 0px, 0px);
509
519
  border-right: var(--infinite-pinned-cell-border);
510
- bottom: var(--_1slvgu9o);
520
+ bottom: var(--_1slvgu9m);
511
521
  }
512
522
  ._1yeub2vq {
513
523
  left: var(--_1slvgu9f);
@@ -516,13 +526,13 @@
516
526
  visibility: visible;
517
527
  }
518
528
  ._1yeub2vr {
519
- left: calc(var(--_1slvgu9j));
529
+ left: calc(var(--_1slvgu9h));
520
530
  }
521
531
  ._1yeub2vo ._1yeub2vr {
522
532
  visibility: visible;
523
533
  }
524
534
 
525
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=Ll8xZWV4YzJhMCB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLl8xZWV4YzJhMSB7CiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0Owp9Ci5fMWVleGMyYTIgewogIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsKICBmbGV4LWZsb3c6IHJvdy1yZXZlcnNlOwp9Ci5fMWVleGMyYTMgewogIHRyYW5zaXRpb246IGxlZnQgMzAwbXM7Cn0KLl8xZWV4YzJhNCB7CiAgdHJhbnNpdGlvbjogbm9uZTsKfQouXzFlZXhjMmE1IHsKICBwYWRkaW5nOiB2YXIoLS1pbmZpbml0ZS1jZWxsLXBhZGRpbmcpOwogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgdHJhbnNwYXJlbnQ7CiAgYm9yZGVyLXJpZ2h0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci13aWR0aCkgc29saWQgdHJhbnNwYXJlbnQ7Cn0KLl8xeWV1YjJ2bCAuXzFlZXhjMmE2IHsKICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0taW5maW5pdGUtY29sdW1uLXJlb3JkZXItZWZmZWN0LWR1cmF0aW9uKTsKfQouXzFlZXhjMmE3IHsKICBjb2xvcjogdmFyKC0taW5maW5pdGUtY2VsbC1jb2xvcik7Cn0KLl8xZWV4YzJhZCB7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtcm93LWJhY2tncm91bmQpOwp9Ci5fMWVleGMyYWUgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl8xZWV4YzJhZiB7CiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzKTsKICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9Ci5fMWVleGMyYWggewogIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwogIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9 */
535
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSy07DMBBF9/0KL+nCVR+8FD4GOfY4NXU81djpQ6j/jmMXqEkLBTaRo7n3zJ3RTJ5nADs5F1P2OmLspfPB6D2X6AK4UDEZv0BPo8No8q6cnVdqCzvug6BQqOc/q1n+0xa3FSPccoINkIeCs0icQMJ5Ewy6ilnQgS2m09YXwtuB0KErWXdJshZKGddUbCPohnPjtHEmAJdgLT8Wx326GkkB8b7fefFRsDUqLMfMozUqB1gLitOeMMg0y79C0gB76Or5xrKPWe4H46a3RmoHbdB2rYvbzZ1Aa5CBq45EbxwXK3pI2FZQY1wkWONgENuDjYBo5XIJclXjjheGkviYiDED0vkFpFLpgeSphVw1hJ1TA2N/LZ/l0qyvMaNSFwHNNYC8BLhMMZmSdx5wne6Ik1Cm899eQpacXmCNIWD7e8BJmtXXNOki/xXn94TDG6boAF92BAAA */
526
536
  ._1eexc2a0 {
527
537
  justify-content: center;
528
538
  }
@@ -548,24 +558,30 @@
548
558
  transition: transform var(--infinite-column-reorder-effect-duration);
549
559
  }
550
560
  ._1eexc2a7 {
561
+ margin-inline: var(--infinite-selection-checkbox-margin-inline);
562
+ }
563
+ ._1eexc2a8 {
551
564
  color: var(--infinite-cell-color);
552
565
  }
553
- ._1eexc2ad {
566
+ ._1eexc2ae {
554
567
  background: var(--infinite-row-background);
555
568
  }
556
- ._1eexc2ae {
569
+ ._1eexc2af {
557
570
  background: var(--infinite-row-odd-background);
558
571
  }
559
- ._1eexc2af {
572
+ ._1eexc2ag {
573
+ background: var(--infinite-row-selected-background);
574
+ }
575
+ ._1eexc2ai {
560
576
  border-top-left-radius: var(--infinite-cell-border-radius);
561
577
  border-bottom-left-radius: var(--infinite-cell-border-radius);
562
578
  }
563
- ._1eexc2ah {
579
+ ._1eexc2ak {
564
580
  border-top-right-radius: var(--infinite-cell-border-radius);
565
581
  border-bottom-right-radius: var(--infinite-cell-border-radius);
566
582
  }
567
583
 
568
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VUwW6DMAy99ytymTQOQcDWaaIfMwUIYJUmKATWdtq/DxLaGkZb2m5HHPv5+fkZ98MP9qmMfJ98LQjZMJWBoAVPdUgapp4pBZGCAM1pzlnCFY15UdBKKk0hloLaCme1+F64B6zgD7FeMJaCLH8E7NWAFSC6IovlrdpIKoWmFex5SHyv3HahSKoOVLEE6iokS++pi5YsSUBkbZrNKmUFGqQICYsqWdSad1GtmDjEtSyJ5waVicuyb9gPEnQoiN/S8ItYvM6UrEVybtRThjOJ69kJtJYb84FavN3XIpaFVGeV7x6HSnPTZt+mJnzbqTp4Xc8kYVaay2YuH5N/YEOILFkMetdK4L4PtjdV1j86KLH3btBb4jhN4HnDeQo7j7XMpOFNiz7hExKdO6T1CyTWKyVTXGhsu0mjIxBDc6aAI+mOKoxmCI3QD24GAWosSmtRI8zxoC7oY1McJIe18u0AiE0zZmMkfojO7QiIT/9jG10Iad93vI6ChpFT6rtJnQa/2BhEAxVEBR/1ZliMOV7DxZEpPndL2B+nk8L1/J4/EAZILxL4dcyDpV2/qf8+QDxJNjLltS38ALFNgMmuBwAA */
584
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VUwXKCMBC9+xW5dKYc4gCtnQ5+TCeQCDtiwoRA1U7/vZCgLhQVtT2y2X379u1b5h9BuF+pOAjI14yQDdMpSJqLlYlIzfQzpSBXIMEImgnGhaaJyHNaKm0oJEpSV+EtZ9+z+QEr/EOsF4ylIc0eAXu1YDnItshh+csmslLS0BL2IiKBX2zbUKx0C6oZh6qMyMJ/aqMF4xxk2qS5rEKVYEDJiLC4VHllRBs1mslD3KiC+POwtHFVdA27QcIWBfFbWH4xS9apVpXk50Y9ZXijuL6bwBi1sR+oxdt9LRKVK31W+faxr7SwbfZNKhfbVtXe63oiCbvSTNVT+dj8AxtCVMESMLtGgvl7b3tjZd2jhxI774adJY7ThL7fnyd38zjLjBretugSPoGbzCONX4A7rxRMC2mw7UaNjkAszYkCDqQ7qjCYIbJCP7gZBFhjURqLWmGOB3VBH5fiITmclW8HQGy2QzZW4ofo3I6A+HS3PrgQ0rzvRBWHNSOnVGZTx8EvNgZZQwlxLga9EyzGFK/hYm6Lz90S9sfppHB9es8fCANkFwn8Oube0q7f1H8fIJ4EBqa8toUfVTVojq4HAAA= */
569
585
  ._12zfob11 {
570
586
  margin-left: var(--infinite-header-cell-sort-icon-margin);
571
587
  }
@@ -615,36 +631,36 @@
615
631
  ._12zfob1l:hover {
616
632
  background: var(--infinite-header-cell-hover-background);
617
633
  }
618
- ._12zfob1t {
634
+ ._12zfob1v {
619
635
  border-top-left-radius: var(--infinite-cell-border-radius);
620
636
  border-bottom-left-radius: var(--infinite-cell-border-radius);
621
637
  }
622
- ._12zfob1v {
638
+ ._12zfob1x {
623
639
  border-top-right-radius: var(--infinite-cell-border-radius);
624
640
  border-bottom-right-radius: var(--infinite-cell-border-radius);
625
641
  }
626
- ._12zfob113 {
642
+ ._12zfob115 {
627
643
  z-index: 10;
628
644
  }
629
- ._1yeub2va ._12zfob118 {
645
+ ._1yeub2va ._12zfob11a {
630
646
  --infinite-cell-border: var(--infinite-cell-border-invisible);
631
647
  }
632
- ._12zfob11a {
648
+ ._12zfob11c {
633
649
  border-right: var(--infinite-cell-border);
634
650
  }
635
- ._12zfob11b {
651
+ ._12zfob11d {
636
652
  padding: var(--infinite-header-cell-padding);
637
653
  }
638
- ._12zfob11e {
654
+ ._12zfob11g {
639
655
  background: var(--infinite-header-background);
640
656
  }
641
- ._12zfob11f {
657
+ ._12zfob11h {
642
658
  padding: var(--infinite-cell-padding);
643
659
  border-bottom: var(--infinite-cell-border);
644
660
  border-right: var(--infinite-cell-border);
645
661
  background: var(--infinite-header-cell-background);
646
662
  }
647
- ._12zfob11g {
663
+ ._12zfob11i {
648
664
  border-top: var(--infinite-cell-border);
649
665
  }
650
666
 
@@ -679,7 +695,7 @@
679
695
  background: var(--infinite-resize-handle-constrained-hover-background);
680
696
  }
681
697
 
682
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=Ll83cHVwdjAwIHsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICBwb2ludGVyLWV2ZW50czogdmFyKC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZyk7CiAgLS1pbmZpbml0ZS1jb2x1bW4tY2VsbC1iZy1kb250LW92ZXJyaWRlOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAxIHsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDQgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl83cHVwdjA1IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjA3IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjBiIHsKICBwYWRkaW5nLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1pbmZpbml0ZS1kb250LW92ZXJyaWRlLWdyb3VwLXJvdy1uZXN0aW5nLWxlbmd0aCkgKiB2YXIoLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3RpbmcpKTsKfQ== */
698
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=Ll83cHVwdjAwIHsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICBwb2ludGVyLWV2ZW50czogdmFyKC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZyk7CiAgLS1pbmZpbml0ZS1jb2x1bW4tY2VsbC1iZy1kb250LW92ZXJyaWRlOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAxIHsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctc2VsZWN0ZWQtYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtcm93LXNlbGVjdGVkLWhvdmVyLWJhY2tncm91bmQpOwogIC0taW5maW5pdGUtcm93LW9kZC1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAzIHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjA0IHsKICBiYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQpOwp9Ci5fN3B1cHYwNSB7CiAgei1pbmRleDogMTAwOwp9Ci5fN3B1cHYwNyB7CiAgei1pbmRleDogMTAwOwp9Ci5fN3B1cHYwYiB7CiAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IGNhbGModmFyKC0taW5maW5pdGUtZG9udC1vdmVycmlkZS1ncm91cC1yb3ctbmVzdGluZy1sZW5ndGgpICogdmFyKC0taW5maW5pdGUtZ3JvdXAtcm93LWNvbHVtbi1uZXN0aW5nKSk7Cn0= */
683
699
  ._7pupv00 {
684
700
  will-change: transform;
685
701
  position: absolute;
@@ -690,6 +706,7 @@
690
706
  }
691
707
  ._7pupv01 {
692
708
  --infinite-row-background: var(--infinite-row-hover-background);
709
+ --infinite-row-selected-background: var(--infinite-row-selected-hover-background);
693
710
  --infinite-row-odd-background: var(--infinite-row-hover-background);
694
711
  }
695
712
  ._7pupv03 {