@infinite-table/infinite-react 5.0.1 → 5.0.2

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 +116 -72
  2. package/index.dev.js +1 -1
  3. package/index.dev.mjs +1 -1
  4. package/index.js +1 -1
  5. package/index.mjs +1 -1
  6. package/package.json +2 -2
package/index.css CHANGED
@@ -1060,171 +1060,215 @@
1060
1060
  }
1061
1061
  }
1062
1062
 
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== */
1063
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwW7iMBCG7zzFSNVKIOEqJLTLppe+imNPiNXEjhwXkFa8e5XAdokTTCApVaUcOM3MP+OJ/f0Sj0LGQgqDxCSYIZE0Q0IUQypDrZSZw+P5DPg7ASDkM4EyhtIQplKlQ3hYRU8sfn6p50SUva21epc8hAe+wFXMrIx/5d7SDwJuBROkHDVhmKZ1qd+cBw2p0+xEbVDXa4JVxOPVmZrDFBuqp/ZsM3vgUv7a/Ejpso1ReQiLfAeFSgWHKp9kYjcVEgq9juZgNJVFTjVKM2+Xh4X3y+5R29OhlRbrxPRvtmw2O+2SYmxCkEqiI+k4yoWsreAmCcHLdy/2PTNic8wVkgtGjdJEyAJNCH6+q854/FmlWm1rd8A64/+QfcayUHFeK25ZoKVXbzebwzYRBsFv7rDMbF5RS6799rdJFZgiM8i7qtmtnZrNObttomUo10oylO+kwJzq6vseX9hgT6SS773sSkUYzEiusSjcG6/J7Cc2WjPFkZC0fBxXhE6A7Ag1QX4i6YK8s3AwzVNXcYjeXOgadHSx0cVGFxtdbHSxAV2MU/3WPdLPw0rFoe2m0uzrDF7gs2V8xhn+PFOP0q7OcNFHWpzB8xdx8PSTneGz82gPP88eRne4uJFhzMH9Sr7fIV4z5ILCNNcYoy4Os5KClbgNoSTtrEKtg9Id/4zqhusuwL6A7GuhfRu2bwH39ei+I7zvjO+OAO+K8I4Q74XxHiD/cpQPCvOvwfm3AP0+SB8K6gNhHWA/2X8A4WhJ/T8YAAA= */
1064
1064
  .infinite-theme-name--ocean:root,
1065
1065
  .infinite-theme-name--ocean {
1066
- --infinite-accent-color: #00b0ff;
1066
+ --infinite-accent-color: #8b5cf6;
1067
+ --infinite-background: #d1e8fc;
1068
+ --infinite-color: #04233d;
1069
+ --infinite-header-cell-background: #7dd3fc;
1070
+ --infinite-header-cell-hover-background: #38bdf8;
1071
+ --infinite-header-color: var(--infinite-color);
1072
+ --infinite-cell-color: var(--infinite-color);
1073
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
1074
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1067
1075
  --infinite-cell-border-left: none;
1068
1076
  --infinite-cell-border-right: none;
1069
1077
  --infinite-cell-border-width: 0px;
1070
1078
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1079
+ --infinite-row-background: var(--infinite-background);
1080
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
1081
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
1082
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1083
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
1084
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
1085
+ --infinite-menu-background: var(--infinite-header-cell-background);
1086
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1071
1087
  }
1072
1088
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
1073
1089
  .infinite-theme-mode--light .infinite-theme-name--ocean,
1074
1090
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
1075
1091
  .infinite-theme-name--ocean .infinite-theme-mode--light,
1076
1092
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
1077
- --infinite-accent-color: #00b0ff;
1093
+ --infinite-accent-color: #8b5cf6;
1094
+ --infinite-background: #d1e8fc;
1095
+ --infinite-color: #04233d;
1096
+ --infinite-header-cell-background: #7dd3fc;
1097
+ --infinite-header-cell-hover-background: #38bdf8;
1098
+ --infinite-header-color: var(--infinite-color);
1099
+ --infinite-cell-color: var(--infinite-color);
1100
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
1101
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1078
1102
  --infinite-cell-border-left: none;
1079
1103
  --infinite-cell-border-right: none;
1080
1104
  --infinite-cell-border-width: 0px;
1081
1105
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1106
+ --infinite-row-background: var(--infinite-background);
1107
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
1108
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
1109
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1110
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
1111
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
1112
+ --infinite-menu-background: var(--infinite-header-cell-background);
1113
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1082
1114
  }
1083
1115
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
1084
1116
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
1085
1117
  .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;
1118
+ --infinite-accent-color: #8b5cf6;
1091
1119
  --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
1120
  --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%);
1098
1121
  --infinite-header-cell-background: #04233d;
1099
1122
  --infinite-header-cell-hover-background: #021f35;
1123
+ --infinite-header-color: var(--infinite-color);
1124
+ --infinite-cell-color: var(--infinite-color);
1125
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1126
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1127
+ --infinite-cell-border-left: none;
1128
+ --infinite-cell-border-right: none;
1129
+ --infinite-cell-border-width: 0px;
1130
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1100
1131
  --infinite-row-background: var(--infinite-background);
1101
1132
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
1102
1133
  --infinite-row-hover-background: var(--infinite-header-cell-background);
1103
1134
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1104
1135
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1136
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1137
+ --infinite-menu-background: var(--infinite-header-cell-background);
1138
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1105
1139
  }
1106
1140
  @media (prefers-color-scheme: dark) {
1107
1141
  .infinite-theme-name--ocean:root,
1108
1142
  .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;
1143
+ --infinite-accent-color: #8b5cf6;
1114
1144
  --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
1145
  --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%);
1121
1146
  --infinite-header-cell-background: #04233d;
1122
1147
  --infinite-header-cell-hover-background: #021f35;
1148
+ --infinite-header-color: var(--infinite-color);
1149
+ --infinite-cell-color: var(--infinite-color);
1150
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1151
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1152
+ --infinite-cell-border-left: none;
1153
+ --infinite-cell-border-right: none;
1154
+ --infinite-cell-border-width: 0px;
1155
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1123
1156
  --infinite-row-background: var(--infinite-background);
1124
1157
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
1125
1158
  --infinite-row-hover-background: var(--infinite-header-cell-background);
1126
1159
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
1127
1160
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1161
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
1162
+ --infinite-menu-background: var(--infinite-header-cell-background);
1163
+ --infinite-menu-item-pressed-background: var(--infinite-background);
1128
1164
  }
1129
1165
  }
1130
1166
 
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 */
1167
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y3YriMBTH732KA7KgYESrjtq52VdJkxMbbJOSZFRYfPel1dmpqVNbHfRiS9ALcz6TnN8fHEslpJIOiYsxRaJoioRENLE0DY3WbgTjGhP40wMg5J8FZQyVI0wn2oTQX0ULJt7eL20iyrYboz8UD2EfS4fe/tk5SijbelsxUo6GMEySizB9sRBLsayxjvUOzYVPkYak8jCQCqzZRCPYUTO4mW04OlUNwa/hNwlPDXjRil99jyJ2W/tImzyN01kI0+wAVieSg9lEdDBdrUcwXS/yr/UIxovVdzWWAhm5iV051JWjcYYqm1GDylXO6VQpzCeVAylnSVC4EJRWlfuulnLDai+5i0OYZId3//k5uTvbSsUlo04bIpVFF0KQHYoezx/P1ej9xfPweizd/xVHzbn3Hpngwm8ht6y+wz4yMRHTK7YWE2QO+a1nW3c35YEcQpBfUV2me8bkm1Jr5iRF9UEsZtQU9/NJi4izGfOHuLC962IKT+kwJZlBa2+fY7vxn19vq0jIpaVR0jqj1+vXCRaTdez5JE41R0KSfGZabJX5XbdXJX8paK0q1Hr+XNALIaoJe79nXa2d8nXK1ylfp3yd8r1M+Tg12+Y7j+peHvPnFaqI+qCW9AM+m898i093schXUz2Zsnz913rSX7B8dfLxAvkI3gIWNJSPGZ8v5+tOPq6/104+vuTjd4pcUhhkBgUaezo4YlnO4RByBA8LBtfxu+m/Yc1I3oTlN2jelucvIPo9TG9P9Tu4/mSyN2R7U7o35PtDhH+A8W0o347zzyT9S1jfjvaP8P4FxH8m8wGOveNfpxMyot0YAAA= */
1132
1168
  .infinite-theme-name--balsam:root,
1133
1169
  .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%);
1170
+ --infinite-accent-color: #8b5cf6;
1140
1171
  --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
1172
  --infinite-color: black;
1146
- --infinite-cell-color: var(--infinite-color);
1147
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1148
1173
  --infinite-header-cell-background: #f5f7f7;
1149
1174
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1175
+ --infinite-header-color: var(--infinite-color);
1176
+ --infinite-cell-color: var(--infinite-color);
1177
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1178
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1179
+ --infinite-cell-border-left: none;
1180
+ --infinite-cell-border-right: none;
1181
+ --infinite-cell-border-width: 0px;
1182
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1150
1183
  --infinite-row-background: var(--infinite-background);
1151
1184
  --infinite-row-odd-background: #fcfdfe;
1152
1185
  --infinite-row-hover-background: #ecf0f1;
1186
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1153
1187
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1188
+ --infinite-menu-separator-color: #bdc3c7;
1189
+ --infinite-menu-background: var(--infinite-background);
1190
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1191
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1154
1192
  }
1155
1193
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
1156
1194
  .infinite-theme-mode--light .infinite-theme-name--balsam,
1157
1195
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
1158
1196
  .infinite-theme-name--balsam .infinite-theme-mode--light,
1159
1197
  .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%);
1198
+ --infinite-accent-color: #8b5cf6;
1166
1199
  --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
1200
  --infinite-color: black;
1172
- --infinite-cell-color: var(--infinite-color);
1173
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1174
1201
  --infinite-header-cell-background: #f5f7f7;
1175
1202
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1203
+ --infinite-header-color: var(--infinite-color);
1204
+ --infinite-cell-color: var(--infinite-color);
1205
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
1206
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1207
+ --infinite-cell-border-left: none;
1208
+ --infinite-cell-border-right: none;
1209
+ --infinite-cell-border-width: 0px;
1210
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1176
1211
  --infinite-row-background: var(--infinite-background);
1177
1212
  --infinite-row-odd-background: #fcfdfe;
1178
1213
  --infinite-row-hover-background: #ecf0f1;
1214
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1179
1215
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1216
+ --infinite-menu-separator-color: #bdc3c7;
1217
+ --infinite-menu-background: var(--infinite-background);
1218
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1219
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1180
1220
  }
1181
1221
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
1182
1222
  .infinite-theme-mode--dark .infinite-theme-name--balsam,
1183
1223
  .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%);
1224
+ --infinite-accent-color: #8b5cf6;
1190
1225
  --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
1226
  --infinite-color: #f5f5f5;
1196
- --infinite-cell-color: var(--infinite-color);
1197
- --infinite-cell-border-top: 1px solid #5c5c5c;
1198
1227
  --infinite-header-cell-background: #1c1c1c;
1199
1228
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1229
+ --infinite-header-color: var(--infinite-color);
1230
+ --infinite-cell-color: var(--infinite-color);
1231
+ --infinite-cell-border-top: 1px solid #5c5c5c;
1232
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1233
+ --infinite-cell-border-left: none;
1234
+ --infinite-cell-border-right: none;
1235
+ --infinite-cell-border-width: 0px;
1236
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1200
1237
  --infinite-row-background: var(--infinite-background);
1201
1238
  --infinite-row-odd-background: #262c2e;
1202
1239
  --infinite-row-hover-background: #3d4749;
1240
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1203
1241
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1242
+ --infinite-menu-separator-color: #5c5c5c;
1243
+ --infinite-menu-background: var(--infinite-background);
1244
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1245
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1204
1246
  }
1205
1247
  @media (prefers-color-scheme: dark) {
1206
1248
  .infinite-theme-name--balsam:root,
1207
1249
  .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%);
1250
+ --infinite-accent-color: #8b5cf6;
1214
1251
  --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
1252
  --infinite-color: #f5f5f5;
1220
- --infinite-cell-color: var(--infinite-color);
1221
- --infinite-cell-border-top: 1px solid #5c5c5c;
1222
1253
  --infinite-header-cell-background: #1c1c1c;
1223
1254
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
1255
+ --infinite-header-color: var(--infinite-color);
1256
+ --infinite-cell-color: var(--infinite-color);
1257
+ --infinite-cell-border-top: 1px solid #5c5c5c;
1258
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
1259
+ --infinite-cell-border-left: none;
1260
+ --infinite-cell-border-right: none;
1261
+ --infinite-cell-border-width: 0px;
1262
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
1224
1263
  --infinite-row-background: var(--infinite-background);
1225
1264
  --infinite-row-odd-background: #262c2e;
1226
1265
  --infinite-row-hover-background: #3d4749;
1266
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
1227
1267
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
1268
+ --infinite-menu-separator-color: #5c5c5c;
1269
+ --infinite-menu-background: var(--infinite-background);
1270
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
1271
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
1228
1272
  }
1229
1273
  }
1230
1274
 
package/index.dev.js CHANGED
@@ -20192,7 +20192,7 @@ var useLicense = (licenseKey = "") => {
20192
20192
  }
20193
20193
  let valid2 = isValidLicense(licenseKey, {
20194
20194
  publishedAt: 1624970570587,
20195
- version: "5.0.1"
20195
+ version: "5.0.2"
20196
20196
  });
20197
20197
  if (!licenseKey && !valid2 && isInsidePlayground) {
20198
20198
  return true;
package/index.dev.mjs CHANGED
@@ -20158,7 +20158,7 @@ var useLicense = (licenseKey = "") => {
20158
20158
  }
20159
20159
  let valid2 = isValidLicense(licenseKey, {
20160
20160
  publishedAt: 1624970570587,
20161
- version: "5.0.1"
20161
+ version: "5.0.2"
20162
20162
  });
20163
20163
  if (!licenseKey && !valid2 && isInsidePlayground) {
20164
20164
  return true;
package/index.js CHANGED
@@ -20192,7 +20192,7 @@ var useLicense = (licenseKey = "") => {
20192
20192
  }
20193
20193
  let valid2 = isValidLicense(licenseKey, {
20194
20194
  publishedAt: 1624970570587,
20195
- version: "5.0.1"
20195
+ version: "5.0.2"
20196
20196
  });
20197
20197
  if (!licenseKey && !valid2 && isInsidePlayground) {
20198
20198
  return true;
package/index.mjs CHANGED
@@ -20158,7 +20158,7 @@ var useLicense = (licenseKey = "") => {
20158
20158
  }
20159
20159
  let valid2 = isValidLicense(licenseKey, {
20160
20160
  publishedAt: 1624970570587,
20161
- version: "5.0.1"
20161
+ version: "5.0.2"
20162
20162
  });
20163
20163
  if (!licenseKey && !valid2 && isInsidePlayground) {
20164
20164
  return true;
package/package.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "bugs": {
26
26
  "url": "https://github.com/infinite-table/infinite-react/issues"
27
27
  },
28
- "version": "5.0.1",
28
+ "version": "5.0.2",
29
29
  "main": "index.js",
30
30
  "module": "index.mjs",
31
31
  "typings": "index.d.ts",
@@ -34,5 +34,5 @@
34
34
  },
35
35
  "license": "Commercial & Open Source",
36
36
  "//": "will be updated at build time",
37
- "publishedAt": 1728477164758
37
+ "publishedAt": 1728552676092
38
38
  }