@infinite-table/infinite-react 0.3.2 → 0.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 (6) hide show
  1. package/index.css +76 -50
  2. package/index.d.ts +537 -405
  3. package/index.esm.css +76 -50
  4. package/index.esm.js +1029 -553
  5. package/index.js +1092 -623
  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+1ZzW7jIBi85ymQcmmkdRX/Ja17WWmfBAO2UWyIMEmTXfXdF1ynjrGhidqV9oBQDskMfDDzgUZKJjiX4M8CgCCgrKCMShK0e4hIsM7AWpDmZQ4LFfYYRqkNjzRuh2MNW9FEo1srnGYgtGEbhTnqbjVsRZ8yEDkmP2cgtuqhxEqmYMGZDFr6+13MucoDo5N0M1d+4EQ2ZQZKJ+2Tm5PMKjjgqU3FgbKxKDkwtjY1O0oBG1qfM0BZRQSVBgXxmosMLJMnPQwQIkTUChdOUWzXSWxwci4wEYGAmB7aDByheJj26MqcBNGuFPzAcAZeK/WLgTeUBRWhZSXV4dfr/cnAaw5x0MB2F0hykqPlRJnDhyhNf1w+yiOz/DCdH4mo4Xm0Qing+dMJXB2MyrNuAVORgdwLN6/8QNtDjCkrLeKl9t27tR+h5iIVgRpEpK5Hh18SrIeD3e82OFn2G7tKXSafvzB5MnW2wOoW1mkFHPWwgGWpaSOBcIJjbHp+PY0izrqLqXp3M2nda2bLhXynN1CoSq4J13twnGyg2ZTsL/Om0GP6GhwadqFebmA8vYBdrX4pdBBCPRO/9Lc5Wt+HrxTLSp1wfi33HYgmblra5argZKnJZlag5TXFYIk2ejj2TtmRtjSvlaWMM/O1umbe9w4K/uoy1m6mnsgxHndm56h5DI3uJ4WWKEcpSq3cvhEYaWXnykwLaFqln0PjeuR6zHD3nDKp2OSomqUN1LNfK12Q4HXdlYAHyV8Wb4vHWnedD0o+KPmg5IOSD0o+KPmg5IOSD0rToDQ8dD4x+cTkE5NPTD4x+cTkE5NPTD4xzScmDMXOzEmjEuE6TMJnl/OqyS7eRjCOYtt71t8FFOtx6wsZ5lEYmeW/65ZaVI3zZJsm/7R7okRJFTru+YdM16nWm/Xfm/WzIZhC8LAXpCCifWeom1eRRr1n2sBV52D28d/3LW7e6edtjt7r6fe5ep+vX3D2Hm8/dxeAt8XbX/5qGSO1IAAA */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -32,12 +32,15 @@
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);
@@ -84,12 +87,15 @@
84
87
  --infinite-load-mask-padding: var(--infinite-space-5);
85
88
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
86
89
  --infinite-header-cell-background: #ededed;
87
- --infinite-header-cell-padding: var(--infinite-space-3) var(--infinite-space-3);
90
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
91
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
92
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
88
93
  --infinite-header-cell-dragging-background: #d4d3d3;
89
94
  --infinite-header-cell-icon-size: 16px;
95
+ --infinite-header-cell-sort-icon-margin: 16px;
90
96
  --infinite-header-background: var(--infinite-header-cell-background);
91
97
  --infinite-header-color: #6f6f6f;
92
- --infinite-header-height: 30px;
98
+ --infinite-column-header-height: 30px;
93
99
  --infinite-cell-color: currentColor;
94
100
  --infinite-cell-border-width: 1px;
95
101
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
@@ -136,12 +142,15 @@
136
142
  --infinite-load-mask-padding: var(--infinite-space-5);
137
143
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
138
144
  --infinite-header-cell-background: #ededed;
139
- --infinite-header-cell-padding: var(--infinite-space-3) var(--infinite-space-3);
145
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
146
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
147
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
140
148
  --infinite-header-cell-dragging-background: #d4d3d3;
141
149
  --infinite-header-cell-icon-size: 16px;
150
+ --infinite-header-cell-sort-icon-margin: 16px;
142
151
  --infinite-header-background: var(--infinite-header-cell-background);
143
152
  --infinite-header-color: #6f6f6f;
144
- --infinite-header-height: 30px;
153
+ --infinite-column-header-height: 30px;
145
154
  --infinite-cell-color: currentColor;
146
155
  --infinite-cell-border-width: 1px;
147
156
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
@@ -435,7 +444,24 @@
435
444
  overflow-y: hidden;
436
445
  }
437
446
 
438
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=Ll8xZWV4YzJhMCB7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7Cn0KLl8xZWV4YzJhMSB7CiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0Owp9Ci5fMWVleGMyYTIgewogIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7Cn0KLl8xZWV4YzJhMyB7CiAgdHJhbnNpdGlvbjogbGVmdCAzMDBtczsKfQouXzFlZXhjMmE0IHsKICB0cmFuc2l0aW9uOiBub25lOwp9Ci5fMWVleGMyYTUgewogIHBhZGRpbmc6IHZhcigtLWluZmluaXRlLWNlbGwtcGFkZGluZyk7CiAgYm9yZGVyLWxlZnQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCB0cmFuc3BhcmVudDsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyLXdpZHRoKSBzb2xpZCB0cmFuc3BhcmVudDsKfQouXzFlZXhjMmE3IHsKICBjb2xvcjogdmFyKC0taW5maW5pdGUtY2VsbC1jb2xvcik7Cn0KLl8xZWV4YzJhYiB7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtcm93LWJhY2tncm91bmQpOwp9Ci5fMWVleGMyYWMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl8xZWV4YzJhZCB7CiAgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXItcmFkaXVzKTsKICBib3JkZXItYm90dG9tLWxlZnQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9Ci5fMWVleGMyYWYgewogIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwogIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlci1yYWRpdXMpOwp9Ci5fMWVleGMyYXEgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMWVleGMyYXIgewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
447
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgZm9udC1mYW1pbHk6IHZhcigtLWluZmluaXRlLWZvbnQtZmFtaWx5KTsKICBjb2xvcjogdmFyKC0taW5maW5pdGUtY29sb3IpOwogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLWJhY2tncm91bmQpOwogIG1pbi1oZWlnaHQ6IHZhcigtLWluZmluaXRlLW1pbi1oZWlnaHQpOwp9Ci5fMXlldWIydjEgewogIC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZzogbm9uZTsKfQouXzF5ZXViMnZoIHsKICBib3JkZXItcmlnaHQ6IHZhcigtLWluZmluaXRlLWNlbGwtYm9yZGVyKTsKfQouXzF5ZXViMnZpIHsKICBib3JkZXItbGVmdDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9 */
448
+ ._1yeub2v0 {
449
+ font-family: var(--infinite-font-family);
450
+ color: var(--infinite-color);
451
+ background: var(--infinite-background);
452
+ min-height: var(--infinite-min-height);
453
+ }
454
+ ._1yeub2v1 {
455
+ --infinite-row-pointer-events-while-scrolling: none;
456
+ }
457
+ ._1yeub2vh {
458
+ border-right: var(--infinite-cell-border);
459
+ }
460
+ ._1yeub2vi {
461
+ border-left: var(--infinite-cell-border);
462
+ }
463
+
464
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WSTU7DMBCF9zmFl2ThKm1BSOEwyPFPanA90XjSFCHuTuMUYdNAKGwsWfO95zczXj2utT7KjajYa8HYUx/ImhcuwZP2VDN5OjU+FG/F6oNcz5PG6SMPJJAyerNMs+lmHAw1Qxg46oPGoDOfbfQhFD5YsuBr5rQhtq2qfcjA2wvQg8+97iLSCaWsb2t2EHjDufXGekuaS+0cPxfLMV0DqDTy8b15+AwMVtGuZAGcVVOATuCp28QDbbv7q0nSwH1sQIIDnDeLpTLTNFHTCPncIvReXQjHyX+Wc7H8jRiU+tZATQZTjwRdnCZHoWwffpzHhKR7aIAI9tcbJGnM1zRxL/+Kc71DkiekeRb/SK6lVLv0R0fpO7PTscPzAwAA */
439
465
  ._1eexc2a0 {
440
466
  justify-content: center;
441
467
  }
@@ -443,7 +469,8 @@
443
469
  justify-content: flex-start;
444
470
  }
445
471
  ._1eexc2a2 {
446
- justify-content: flex-end;
472
+ justify-content: flex-start;
473
+ flex-flow: row-reverse;
447
474
  }
448
475
  ._1eexc2a3 {
449
476
  transition: left 300ms;
@@ -473,31 +500,14 @@
473
500
  border-top-right-radius: var(--infinite-cell-border-radius);
474
501
  border-bottom-right-radius: var(--infinite-cell-border-radius);
475
502
  }
476
- ._1eexc2aq {
477
- border-right: var(--infinite-cell-border);
478
- }
479
- ._1eexc2ar {
480
- border-left: var(--infinite-cell-border);
481
- }
482
-
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 {
503
+ ._1eexc2as {
494
504
  border-right: var(--infinite-cell-border);
495
505
  }
496
- ._1yeub2vi {
506
+ ._1eexc2at {
497
507
  border-left: var(--infinite-cell-border);
498
508
  }
499
509
 
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== */
510
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61V21KkMBR8n6/Iy1bJQ6YAdVeZj7ECCXBqY0KFDI5j+e+SizMJc1HQR8LpPp1O52T9lOX7WpZZit5WCJWk+t8ouRW0QANRNxiDqEGAZrhlhDKFjxXJZgTIjlSgXwuUrh/Nd0coBdGcoCvGOfY/k6AQc1brAuVptzOr+xFB2c4spJvV+2r9KS+38p6JakB4zHl9tlEvlcZQSYEdIom4bn+R6y7kUtC0PyG7t2QchAE5rtS4UkuhcQ97VqDMG1VKZUgVobDtC3Sf/oncz1xVJ3vQIEWBSNlLvtXMrGpFxOe6lt14dHlv12XnG/qN5IYl0Pd3WUZOeFO3A63ls/0IWvxb1qKSXKqLzpufsdOVbXO0RzFONAzWHjkwVXP5UqAWKGUiAlILPMQ0i9XXTr0/m7NpsDFwFbGkJsSeTeVFaDsHil+A6jZBYx6Auix0RDGhN/Okf+eUHCI+qkNGY+v41Nh0Ml4eZrSkijSNmS5R76CbCB0b82ldO9ymK+a5kiTwyuV4PkGgppuqsf7/SM58hkDP7mrI/SyelXI0ol/ZtswHgqZE52FXRYMYoIeSs1i3n+xz7tBRWBUIu/sNYUsHgX8GLr2kYc6PD2qIf1gyQ0OCx6sCTp7yKHlfT41lppDJHfkK+gEMuLU72QgAAA== */
501
511
  ._12zfob10 {
502
512
  background: var(--infinite-header-background);
503
513
  opacity: 0.9;
@@ -505,81 +515,97 @@
505
515
  padding-left: 20px;
506
516
  z-index: 200;
507
517
  }
508
- ._12zfob11 {
509
- margin-left: 10px;
518
+ ._12zfob12 {
519
+ margin-left: var(--infinite-header-cell-sort-icon-margin);
510
520
  }
511
- ._12zfob11 [data-name=index] {
521
+ ._12zfob13 {
522
+ margin-left: var(--infinite-header-cell-sort-icon-margin);
523
+ }
524
+ ._12zfob14 {
525
+ margin-right: var(--infinite-header-cell-sort-icon-margin);
526
+ }
527
+ ._12zfob15 {
512
528
  line-height: 0;
513
529
  font-size: 10px;
514
530
  border-radius: 50%;
515
531
  padding: 1px;
532
+ position: absolute;
533
+ transition: top 0.2s;
534
+ top: 0;
535
+ right: 2px;
516
536
  }
517
- ._12zfob12 {
537
+ ._12zfob16 {
518
538
  background: var(--infinite-header-background);
519
539
  top: 0;
520
540
  right: 0;
521
541
  bottom: 0;
522
542
  }
523
- ._12zfob13 {
543
+ ._12zfob17 {
524
544
  background: var(--infinite-header-background);
525
545
  color: var(--infinite-header-color);
526
546
  }
527
- ._12zfob18 {
547
+ ._12zfob1c {
528
548
  position: relative;
529
549
  overflow: hidden;
530
550
  }
531
- ._12zfob19 {
551
+ ._12zfob1d {
532
552
  z-index: 10;
533
553
  }
534
- ._12zfob1b {
554
+ ._12zfob1f {
535
555
  border-right: var(--infinite-cell-border);
536
556
  }
537
- ._12zfob1c {
557
+ ._12zfob1g {
538
558
  border-left: var(--infinite-cell-border);
539
559
  }
540
- ._12zfob1d {
560
+ ._12zfob1h {
541
561
  border-left: var(--infinite-cell-border-width) solid transparent;
542
562
  border-right: var(--infinite-cell-border);
543
563
  background: var(--infinite-header-cell-background);
544
- padding: var(--infinite-header-cell-padding);
564
+ padding: 0;
545
565
  }
546
- ._12zfob1h {
566
+ ._12zfob1l {
547
567
  z-index: 100;
548
568
  opacity: 0.8;
549
569
  background: var(--infinite-header-cell-dragging-background);
550
570
  }
551
- ._12zfob1j {
571
+ ._12zfob1n {
552
572
  border-top-left-radius: var(--infinite-cell-border-radius);
553
573
  border-bottom-left-radius: var(--infinite-cell-border-radius);
554
574
  }
555
- ._12zfob1l {
575
+ ._12zfob1p {
556
576
  border-top-right-radius: var(--infinite-cell-border-radius);
557
577
  border-bottom-right-radius: var(--infinite-cell-border-radius);
558
578
  }
559
- ._12zfob1t {
579
+ ._12zfob1x {
560
580
  z-index: 10;
561
581
  }
562
- ._12zfob1w {
582
+ ._12zfob112 {
563
583
  border-right: var(--infinite-cell-border);
564
584
  }
565
- ._1yeub2va ._12zfob1w {
585
+ ._1yeub2va ._12zfob112 {
566
586
  --infinite-cell-border: var(--infinite-cell-border-invisible);
567
587
  }
568
- ._12zfob1x {
588
+ ._12zfob113 {
569
589
  border-left: var(--infinite-cell-border);
570
590
  }
571
- ._1yeub2vc ._12zfob1y {
591
+ ._1yeub2vc ._12zfob114 {
572
592
  --infinite-cell-border: var(--infinite-cell-border-invisible);
573
593
  border-right: var(--infinite-cell-border);
574
594
  }
575
- ._12zfob1z {
595
+ ._12zfob115 {
596
+ padding: var(--infinite-header-cell-padding);
597
+ }
598
+ ._12zfob118 {
576
599
  background: var(--infinite-header-background);
577
600
  }
578
- ._12zfob110 {
601
+ ._12zfob119 {
579
602
  padding: var(--infinite-cell-padding);
580
603
  border-bottom: var(--infinite-cell-border);
581
604
  border-right: var(--infinite-cell-border);
582
605
  }
606
+ ._12zfob11a {
607
+ border-top: var(--infinite-cell-border);
608
+ }
583
609
 
584
610
  /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts.vanilla.css?source=Ll83cHVwdjAwIHsKICB3aWxsLWNoYW5nZTogdHJhbnNmb3JtOwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICB0b3A6IDA7CiAgbGVmdDogMDsKICBwb2ludGVyLWV2ZW50czogdmFyKC0taW5maW5pdGUtcm93LXBvaW50ZXItZXZlbnRzLXdoaWxlLXNjcm9sbGluZyk7CiAgLS1pbmZpbml0ZS1jb2x1bW4tY2VsbC1iZy1kb250LW92ZXJyaWRlOiB2YXIoLS1pbmZpbml0ZS1yb3ctYmFja2dyb3VuZCk7Cn0KLl83cHVwdjAxIHsKICAtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kOiB2YXIoLS1pbmZpbml0ZS1yb3ctaG92ZXItYmFja2dyb3VuZCk7CiAgLS1pbmZpbml0ZS1yb3ctb2RkLWJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1ob3Zlci1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDMgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1iYWNrZ3JvdW5kKTsKfQouXzdwdXB2MDQgewogIGJhY2tncm91bmQ6IHZhcigtLWluZmluaXRlLXJvdy1vZGQtYmFja2dyb3VuZCk7Cn0KLl83cHVwdjA1IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjA3IHsKICB6LWluZGV4OiAxMDA7Cn0KLl83cHVwdjBiIHsKICBwYWRkaW5nLWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1pbmZpbml0ZS1kb250LW92ZXJyaWRlLWdyb3VwLXJvdy1uZXN0aW5nLWxlbmd0aCkgKiB2YXIoLS1pbmZpbml0ZS1ncm91cC1yb3ctY29sdW1uLW5lc3RpbmcpKTsKfQ== */
585
611
  ._7pupv00 {