@infinite-table/infinite-react 0.3.15 → 0.3.18

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 +19 -18
  2. package/index.css +68 -57
  3. package/index.d.ts +16 -10
  4. package/index.esm.css +68 -57
  5. package/index.esm.js +621 -451
  6. package/index.js +679 -504
  7. 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+1X227iMBB95yss9aVIdUWutOnLSvslTuwQi8RGtqGwK/597TQ0iRMH2G4fVgoWQjBnPM6ZM+MhEZwr8HsBAISU5ZRRRaDcoYzAVQJWglRvYzZP2549P3LZfWN3mwNjdlpDY107zVECPJct1raJuGtjdlpfEuBPOL8mIHDyockKh8acMwUl/fVB5ljkFlFTGo+FbzG+i5kWUlP7Mo0JRxls7ZGLxRYSO5hsEWsXmzUkRxUtTwmgrCCCKguS8ZKLBDyEL2ZZRpRlRO9wweT5ehUGFoYIwUUHstIvC5JygYmAAmG6lwk4IPE4lPHSdkLZdiP4nuEEvBf6F8teUQYLQjeF0vysVrujZS85wrBCcgsVOaredmKTokc/ip4ub51GO3zrzg9ElOjU22Ej0OmqA9cPRtXJqMQmrQU3xI0np4XtEMaUbRzkRe7TT3Pfs9qbCFKrq0AMl0YLih70hyAIvlOsCi26Iet9nwvuCqwwjPX4fYjTPI/TSa+MM6kEoozgkR2sB+2o1H7MgiDDQUbKsn8Ggs2aQI+cG+dmTfg0iYRHRyqDqeNdnE9fcB64jgZY3oI6LsFEPCzQZmNgfYJCHGC7HLpuVOe1bmu6rOOBcLpIyYX6gFdI6EhTDhPSGM+/i8mmz8W5WcNeuq/YBXppTsGwSupYzVbZXgjdZH+ab2OwpkSbUvLG95puD/4gmw65dAIOthocZgkkLykGD1ls1sTZKTtQSdNSp5RxZjfyLvK+K6JpSd0NpDqZMBjJYlC6I3AnqyPYOl8QambW65vROiVe+HozPNXN0oum4J8ChajcFehj+LvDAUKFdCbgnuU820uC6/HSbrT8fapi3FViHDnG/ZKvS8XWh7HuBoEesjSLMvt5WmxTYYxIVct9pLYMbKwxp2aNYHecMqXR5KCrUEI9amh2ZCZ4WdYh0F7xt8V58Vyacn4Cz+0l2/xQfyZmuh9Yk3nmn2f+eeafZ/555p9n/nnmn2f+eeafZ/555v9vZn6MxLY71Jvv9jjfC+mtvNCzc98rMa27SxH5KPAD12XTNJ0sMOvW68tLfc+3w1+5vnzffw38b2qhjswEabiOwm9VoB9qem2Rd5vwJ7XnxY+KYIrA406QnAjZVKbMClLVjUVsl3XW279ztyjgTg3cpoJ7dfB3Svh3WrhPDV/Qwz2KuK4JAM6L8x9FFkGFshsAAA== */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1X227iMBB95yss8VKkuiI3aNOXlfZLHNshFsFGtqGwK/597RAa4sQBttuHlYKFEMwZj3PmzHhIpRAa/J4AACHjOeNMU6i2CFM4T8Fc0s17ny0wtpcgTHz20Nr95siavdbYWpdec5KCwGdbGNtA3KU1e62vKQgHnN9SEHn5MGTFXWMuuIaK/TqT2Re5QVSULvrCN5jQx0wDqah9HcbEvQw29sTHYgNZeJhsEEsfmxUkRxtWHlPAeEEl0w4Ei1LIFEzjV7scI8KYmh0umDxfzuPIwVAphbyCzM3LgWRCEiqhRITtVAr2SD51ZTxznRBer6TYcZKCj8L84tg3jMOCslWhDT/z+fbg2EuBCNwgtYaaHnRrO7nK0FOYJM+Xt0mjG75xF3sqS3Rs7bCS6HjTQZgHY/poVeKS1oBr4vqT08C2iBDGVx7yEv/ph7lvWd1NJK3UVSBOSqsFzfbmQ1IEPxjRhRFdl/W2zwV3A1ZYxlr8ThdZni+yQS8suNISMU5Jzw7Og16p1H3MgiLLAaZl2T4DJXYNoHvOTXK7BnzqRMKDJ5XR0PEuzscvOHdcewPM7kEdZmAgHjMJqvqTqc9FRwHXSCWkPsM3SK4YH3IYyHF/In2U1A1rkdvVbYq7Db9AL10m6sq9ilVvhXdSmm75037rg9W1VtdE0L/XcJ2HnbR48n4VsLNV5zAzoETJCJjihV0DZ2d8zxTLSpNSLrjbka+Rj/X6mm9Jz840zynWkOwk0kzwasBRnaupakfXMZU+2pMRpIpO2fbAvYnowVYphtCQuVzejTZZDOK3u+GZaZRBMgT/1DRE5bZA58HvAQcINTLJgzueC7xTlFSjpdtkxcdQkfkLyzoKQtr9sKouV1LWuu0EmuIMJ9h9ngZbi4RTpasK6SlHC+trypldPditYFxbwe1N4SpoxgzDjsJSlGUVAu20eJ+cJi+l7QDP4KW5YOsfqs/UTvYdazrO++O8P87747w/zvvjvD/O++O8P87747w/zvv/xbxPkFxfD/T2uzvKt0IG8yAO3Ny3qtLo7lJ3IYrCyHfR1H0KR3bde3UFWRiEbvgbV1cYhm9R+E1d15OZKIuXSfytCgxjQ68r8uu+/UntafJjQwlD4GkraU6lqitT4YJuqsYi17Mq681fuXsU8KAG7lPBozr4OyX8Oy08poYv6OERRdzWBACnyekPDRuBD6obAAA= */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -41,7 +41,6 @@
41
41
  --infinite-header-cell-padding-x: var(--infinite-space-3);
42
42
  --infinite-header-cell-padding-y: var(--infinite-space-3);
43
43
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
44
- --infinite-header-cell-dragging-background: #d4d3d3;
45
44
  --infinite-header-cell-icon-size: 16px;
46
45
  --infinite-header-cell-sort-icon-margin: 16px;
47
46
  --infinite-header-background: var(--infinite-header-cell-background);
@@ -53,6 +52,7 @@
53
52
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
54
53
  --infinite-cell-border-invisible: none;
55
54
  --infinite-cell-border-radius: var(--infinite-space-2);
55
+ --infinite-column-reorder-effect-duration: 0.2s;
56
56
  --infinite-active-cell-border-style: dashed;
57
57
  --infinite-active-cell-border-width: 1px;
58
58
  --infinite-active-cell-border-color--r: 77;
@@ -112,7 +112,6 @@
112
112
  --infinite-header-cell-padding-x: var(--infinite-space-3);
113
113
  --infinite-header-cell-padding-y: var(--infinite-space-3);
114
114
  --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
115
- --infinite-header-cell-dragging-background: #d4d3d3;
116
115
  --infinite-header-cell-icon-size: 16px;
117
116
  --infinite-header-cell-sort-icon-margin: 16px;
118
117
  --infinite-header-background: var(--infinite-header-cell-background);
@@ -124,6 +123,7 @@
124
123
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
125
124
  --infinite-cell-border-invisible: none;
126
125
  --infinite-cell-border-radius: var(--infinite-space-2);
126
+ --infinite-column-reorder-effect-duration: 0.2s;
127
127
  --infinite-active-cell-border-style: dashed;
128
128
  --infinite-active-cell-border-width: 1px;
129
129
  --infinite-active-cell-border-color--r: 77;
@@ -166,7 +166,7 @@
166
166
  }
167
167
  }
168
168
 
169
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU0Y7aMBBF3/mKvFSiVb0iy5Zd0sd+SOU4k2QWY6e2Q4Cq/97BQQvjoBUoL1HuuY49M75Pv/OV3uY4LLK/sywr7V54PKJpCnp3FThBn37O/s2ePsCihNo6uJ+XdQB3N559ewB9dC/keGg3eQQ76zGgNUXmQMuAO2DQcwLJ0lvdBw4tE8gHVJsDQ14SpMY9VIz4EYkatS4y1TsHJvyy2joGra6gnXRzIdDUaDCAkEqRRaiT5yszvUaTD85u4JO13xh29+rrsd5SbRpne1MVGZoWHAZGyUgFJ42npm6L8ZUKDstqvvhOD1+1fJBXKe9sIHi+XlTQcLSKKJXBW1dQS9DQ0DACGEFnFg5omHjT63NHo13Ajsrji8xYw7Fm7JiGfZHlTGmvlIkNo3ikBlRT53siLpi6SdUF1/VU58D2BsAJE4kKfafloYhnYLrleqmt2jCg4wAajQbElPsTud5ThT1oUOFGqcYL3wI2Lcl8o55pdJIvTA5RHrAKbersr6WJcTeOm+1S23ARJqZ91DTUk20erpSJ7XgOtBDsNjXmCyZOvPkYcu5WbfLna21qXX7Mp6i1HeJF6LeGQy8p5OzAiTHXpMbGCEqSLV2SU5QkVy5fTTGKIgiq5dwYZu89ZWx9oDyilUy4veTbbTRu1gfpeELl609wMDys8zHP7A7ceOwWqwqS2pQJI/tgOaESYoceS83HO6/Ok6i1UK00DRSXnOPkmFtDewps30kFp9syONlxbEyuAPsgLr8GrbHz6An9D1lTdo44CAAA */
169
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WU3Y6bMBCF7/MU3FRKq3oF+5Pu0ss+SGVggNkYm9omJKn67p2YaJMxaJWIG8T5jrFnxufhd7ZRXYZjmvxdJUlh9sLhEXWT07utwAr69HP1b/XwAeYF1MbC7bysPdib8eTbHei9eyHHXbvJAtgbhx6NzhMLSnrcAYMeI0gWzqjBc+gpgpzHcntgyHOE1LiHihEvgahRqTwpB2tB+19GGcugzRW0k3YtBOoaNXoQsizJIsqT5ysz/Qgm563ZwidrvzLs5tXfpnrLcttYM+gqT1C3YNEzSgbKW6kdNbXLp1cqODxV6/Q7PXzV4k6+jHlrPMHrt7SChqNVQKkMzticWoKahoYRwAg6s7BAw8SbXp87GuwCdlQelyfaaI41U8cU7PMkY0p7pcxsGMQjNaCaO98jMWXqNlZTrqu5zoFuAeCEXiI4YhYRzvSBqdD1Sh7yUAqm/+F6oUy5ZYDlAGqFGsScc4EbHDXKgYLSL1TcB6YFbFqS+UYHptFZvjB5F+QRK9/GzvFamhn309SaPrYdLsLMdAyagnq2zSy9kma+LDsno/emm1kfmTg3Txlnl6qTPV9rc+vLx6CLWpkx3Kih0xzaxJA1IyemGJMKGy0okjq6badMiu5u9jrHKNPAly3nptx6Hyis6wMFG62k/fKSchkNm3VeWh51WfEJDpqnfjYFl9mBnY7dYlVBVJsqYuTgDScgInbosFB8wLP6PItKibKVuoH8EpicnEJrbE/J73pZwum+jFb2HJsSzMPei8uvQSnsHTpC/wMMl29wgQgAAA== */
170
170
  ._16lm1iw0 {
171
171
  box-sizing: border-box;
172
172
  }
@@ -253,93 +253,99 @@
253
253
  z-index: 100000;
254
254
  }
255
255
  ._16lm1iwn {
256
- display: flex;
256
+ z-index: 1000000;
257
257
  }
258
258
  ._16lm1iwo {
259
- display: block;
259
+ z-index: 10000000;
260
260
  }
261
261
  ._16lm1iwp {
262
- display: inline-block;
262
+ display: flex;
263
263
  }
264
264
  ._16lm1iwq {
265
+ display: block;
266
+ }
267
+ ._16lm1iwr {
268
+ display: inline-block;
269
+ }
270
+ ._16lm1iws {
265
271
  -webkit-user-select: none;
266
272
  -moz-user-select: none;
267
273
  -ms-user-select: none;
268
274
  user-select: none;
269
275
  }
270
- ._16lm1iwr {
276
+ ._16lm1iwt {
271
277
  height: 0;
272
278
  }
273
- ._16lm1iws {
279
+ ._16lm1iwu {
274
280
  height: 100%;
275
281
  }
276
- ._16lm1iwt {
282
+ ._16lm1iwv {
277
283
  width: 0;
278
284
  }
279
- ._16lm1iwu {
285
+ ._16lm1iww {
280
286
  width: 100%;
281
287
  }
282
- ._16lm1iwv {
288
+ ._16lm1iwx {
283
289
  top: 0;
284
290
  }
285
- ._16lm1iww {
291
+ ._16lm1iwy {
286
292
  top: 100%;
287
293
  }
288
- ._16lm1iwx {
294
+ ._16lm1iwz {
289
295
  left: 0;
290
296
  }
291
- ._16lm1iwy {
297
+ ._16lm1iw10 {
292
298
  left: 100%;
293
299
  }
294
- ._16lm1iwz {
300
+ ._16lm1iw11 {
295
301
  bottom: 0;
296
302
  }
297
- ._16lm1iw10 {
303
+ ._16lm1iw12 {
298
304
  bottom: 100%;
299
305
  }
300
- ._16lm1iw11 {
306
+ ._16lm1iw13 {
301
307
  right: 0;
302
308
  }
303
- ._16lm1iw12 {
309
+ ._16lm1iw14 {
304
310
  right: 100%;
305
311
  }
306
- ._16lm1iw13 {
312
+ ._16lm1iw15 {
307
313
  flex-flow: column;
308
314
  }
309
- ._16lm1iw14 {
315
+ ._16lm1iw16 {
310
316
  flex-flow: row;
311
317
  }
312
- ._16lm1iw15 {
318
+ ._16lm1iw17 {
313
319
  align-items: center;
314
320
  }
315
- ._16lm1iw16 {
321
+ ._16lm1iw18 {
316
322
  align-items: stretch;
317
323
  }
318
- ._16lm1iw17 {
324
+ ._16lm1iw19 {
319
325
  justify-content: center;
320
326
  }
321
- ._16lm1iw18 {
327
+ ._16lm1iw1a {
322
328
  justify-content: flex-start;
323
329
  }
324
- ._16lm1iw19 {
330
+ ._16lm1iw1b {
325
331
  justify-content: flex-end;
326
332
  }
327
- ._16lm1iw1a {
333
+ ._16lm1iw1c {
328
334
  overflow: hidden;
329
335
  }
330
- ._16lm1iw1b {
336
+ ._16lm1iw1d {
331
337
  overflow: auto;
332
338
  }
333
- ._16lm1iw1c {
339
+ ._16lm1iw1e {
334
340
  overflow: visible;
335
341
  }
336
- ._16lm1iw1d {
342
+ ._16lm1iw1f {
337
343
  will-change: transform;
338
344
  }
339
- ._16lm1iw1e {
345
+ ._16lm1iw1g {
340
346
  white-space: nowrap;
341
347
  }
342
- ._16lm1iw1f {
348
+ ._16lm1iw1h {
343
349
  text-overflow: ellipsis;
344
350
  }
345
351
 
@@ -442,7 +448,7 @@
442
448
  display: none;
443
449
  }
444
450
 
445
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0= */
451
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/InfiniteCls.css.ts.vanilla.css?source=Ll8xeWV1YjJ2MCB7CiAgb3V0bGluZTogbm9uZTsKICBmb250LWZhbWlseTogdmFyKC0taW5maW5pdGUtZm9udC1mYW1pbHkpOwogIGNvbG9yOiB2YXIoLS1pbmZpbml0ZS1jb2xvcik7CiAgYmFja2dyb3VuZDogdmFyKC0taW5maW5pdGUtYmFja2dyb3VuZCk7CiAgbWluLWhlaWdodDogdmFyKC0taW5maW5pdGUtbWluLWhlaWdodCk7Cn0KLl8xeWV1YjJ2MSB7CiAgLS1pbmZpbml0ZS1yb3ctcG9pbnRlci1ldmVudHMtd2hpbGUtc2Nyb2xsaW5nOiBub25lOwp9Ci5fMXlldWIydmUgewogIC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLWNlbGwtYmFja2dyb3VuZC1hbHBoYS0tdGFibGUtdW5mb2N1c2VkKTsKICAtLWluZmluaXRlLWFjdGl2ZS1yb3ctYmFja2dyb3VuZC1hbHBoYTogdmFyKC0taW5maW5pdGUtYWN0aXZlLXJvdy1iYWNrZ3JvdW5kLWFscGhhLS10YWJsZS11bmZvY3VzZWQsIHZhcigtLWluZmluaXRlLWFjdGl2ZS1jZWxsLWJhY2tncm91bmQtYWxwaGEtLXRhYmxlLXVuZm9jdXNlZCkpOwp9Ci5fMXlldWIydmkgewogIGJvcmRlci1yaWdodDogdmFyKC0taW5maW5pdGUtY2VsbC1ib3JkZXIpOwp9Ci5fMXlldWIydmogewogIGJvcmRlci1sZWZ0OiB2YXIoLS1pbmZpbml0ZS1jZWxsLWJvcmRlcik7Cn0KLl8xeWV1YjJ2bCB7CiAgdXNlci1zZWxlY3Q6IG5vbmU7Cn0= */
446
452
  ._1yeub2v0 {
447
453
  outline: none;
448
454
  font-family: var(--infinite-font-family);
@@ -463,8 +469,14 @@
463
469
  ._1yeub2vj {
464
470
  border-left: var(--infinite-cell-border);
465
471
  }
472
+ ._1yeub2vl {
473
+ -webkit-user-select: none;
474
+ -moz-user-select: none;
475
+ -ms-user-select: none;
476
+ user-select: none;
477
+ }
466
478
 
467
- /* 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== */
479
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VTy07DMBC89yt8pAdXffCQwscgJ163BsdbrddpK8S/kzgFYlIopZfI0c7Mzuzas6cFwL5aqrl4nQjxHANbc5AVegbPhajaL9Dj5G0y+0AuTiONg70MrIgz9PI8WvR/xuGuEIQ7SdAABch0VkmHSflg2aIvhAPDYjWf1yED3o6AHn2udZcgW6W19etCNIpupLTeWG8ZZAXOyWNx2rkrkTSQ7PqdBh8BO6t5MxUBndW9ga2iNu1Ag+x681+RFOAAsVw2TnxmuR/FTWeDVI/aoIu1b6fbdwJjoGKpI6mOOM1G9JBkWwbSabuplHN04pSqelkTRq9HxG63X+WcDH8ho9Y/CpheoM/GuE37kqS0jeHXifeQ4aZLZMb6coGBm813N2nzV9m5XGHgJw79nL2FObcZcs+9go76Dg2hnZhVBAAA */
468
480
  ._1eexc2a0 {
469
481
  justify-content: center;
470
482
  }
@@ -486,6 +498,9 @@
486
498
  border-left: var(--infinite-cell-border-width) solid transparent;
487
499
  border-right: var(--infinite-cell-border-width) solid transparent;
488
500
  }
501
+ ._1yeub2vl ._1eexc2a6 {
502
+ transition: transform var(--infinite-column-reorder-effect-duration);
503
+ }
489
504
  ._1eexc2a7 {
490
505
  color: var(--infinite-cell-color);
491
506
  }
@@ -510,24 +525,17 @@
510
525
  border-left: var(--infinite-cell-border);
511
526
  }
512
527
 
513
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Wy3KjMBC8+yt02arlIBewm2yCP2ZLIAFTK0uUkIntVP590SO2hB8JJEfEdE+r5wHrv1l+rGWZpeh1hVBJqn+NkjtBCzQQ9RNjEDUI0Ay3jFCm8Dki2YwA2ZEK9KFA6frZPHeEUhDNBbpinGP/MgkCMWe1LlCedntzehwRlO3NQbpZva3W7/JyK29LVAPCY67rs4l6qTSGSgrsEEnE9esbuX6HXAqa9itkD5aMgzAgx5UaV2opNO7hyAqUeaNKqQypIhR2fYEe0h+R+5mL6mQPGqQoECl7yXeamVOtiHg/17IbS5f39lx2PqG/SG5YAn2Py3rkgjd1N9Babu1DkOLPshSV5FLddN68jJ2ubJqzPYpxomGw9siBqZrLlwK1QCkTEZBa4KlNs1h97dT72lztBtsGLiKW1ITYq115E9rOgeIXoLpN0NgPQF0vdEQxoTfzpH+mSg4Rl+rUo7F1bdEa4z9ZfktsATF9QCimlUon++ppxh2oIk1j1tWtbF1YgrHhbRlO43mnGi4kCcx3gzGfIFCjpmpsQb8kZz5DoOd4d2r8Ep01NmhEH9iuzAeCpkTXYXdFgxigh5KzWLffyHOG8iysCoQ9foewpZvFL9Vbn+awz89f6BBPlizlkKC8K+Di3yDqvI/X0DJTqsmMfAT9D6Agg08qCQAA */
514
- ._12zfob10 {
515
- background: var(--infinite-header-background);
516
- opacity: 0.9;
517
- padding: var(--infinite-cell-padding);
518
- padding-left: 20px;
519
- z-index: 200;
528
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Uy26DMBC85yt8qVQOjoA+RT6mMtjAqq6NjEPSVP33YpskhpI0QI8sO+PZ2cf6LYoPuUyjCH2tEPogqgCBOct1ghqi7jEGkYMAzXDJCGUKZ4xzXEulMWRSYIcINqvv1frIFf8j14PPpaAol5A9WjIOwoAcV7hpI7kUGtdwYAmKwmpvQqlUhlQRCts6QU/hnYlWhFIQRZvmsipZgwYpEkTSWvKtZiaqFRHHuJYVCtdxbeOy6h7sCokNi6fvyepLSfZeKLkV9FKp54xglDd0FWgtP+yH98TzvCcyyaW66Lz52Xc6tc+c7VGMEw2NtUc2TOVc7hJUAqVM9ICZBR7aNyjbm3b0/jKnvuvN6DTYMXAZfUm5jx2dyovQ4kbTLEFp6rvNP5t/dK81piIZ6M+2ZevX3rSNwbqfgZfYVRV3I3wyMQ7Dvo3lFCvwDqguA9TON1A32xVRTOjNtFbcbODAupMLgxoSa/TCzniElW9Ku1LWmNMBuOKPSwk8O9zqTSfw1KihGmvxIjnTGTw9h6t72V3WSYuJWvQn26ZxQ9CQaBx2VTSIBmpIOevrPt7UOWvfHcuFYubeq+jF3dALR8Af7PMt8PFkzqn3CdKrAn5dod60/X0M5pmSDfbiL+gPDqFcrOEIAAA= */
529
+ ._12zfob11 {
530
+ margin-left: var(--infinite-header-cell-sort-icon-margin);
520
531
  }
521
532
  ._12zfob12 {
522
533
  margin-left: var(--infinite-header-cell-sort-icon-margin);
523
534
  }
524
535
  ._12zfob13 {
525
- margin-left: var(--infinite-header-cell-sort-icon-margin);
526
- }
527
- ._12zfob14 {
528
536
  margin-right: var(--infinite-header-cell-sort-icon-margin);
529
537
  }
530
- ._12zfob15 {
538
+ ._12zfob14 {
531
539
  line-height: 0;
532
540
  font-size: 10px;
533
541
  border-radius: 50%;
@@ -537,29 +545,37 @@
537
545
  top: 0;
538
546
  right: 2px;
539
547
  }
540
- ._12zfob16 {
548
+ ._12zfob15 {
541
549
  background: var(--infinite-header-background);
542
550
  top: 0;
543
551
  right: 0;
544
552
  bottom: 0;
545
553
  }
546
- ._12zfob17 {
554
+ ._12zfob16 {
547
555
  background: var(--infinite-header-background);
548
556
  color: var(--infinite-header-color);
549
557
  }
550
- ._12zfob1c {
558
+ ._12zfob1b {
551
559
  position: relative;
552
560
  overflow: hidden;
553
561
  }
554
- ._12zfob1d {
562
+ ._12zfob1c {
555
563
  z-index: 10;
556
564
  }
557
- ._12zfob1f {
565
+ ._12zfob1e {
558
566
  border-right: var(--infinite-cell-border);
559
567
  }
560
- ._12zfob1g {
568
+ ._12zfob1f {
561
569
  border-left: var(--infinite-cell-border);
562
570
  }
571
+ ._12zfob1g {
572
+ background: var(--infinite-header-cell-hover-background);
573
+ color: var(--infinite-cell-color);
574
+ opacity: 0.8;
575
+ padding: var(--infinite-cell-padding);
576
+ padding-left: 20px;
577
+ z-index: 2000;
578
+ }
563
579
  ._12zfob1h {
564
580
  border-left: var(--infinite-cell-border-width) solid transparent;
565
581
  border-right: var(--infinite-cell-border);
@@ -569,11 +585,6 @@
569
585
  ._12zfob1h:hover {
570
586
  background: var(--infinite-header-cell-hover-background);
571
587
  }
572
- ._12zfob1n {
573
- z-index: 100;
574
- opacity: 0.8;
575
- background: var(--infinite-header-cell-dragging-background);
576
- }
577
588
  ._12zfob1p {
578
589
  border-top-left-radius: var(--infinite-cell-border-radius);
579
590
  border-bottom-left-radius: var(--infinite-cell-border-radius);
@@ -594,7 +605,7 @@
594
605
  ._12zfob115 {
595
606
  border-left: var(--infinite-cell-border);
596
607
  }
597
- ._1yeub2vc ._12zfob116 {
608
+ ._12zfob116 {
598
609
  --infinite-cell-border: var(--infinite-cell-border-invisible);
599
610
  border-right: var(--infinite-cell-border);
600
611
  }