@infinite-table/infinite-react 5.0.1 → 5.0.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 (7) hide show
  1. package/index.css +176 -75
  2. package/index.d.ts +3 -0
  3. package/index.dev.js +116 -65
  4. package/index.dev.mjs +121 -70
  5. package/index.js +116 -65
  6. package/index.mjs +121 -70
  7. package/package.json +2 -2
package/index.css CHANGED
@@ -354,9 +354,10 @@
354
354
  display: none;
355
355
  }
356
356
 
357
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
357
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
358
358
  .infinite-theme-name--default:root,
359
359
  .infinite-theme-name--default {
360
+ --infinite-loaded: true;
360
361
  --infinite-icon-size: 24px;
361
362
  --infinite-space-0: 0rem;
362
363
  --infinite-space-1: 0.125rem;
@@ -479,6 +480,7 @@
479
480
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
480
481
  .infinite-theme-name--default .infinite-theme-mode--light,
481
482
  .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
483
+ --infinite-loaded: true;
482
484
  --infinite-icon-size: 24px;
483
485
  --infinite-space-0: 0rem;
484
486
  --infinite-space-1: 0.125rem;
@@ -627,6 +629,7 @@
627
629
  --infinite-menu-item-pressed-background: #3b4754;
628
630
  }
629
631
  :root {
632
+ --infinite-loaded: true;
630
633
  --infinite-icon-size: 24px;
631
634
  --infinite-space-0: 0rem;
632
635
  --infinite-space-1: 0.125rem;
@@ -750,6 +753,7 @@
750
753
  .light:root,
751
754
  .infinite-light:root,
752
755
  .infinite-theme-mode--light:root {
756
+ --infinite-loaded: true;
753
757
  --infinite-icon-size: 24px;
754
758
  --infinite-space-0: 0rem;
755
759
  --infinite-space-1: 0.125rem;
@@ -956,9 +960,12 @@
956
960
  }
957
961
  }
958
962
 
959
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2X3YrbMBCF7/MUA3uzC1VI0pYt6k2h26V9DMUax2L1x0jZBMq+e7ESlsRxLLnZthRy4RvPmdGRrO+Ap8rWyqqILDZokFlhkDGjrDJCqxA5ORffwTQjg58TAMZeVUtRPa3Ira3ksGlUxM/H9cppRxxuFg/v7z986hTJbY4GRBI2eEFoY4/SSVmoNmjXR9JnQbe9pu/6OgN6QSI6enX/7eFx8Xjf0TYoJBKrUGu2dCSROFhnuydwKmOkVk3sFR+qovMc5n4LwWklz5g4GiukWgcOs34HhweS8zksPVxUY53fStmGN0rGhsPMbzsiUUX1vNcqK1WVPo6yASOHhd+mU9o/bev0x77ze9rTV9Q63VuAiNvI0sWpHRkOa++RKhGSLYDa2cg2uHO7dFruXmuMEYkFLyplVxxm09lHNG3tZfIy6SJjnETGdDtkRKkLWq5+iurB8CzGg91vO/gkQQbGX9Y95PsaW9fYusZWPrakoKfyyluFVjv7z0VLmj4QADdzMa8XyzMR0Ht//5sI6A2wvx0BvSauEfDPI+CLQakE3HrCGinsLg0LVcsOhxabu7R6jrsx/w4lFGY4HEPiWBYvoXEcj8VEjmTyN6gs47KUzFFsFtJZymchoRcxOkRpltOzpA6x2tKaiP0F/9HAgcUPAAA= */
963
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X3WrbMBQA4Ps8xYHctDCFJNto0W4G68r2GIp0HIvKkjiS68Douw+r2eY6jn+WbGM0F7nJ+fE5cvRBFtpm2uqILOZYILOiQMYKbXUhjA6Rk3PxDSwG0uDbDICxn1mZESHXdss2Qj5syZVWcXgUdNXIEVKijUw64+j6w5H60ve1CKWUGMJAD+Uq29cFiRx192hWVbmO2IqnIg7z9d3bm3e3rSC56kWDSMIGLwht7Mh0So3MLtCWffv8CrXXSZUBvSARf6zMYf757n59f9PKzVEoJCbRGLZxpJA4WGfbJ3CYxkhv89iZ3MyKznNY+R0EZ7Q6MsSLtkLpMnBYdk/QPJChOftTmw81mA2vMm7hSquYc1j6XStJyKgf97naKi3Ty9E2YOSw9rt0SvtPXbr4uq/8knb6hMak+wcQcRdZ+uFkjgoOpfdIUoQ0FkDmbGQVPk+7cUY9f20wRiQWvJDabjksF8v3WNSxp9nTrH31C6eQMVM3mRBqgzEUPySn0XyQo97q8zY+kLCn/WnVfXNf+L3we+H39fCrBD2Mj5wL37r3nyMydX8FkM1XYpWtN0co67yH/w1lnRD/bco6h7hQ9s8p+1ig0gKuPGGGtL9tLMjaAA719b9OTx/yY8p/0tM1OY8n5xFljCkDqkxxZaosp9gyTZfRvkwU5jeMGafMWGcmSTPSmrHajPTmJHH6zBlU56g7ffLU9iR/vgN8VbUc6xIAAA== */
960
964
  .infinite-theme-name--minimalist:root,
961
965
  .infinite-theme-name--minimalist {
966
+ --infinite-flashing-background: var(--infinite-accent-color);
967
+ --infinite-flashing-up-background: var(--infinite-success-color);
968
+ --infinite-flashing-down-background: var(--infinite-error-color);
962
969
  --infinite-background: white;
963
970
  --infinite-color: #2D3748;
964
971
  --infinite-row-background: transparent;
@@ -986,6 +993,9 @@
986
993
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
987
994
  .infinite-theme-name--minimalist .infinite-theme-mode--light,
988
995
  .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
996
+ --infinite-flashing-background: var(--infinite-accent-color);
997
+ --infinite-flashing-up-background: var(--infinite-success-color);
998
+ --infinite-flashing-down-background: var(--infinite-error-color);
989
999
  --infinite-background: white;
990
1000
  --infinite-color: #2D3748;
991
1001
  --infinite-row-background: transparent;
@@ -1011,6 +1021,9 @@
1011
1021
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
1012
1022
  .infinite-theme-mode--dark .infinite-theme-name--minimalist,
1013
1023
  .infinite-theme-name--minimalist .infinite-theme-mode--dark {
1024
+ --infinite-flashing-background: var(--infinite-accent-color);
1025
+ --infinite-flashing-up-background: var(--infinite-success-color);
1026
+ --infinite-flashing-down-background: var(--infinite-error-color);
1014
1027
  --infinite-background: #1a1f2b;
1015
1028
  --infinite-color: #EDF2F7;
1016
1029
  --infinite-row-background: transparent;
@@ -1036,6 +1049,9 @@
1036
1049
  @media (prefers-color-scheme: dark) {
1037
1050
  .infinite-theme-name--minimalist:root,
1038
1051
  .infinite-theme-name--minimalist {
1052
+ --infinite-flashing-background: var(--infinite-accent-color);
1053
+ --infinite-flashing-up-background: var(--infinite-success-color);
1054
+ --infinite-flashing-down-background: var(--infinite-error-color);
1039
1055
  --infinite-background: #1a1f2b;
1040
1056
  --infinite-color: #EDF2F7;
1041
1057
  --infinite-row-background: transparent;
@@ -1060,171 +1076,255 @@
1060
1076
  }
1061
1077
  }
1062
1078
 
1063
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+WW0WrjMBBF3/0VA0shgag4TrdQ52V/RZHGsagtmZGaBJb8e5GbtrHiqk7itrD7EPzgO9czd4ZDbpUulFYOmSuxRqZ5jYwZgVznZIybwe3HCvibADD2JuBCoHZMmMpQDr/SdJUWxbKrEVhVbGVIIrEKC5eDNhojIlLr8nPVVklX5pA2u2XYk1Obg1ZpqQR3hpjSFl0OWbOD+ftvmeyTcNzaSGSs8k2c8eoopMir03CPLGPBRwtH8zzedMT04sJYo//NZUlOj8PfXHdX3nHsE2g9/7ltdUpXXDyuyTxp6YdZZOIuHKZG/cQsNpxa18Pg7YPVajdRGiytVzNwxLVtOKF2M9hwmoRjtDVTmKc3075vHLcSlJfIfQAvYbzJel2Uw5o1hNaijFl+bPO62od7nnLet4+DIpyxHS+yP2eavF2DNZWSI0fYH5Ff6l22WMiIujQbpKAmmxeL30ENme1lgfpCI7vb6Bk+8Ot+bjqDbakcQnYyuReeznDRBXkrixUKFz+eWHxRz9M+hwXR01Q3kX3yp0apOEwawgLJvpwKs8LzLAePsmnLsggGB/4rGsbDgUQcysSBVLyKi0PI+D1sHIuOo/HxE0Kez8hvpOS5nLyMlFew8stpOSovv4aYP8BMgH2yfwYOMaz2JQ4AAA== */
1079
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Y3Y6iMBQH8Pt5iiZmE03sRBTRZW/2VWp7kGagJW39SDa++wZ0Z6FgRUEnk3DhVc/5txypv8R3LiIuuAFsYkgBC5ICxpICEaGS0kzR+/UK9OcNIYw/C6KE6JiLLd4Q+rFVcidYiPZEjUs1hFIQBlOZSDX5daV/l7ki9I5S0PpGBpMH4UoBpaRqziifMUSj9WZJo8CqKSePmAfriFoV/9pn/nyxYNZi5RlCNAp8CoFvFZWOGKJRRINlsLRKYiAMFKaQJNUjrRhb1I5Uro7lHlS1Z7HesGh9ped8CmuIjeMr4u+t30iVb2NkFiIvOyItE85QUY9TfhxzgbTabqbIKCJ0RhQIM22OR97sh71HZU7nrRTfxqb7Zn59s/IuCUQmREIKcBRdjnKj6sCZiUM0y46199Xw/aWWC8YpMVJhLjSYEM2zY/GMl4/VquTBdUn+L9nPmDdKxirNDQO08qrbTaboEHMDaF6fYV5Zf0WtuOa3vylKQwLUAGubZm/tzKyfs90kGg7lGkkKYoc1ZEQV3+/lhvV2RYr4zsMuUriBFGcKtHZPvBJzerOpSSUDjJP8ctyxVALKsVSHrRTpQs/Z2FtmWVlH6MONroMOqg+qD6oPqg+qD6o/TXVG1Ef7lW6m54l981tkDlKeiZkt5tSPrkj5MyAzQm5I6a0C31s5pVyC53s2plelbPT5hpSzuRctrln8LaT83Hng8vtxOWh5cyL9YOm+JV8v5u8UGCdonCmIQF1+JLGmOT8hyuWZFPQ41Gr55213vvoBrB/C2iHWhrEbkLWkrBVm93L2GGiPkHY/ai9k7cWwtaStLW4teesEXAfino5cr8w9B7ovoe412PXFXU/gIXR6O/0F7dQ2WokcAAA= */
1064
1080
  .infinite-theme-name--ocean:root,
1065
1081
  .infinite-theme-name--ocean {
1066
- --infinite-accent-color: #00b0ff;
1082
+ --infinite-flashing-background: var(--infinite-accent-color);
1083
+ --infinite-flashing-up-background: var(--infinite-success-color);
1084
+ --infinite-flashing-down-background: var(--infinite-error-color);
1085
+ --infinite-accent-color: #8b5cf6;
1086
+ --infinite-background: #d1e8fc;
1087
+ --infinite-color: #04233d;
1088
+ --infinite-success-color: #64ce64;
1089
+ --infinite-error-color: #fc6565;
1090
+ --infinite-header-cell-background: #7dd3fc;
1091
+ --infinite-header-cell-hover-background: #38bdf8;
1092
+ --infinite-header-color: var(--infinite-color);
1093
+ --infinite-cell-color: var(--infinite-color);
1094
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
1095
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1067
1096
  --infinite-cell-border-left: none;
1068
1097
  --infinite-cell-border-right: none;
1069
1098
  --infinite-cell-border-width: 0px;
1070
1099
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1100
+ --infinite-row-background: var(--infinite-background);
1101
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
1102
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
1103
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1104
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
1105
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
1106
+ --infinite-menu-background: var(--infinite-header-cell-background);
1107
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1071
1108
  }
1072
1109
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
1073
1110
  .infinite-theme-mode--light .infinite-theme-name--ocean,
1074
1111
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
1075
1112
  .infinite-theme-name--ocean .infinite-theme-mode--light,
1076
1113
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
1077
- --infinite-accent-color: #00b0ff;
1114
+ --infinite-flashing-background: var(--infinite-accent-color);
1115
+ --infinite-flashing-up-background: var(--infinite-success-color);
1116
+ --infinite-flashing-down-background: var(--infinite-error-color);
1117
+ --infinite-accent-color: #8b5cf6;
1118
+ --infinite-background: #d1e8fc;
1119
+ --infinite-color: #04233d;
1120
+ --infinite-success-color: #64ce64;
1121
+ --infinite-error-color: #fc6565;
1122
+ --infinite-header-cell-background: #7dd3fc;
1123
+ --infinite-header-cell-hover-background: #38bdf8;
1124
+ --infinite-header-color: var(--infinite-color);
1125
+ --infinite-cell-color: var(--infinite-color);
1126
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
1127
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1078
1128
  --infinite-cell-border-left: none;
1079
1129
  --infinite-cell-border-right: none;
1080
1130
  --infinite-cell-border-width: 0px;
1081
1131
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1132
+ --infinite-row-background: var(--infinite-background);
1133
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
1134
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
1135
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1136
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
1137
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
1138
+ --infinite-menu-background: var(--infinite-header-cell-background);
1139
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1082
1140
  }
1083
1141
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
1084
1142
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
1085
1143
  .infinite-theme-name--ocean .infinite-theme-mode--dark {
1086
- --infinite-accent-color: #00b0ff;
1087
- --infinite-cell-border-left: none;
1088
- --infinite-cell-border-right: none;
1089
- --infinite-cell-border-width: 0px;
1090
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1144
+ --infinite-flashing-background: var(--infinite-accent-color);
1145
+ --infinite-flashing-up-background: var(--infinite-success-color);
1146
+ --infinite-flashing-down-background: var(--infinite-error-color);
1147
+ --infinite-accent-color: #8b5cf6;
1091
1148
  --infinite-background: #032c4f;
1092
- --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1093
- --infinite-menu-background: var(--infinite-header-cell-background);
1094
- --infinite-menu-item-pressed-background: var(--infinite-background);
1095
1149
  --infinite-color: #96a0aa;
1096
- --infinite-cell-color: var(--infinite-color);
1097
- --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1150
+ --infinite-success-color: #176417;
1151
+ --infinite-error-color: #5e1414;
1098
1152
  --infinite-header-cell-background: #04233d;
1099
1153
  --infinite-header-cell-hover-background: #021f35;
1154
+ --infinite-header-color: var(--infinite-color);
1155
+ --infinite-cell-color: var(--infinite-color);
1156
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1157
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1158
+ --infinite-cell-border-left: none;
1159
+ --infinite-cell-border-right: none;
1160
+ --infinite-cell-border-width: 0px;
1161
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1100
1162
  --infinite-row-background: var(--infinite-background);
1101
1163
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
1102
1164
  --infinite-row-hover-background: var(--infinite-header-cell-background);
1103
1165
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1104
1166
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1167
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1168
+ --infinite-menu-background: var(--infinite-header-cell-background);
1169
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1105
1170
  }
1106
1171
  @media (prefers-color-scheme: dark) {
1107
1172
  .infinite-theme-name--ocean:root,
1108
1173
  .infinite-theme-name--ocean {
1109
- --infinite-accent-color: #00b0ff;
1110
- --infinite-cell-border-left: none;
1111
- --infinite-cell-border-right: none;
1112
- --infinite-cell-border-width: 0px;
1113
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1174
+ --infinite-flashing-background: var(--infinite-accent-color);
1175
+ --infinite-flashing-up-background: var(--infinite-success-color);
1176
+ --infinite-flashing-down-background: var(--infinite-error-color);
1177
+ --infinite-accent-color: #8b5cf6;
1114
1178
  --infinite-background: #032c4f;
1115
- --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1116
- --infinite-menu-background: var(--infinite-header-cell-background);
1117
- --infinite-menu-item-pressed-background: var(--infinite-background);
1118
1179
  --infinite-color: #96a0aa;
1119
- --infinite-cell-color: var(--infinite-color);
1120
- --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1180
+ --infinite-success-color: #176417;
1181
+ --infinite-error-color: #5e1414;
1121
1182
  --infinite-header-cell-background: #04233d;
1122
1183
  --infinite-header-cell-hover-background: #021f35;
1184
+ --infinite-header-color: var(--infinite-color);
1185
+ --infinite-cell-color: var(--infinite-color);
1186
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1187
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1188
+ --infinite-cell-border-left: none;
1189
+ --infinite-cell-border-right: none;
1190
+ --infinite-cell-border-width: 0px;
1191
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1123
1192
  --infinite-row-background: var(--infinite-background);
1124
1193
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
1125
1194
  --infinite-row-hover-background: var(--infinite-header-cell-background);
1126
1195
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1127
1196
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1197
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1198
+ --infinite-menu-background: var(--infinite-header-cell-background);
1199
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1128
1200
  }
1129
1201
  }
1130
1202
 
1131
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y3YriMBSA732KgCwoNFKrHcd6s6+SJic22CYlyaiw+O5L1N3RWGurzghDKXpz/n/6HehISC6ksIBtBgVgSQrAOCW5IUWilbIBGtWooD89hDD+r0EoBWkxVbnSCeqHYRpyvjjXoZDnOFWagcY5cJsgqSTUKGmxzG5rbQSzWYLCcrvwc7JifdQVkglKrNJYSAM2QVG5RePPn2eq1QYbyIFaYDgldLXU6kOyBO0LxIXYDoRERi/TAFlNpCmJBmkDtCZ6cKUtQxSFv4YLL9Kp800mrF9pAfIDGyiJ3mf/r8EpoxM6q9I9dehl8ykaVlkKCwVmwpA0v12159oLPQwOxRxKvhar1GBM61AZEDf2wwpcRpxeBDz2LM0JXVXt0VHuhTnMrGbvrCqT/foYlQuG9DIlg/H7PEDjeez+5gEaxe++h+rsE9TnMZ9xf6Kn2plag35ur6KLXrnFv2uDnKFizKuJcsb9jXaal7X0gfKQj+vew3sacOVFPu/AruejrlAMMM4df1qITgFZJ7tE64nTWuzWWj7P6Rnpa9zeb1mXa3dautPSnZbutPzk08KIXjWXPHpYnM/nn4C91w7Wz4d1P2KT6eStGa5j6p4O1y1w7YAY8/jrgF09lKt8HlP3/Cw+R28RjRryecKms+n8RXz+XQATBA1KDRy0OcwaG+pAlyDHuOEecnWAbPrBpBkqG8KyKS4bAvMhZH4nNJtgsx04H0Hn98LzBfi8AdD2CL0Dom0x+gKQPoDSNjBth9MXABWhXW/3F0+CGLddFgAA */
1203
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUltBKVMKohISW7M2+imOPiUViR7Y5SKu++yqBtsFJTQIIKm0UwY1n/hmPPflGmQrJhRQWsE0hByxJDhgnJDMkj7VSdoKmHhP09wkhjD8teEZMKuQKJ4SuV1ptJIvRluhxzYZQCtJiqjKln39/478pfBJmQykYc0aDqZ30qYDWSrdr1HOM0egtiShfODZ15V0qLDjrR+ckI3TtLJ3kH6PRIqSwCB2jWnoxGnG6iBaRY5ICYaAxhSw7SWfEI/7KXz3WqdqCPvGpAuFc7MdCIqNXycStV3u058lh9yj45Vbxw+GwBUette6Vdl/7ROkyjFVFjGbFHhmVCYb0KiHj2dtygmbLqPxbTtA0evsux5qQFqvU1qVaSmM1kaYgGqRt1OmQKQpfGgWpR8mA2xhJJRv3ppnKGaudYDaN0Uuxb1xjK7ZHWyGZoMQqjYU0YGMUFPtqj8ef46rVztc7tfNvcVSMOfeRcsbdLZSWzXs4Aspf+KzF1kAG1AI7d219Z3Py8kFBeUS+SJe0yTepevokB7nBBgqiq/P5aPmE0Tl1m7iyvehgKk9hIceFBmPO17Ff+4ft26oCMmFIkvWO6Oz1q4JVZ70/uWTKFQOMs7JneizVeeZba5KwJuqlpNfzdqInYPbIXu7py3WYBIZJYJgEhklgmASGSeCHTAKM6HX3lWvngFLz9sSuVAe2Hl4IAZuHc9fik4tR+dybrzNaPv81X0cRLZ8Bpw/AabAIaNARp3MWvobLAaft93XA6RdO/+TABEHjQgMHfXx7YkNLLsWoRNJzxSQfz7p+Pb6ebLdh223o1o1vXQh3hnEdKdeJc31J9wDWXUK7/ry7gHh3Zl5H6nXlXkfyXcW+K+jXh3/9CHhPBj6Egv04eA0JH8DCe9IQofen93/3iRBjJx0AAA== */
1132
1204
  .infinite-theme-name--balsam:root,
1133
1205
  .infinite-theme-name--balsam {
1134
- --infinite-accent-color: #00b0ff;
1135
- --infinite-cell-border-left: none;
1136
- --infinite-cell-border-right: none;
1137
- --infinite-cell-border-width: 0px;
1138
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1139
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1206
+ --infinite-flashing-background: var(--infinite-accent-color);
1207
+ --infinite-flashing-up-background: var(--infinite-success-color);
1208
+ --infinite-flashing-down-background: var(--infinite-error-color);
1209
+ --infinite-accent-color: #8b5cf6;
1140
1210
  --infinite-background: white;
1141
- --infinite-menu-separator-color: #bdc3c7;
1142
- --infinite-menu-background: var(--infinite-background);
1143
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1144
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1145
1211
  --infinite-color: black;
1146
- --infinite-cell-color: var(--infinite-color);
1147
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1212
+ --infinite-success-color: #64ce64;
1213
+ --infinite-error-color: #fc6565;
1148
1214
  --infinite-header-cell-background: #f5f7f7;
1149
1215
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1216
+ --infinite-header-color: var(--infinite-color);
1217
+ --infinite-cell-color: var(--infinite-color);
1218
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1219
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1220
+ --infinite-cell-border-left: none;
1221
+ --infinite-cell-border-right: none;
1222
+ --infinite-cell-border-width: 0px;
1223
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1150
1224
  --infinite-row-background: var(--infinite-background);
1151
1225
  --infinite-row-odd-background: #fcfdfe;
1152
1226
  --infinite-row-hover-background: #ecf0f1;
1227
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1153
1228
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1229
+ --infinite-menu-separator-color: #bdc3c7;
1230
+ --infinite-menu-background: var(--infinite-background);
1231
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1232
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1154
1233
  }
1155
1234
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
1156
1235
  .infinite-theme-mode--light .infinite-theme-name--balsam,
1157
1236
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
1158
1237
  .infinite-theme-name--balsam .infinite-theme-mode--light,
1159
1238
  .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
1160
- --infinite-accent-color: #00b0ff;
1161
- --infinite-cell-border-left: none;
1162
- --infinite-cell-border-right: none;
1163
- --infinite-cell-border-width: 0px;
1164
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1165
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1239
+ --infinite-flashing-background: var(--infinite-accent-color);
1240
+ --infinite-flashing-up-background: var(--infinite-success-color);
1241
+ --infinite-flashing-down-background: var(--infinite-error-color);
1242
+ --infinite-accent-color: #8b5cf6;
1166
1243
  --infinite-background: white;
1167
- --infinite-menu-separator-color: #bdc3c7;
1168
- --infinite-menu-background: var(--infinite-background);
1169
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1170
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1171
1244
  --infinite-color: black;
1172
- --infinite-cell-color: var(--infinite-color);
1173
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1245
+ --infinite-success-color: #64ce64;
1246
+ --infinite-error-color: #fc6565;
1174
1247
  --infinite-header-cell-background: #f5f7f7;
1175
1248
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1249
+ --infinite-header-color: var(--infinite-color);
1250
+ --infinite-cell-color: var(--infinite-color);
1251
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1252
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1253
+ --infinite-cell-border-left: none;
1254
+ --infinite-cell-border-right: none;
1255
+ --infinite-cell-border-width: 0px;
1256
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1176
1257
  --infinite-row-background: var(--infinite-background);
1177
1258
  --infinite-row-odd-background: #fcfdfe;
1178
1259
  --infinite-row-hover-background: #ecf0f1;
1260
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1179
1261
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1262
+ --infinite-menu-separator-color: #bdc3c7;
1263
+ --infinite-menu-background: var(--infinite-background);
1264
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1265
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1180
1266
  }
1181
1267
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
1182
1268
  .infinite-theme-mode--dark .infinite-theme-name--balsam,
1183
1269
  .infinite-theme-name--balsam .infinite-theme-mode--dark {
1184
- --infinite-accent-color: #00b0ff;
1185
- --infinite-cell-border-left: none;
1186
- --infinite-cell-border-right: none;
1187
- --infinite-cell-border-width: 0px;
1188
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1189
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1270
+ --infinite-flashing-background: var(--infinite-accent-color);
1271
+ --infinite-flashing-up-background: var(--infinite-success-color);
1272
+ --infinite-flashing-down-background: var(--infinite-error-color);
1273
+ --infinite-accent-color: #8b5cf6;
1190
1274
  --infinite-background: #2d3436;
1191
- --infinite-menu-separator-color: #5c5c5c;
1192
- --infinite-menu-background: var(--infinite-background);
1193
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1194
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1195
1275
  --infinite-color: #f5f5f5;
1196
- --infinite-cell-color: var(--infinite-color);
1197
- --infinite-cell-border-top: 1px solid #5c5c5c;
1276
+ --infinite-success-color: #64ce64;
1277
+ --infinite-error-color: #fc6565;
1198
1278
  --infinite-header-cell-background: #1c1c1c;
1199
1279
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1280
+ --infinite-header-color: var(--infinite-color);
1281
+ --infinite-cell-color: var(--infinite-color);
1282
+ --infinite-cell-border-top: 1px solid #5c5c5c;
1283
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1284
+ --infinite-cell-border-left: none;
1285
+ --infinite-cell-border-right: none;
1286
+ --infinite-cell-border-width: 0px;
1287
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1200
1288
  --infinite-row-background: var(--infinite-background);
1201
1289
  --infinite-row-odd-background: #262c2e;
1202
1290
  --infinite-row-hover-background: #3d4749;
1291
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1203
1292
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1293
+ --infinite-menu-separator-color: #5c5c5c;
1294
+ --infinite-menu-background: var(--infinite-background);
1295
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1296
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1204
1297
  }
1205
1298
  @media (prefers-color-scheme: dark) {
1206
1299
  .infinite-theme-name--balsam:root,
1207
1300
  .infinite-theme-name--balsam {
1208
- --infinite-accent-color: #00b0ff;
1209
- --infinite-cell-border-left: none;
1210
- --infinite-cell-border-right: none;
1211
- --infinite-cell-border-width: 0px;
1212
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1213
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1301
+ --infinite-flashing-background: var(--infinite-accent-color);
1302
+ --infinite-flashing-up-background: var(--infinite-success-color);
1303
+ --infinite-flashing-down-background: var(--infinite-error-color);
1304
+ --infinite-accent-color: #8b5cf6;
1214
1305
  --infinite-background: #2d3436;
1215
- --infinite-menu-separator-color: #5c5c5c;
1216
- --infinite-menu-background: var(--infinite-background);
1217
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1218
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1219
1306
  --infinite-color: #f5f5f5;
1220
- --infinite-cell-color: var(--infinite-color);
1221
- --infinite-cell-border-top: 1px solid #5c5c5c;
1307
+ --infinite-success-color: #64ce64;
1308
+ --infinite-error-color: #fc6565;
1222
1309
  --infinite-header-cell-background: #1c1c1c;
1223
1310
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1311
+ --infinite-header-color: var(--infinite-color);
1312
+ --infinite-cell-color: var(--infinite-color);
1313
+ --infinite-cell-border-top: 1px solid #5c5c5c;
1314
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1315
+ --infinite-cell-border-left: none;
1316
+ --infinite-cell-border-right: none;
1317
+ --infinite-cell-border-width: 0px;
1318
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1224
1319
  --infinite-row-background: var(--infinite-background);
1225
1320
  --infinite-row-odd-background: #262c2e;
1226
1321
  --infinite-row-hover-background: #3d4749;
1322
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1227
1323
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1324
+ --infinite-menu-separator-color: #5c5c5c;
1325
+ --infinite-menu-background: var(--infinite-background);
1326
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1327
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1228
1328
  }
1229
1329
  }
1230
1330
 
@@ -1264,7 +1364,7 @@
1264
1364
  user-select: none;
1265
1365
  }
1266
1366
 
1267
- /* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81Yy27cNhTd+yuIAAUyRVjMjGsnmWza2iiQTVHEQLYCRV5pGFOkQFLzcJF/L0hpqLdG49hAVn7w8JzDy8vLS/3xCMdEkwwMoiBE9LcgZstleqdEkck7EOILUJ5DFBMDEZE8I5Yr+Q/JIIpWAAe6Jh/Qf1cILX/xPxBSOaHcHjdo+ekKoe9XCK1vemOr09j7ibHVcpT0+9Vv3i/1Pv8UPPVmH+xRQERBWtDB39JzfCuM5ckRUyUtSLtBJerTNJWxRNvAtBpmSgQcsEeeYQPJAtf6PBcq/0qE2m+QVnusYQfaQK3iqO+E+Uo0J9KayGx5YrlMg8q1V7GaSMPdxm2QgMSi6+UyM+M0TJM0bdL83qORSvZ9BPyNx+eEMS7TDdoR/RZjLhMuuQXspuBqcOGWGSvNQGNnbRjcADQnaJ5up2d4xMIb/VyNO5+nOFHlTR+hiNe7HFWLCbnfXNJtLwT+90TprGfAE2ANpQdIEqAWs0L7s7Oow/YAAqj7390W6GOsDk3B914wIzrlEnMpuITeUs2JANOKAbcmNLRGT/ZJ7+NmQxIL2suGfHzzxsU7V6dFk9goUVhw/+XSgK2O5BPmksGh5zCpZLHagRbkiCug38ZywykR9O0yPyA8tZN7zux24adV237xvFxxd+Qx7EBac8phhEJZw5Jk/SCHJbRx736gYi7asqfUqNa0ygz6tXJBC61B2pPKfYWMotXt9jF+pNfvRu2GhCtXHxP6mGpVSLYZ5v4rAAL7epy9plvMyTLGdZmpUZGHOBCfa7OMjO9KkTe8vIJfpvYyOI5fwrFjfF3PEgqriQi26UvYbrhpVP5gIhSzz5JxSqzSnQLDNpsYEqXheRXmJykW/WPUqcbAKsoAxAwSUojW1eWVzjE0oL0kIdTy3YD7MaDrHyZxA3FYNB0b18LMc+yhcxx7YFNlFn+P+acL2ytEaYbBKprz1KkSqh/JAfVJYEN9DOf67HJwUWbUBaXDH94oIcLUZSRplZFmn3c6VMuLNFxd6UhshyQc7nkKVuUdgW9DAlblz+OPlbUq60iIIYkSOanSKdpZVayF6p9NnyXlzk4wcWk4g3tuSCyA3VdPi39JCpHVRa2Ue6Xw0OtobZXmT0paIrAgR1XYbpfNKgGckxRwRTPli7i3WetJVkw8yUCyCa4daMspEf6913k07j2rV8PcQmaGH4xnOJs+DyOM0x612p82oR341W3VHYRg+1M9fs+54RDuVlfQY1GMnWNykJlsW/eIeAFnzeI1TTbtJxTWWcYCeszhWO63VjUjs58g1qRTDlblc/KS5Z7hd41RTf/hpekVqxN+9XEOezvXphS02j9Um9E5CmSOUNjIeWoJ18Z2dFi38PvbRRPGCzP9QcNDmn1ZVdMvJhj1K0jPbtK1W963P+L3cobpAH9R+27KZx3XkzJW5VMaVGW5fygta/59j7/zVWyUZFWTHHptTM9mzqVsd2+znF7XIk/dRualNG7q75kjH0e7n1nHuW5rrvXQjTSryI7fJt//B5Iem6nsFgAA */
1367
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/components/cell.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81YXW/cKBR9z69AlVbqrMpqZrJJW/el3UQr9WW1aqS+WhiuPXQwWIDnI6v895WxB397PGki9SkfHM45XC6Xiz9v4RhrkoJBFIQI/xbEbLhM7pTIU3kHQnwDyjMII2IgJJKnxHIl/yEphOEK4EDX5AP67wqh5W/uB0IqI5TbY4CWn64QerpCaH3TG1udxt5PjK2Wo6RPV384v9T5/CJ44sw+2KOAkIK0oL2/peP4kRvL4yOmSlqQNkAl6tM0lbFEW8+0GmaKBRywQ55hA8k81/o8Fyr/ioXaB0irPdawA22gVimo74T5TjQn0prQbHhsuUy8yrVTsZpIw4uNC5CA2KLr5TI14zRMkyRp0vzZo5FK9n14/I3DZ4QxLpMA7Yh+izGXMZfcAi6m4GpwUSwzUpqBxoW1YXAD0JygebKZnuEQC2f0azVe+DzFiSpn+gh5tN5lqFqMz/3mkm57IXC/x0qnPQOOAGsoPUAcA7WY5dqdnUUdtgcQQIv/3W2AbiN1aAq+d4Ip0QmXmEvBJfSWak4EmFYMuDWhoTV6sk96H4OAxBa0k/X5+OZNEe9MnRZNIqNEbqH4L5cGbHUkHzGXDA49h3Eli9UOtCBHXAHdNpYbTomgb5fZAeGpndxzZjcLN63a9ovnZYoXRx7DDqQ1pxxGyJc1LEnaD7JfQhv37icq5qItG3MhcKoYBChWek80M23AKXeqRa9Sg36vbNJca5D2ZOO+Qobh6nazjbb0+t3oenxGluGJCN0mWuWSBcPcf3mAZ1+Ps9d0izlpyLguUznMMx8o4pJxlpHxbcuzhpdX8MvUXnrH0Us4Lhhf17OE3GoivG36ErYbbhpXgzfhq91XyTglVulOBWJBEEGsNDyvBP0i1aR/jDrlGlhF6YGYQUxy0brbnNI5hga0lySEWr4bcD8GLBqMSdxAHBZNx6boceY5dtA5jh2wqTKLv8f8y4XtFaI0w2AVzXnqVAnVj+SA+iSwoT6GKxrxcnBRZtQFpcMd3jAmwtRlJG6VkWYjeDpUy4s0irrSkdgMSRS45ylYlXUEfgwJWJU9jz9S1qq0IyGGJErkpEqnaKdVsRaqfzZdlpQ7O8HEpeEM7rkhkQB2X709/iUJhFbntVLmlPxLsKO1UZo/KmmJwIIcVW67bTirBHBGEsAVzZQvUjzeWm+2fOLNBpJNcO1AW06JcA/Czqty71idGuYWUjP8ojzD2fR5GGGc9qjV/rQJ7cCvbqvuwAfbnerxe64Y9uFudQU9FsXYOaYCMpNtU7wyXsBZs3hNk0378YV1ljGPHnM4lvutVc3I7EeINOmUg1X53rxkuWf4i8aopv/w0vSK1Qm/+jiHvZ1rUwpa7R+qzegcBTJHyG/kPLWYa2M7Oqxb+N3tognjuZn+4uEgzb6squkXE4z6FaRnN+7aLe/bn/F7OcN0gL+pfTfl047rSRmrsikNqtLMPZSWNf++x9/5bDZKsqpJDr02pmcz41K2u7dZTq9rkcduI/NSGjf1B8+Rr6fd77DjXLc113roRppVZMdvk6f/ATII7OgNFwAA */
1268
1368
  @keyframes cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8 {
1269
1369
  0% {
1270
1370
  opacity: 0;
@@ -1315,6 +1415,7 @@
1315
1415
  right: calc(0px - var(--infinite-cell-border-width));
1316
1416
  pointer-events: none;
1317
1417
  animation-name: var(--infinite-flashing-animation-name, cell_FlashingColumnCellRecipe_base_animationName__1eexc2a8);
1418
+ animation-fill-mode: forwards;
1318
1419
  animation-duration: calc(1ms * var(--currentFlashingDuration__16hkbkc3, var(--infinite-flashing-duration)));
1319
1420
  background: var(--currentFlashingBackground__16hkbkc2, var(--infinite-flashing-background));
1320
1421
  }
package/index.d.ts CHANGED
@@ -1622,6 +1622,7 @@ declare type InfiniteTablePropPivotGrandTotalColumnPosition = InfiniteTablePropP
1622
1622
  interface InfiniteTableMappedState<T> {
1623
1623
  id: InfiniteTableProps<T>['id'];
1624
1624
  debugId: InfiniteTableProps<T>['debugId'];
1625
+ debugMode: NonUndefined<InfiniteTableProps<T>['debugMode']>;
1625
1626
  scrollTopKey: InfiniteTableProps<T>['scrollTopKey'];
1626
1627
  multiSortBehavior: NonUndefined<InfiniteTableProps<T>['multiSortBehavior']>;
1627
1628
  viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
@@ -5465,6 +5466,7 @@ declare type InfiniteTablePropKeyboardShorcut = {
5465
5466
  stopNext: boolean;
5466
5467
  } | Promise<any>;
5467
5468
  };
5469
+ declare type InfiniteTablePropDebugMode = boolean;
5468
5470
  interface InfiniteTableProps<T> {
5469
5471
  debugId?: string;
5470
5472
  columns: InfiniteTablePropColumns<T>;
@@ -5473,6 +5475,7 @@ interface InfiniteTableProps<T> {
5473
5475
  loadingText?: Renderable;
5474
5476
  components?: InfiniteTablePropComponents<T>;
5475
5477
  wrapRowsHorizontally?: boolean;
5478
+ debugMode?: InfiniteTablePropDebugMode;
5476
5479
  keyboardShortcuts?: InfiniteTablePropKeyboardShorcut[];
5477
5480
  repeatWrappedGroupRows?: boolean;
5478
5481
  viewportReservedWidth?: number;