@infinite-table/infinite-react 0.4.11 → 0.4.12

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 +3 -3
  2. package/index.css +146 -59
  3. package/index.d.ts +110 -36
  4. package/index.esm.css +146 -59
  5. package/index.esm.js +342 -89
  6. package/index.js +338 -89
  7. package/package.json +11 -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+1XUW+bMBB+z6+w1JdGqiswkLT0ZdJ+ibFNsELsyDhpsqn/fTYhAwymSbdJeyBWhJL7zmfuvrvzpUpKDX4uAICQi5wLrhms9pgwGKQgUGz3NiYLjew5RIlPjqzcL46s2CuNrXTtFScpCH2ylZFN2F1bsVf6kgI0ofyagsjrD+OseCjMpdCw4j8uzhyz3CJql67GzLcY5PNMC6ld+zKNiUc92MoTnxdbyMrjyRax9nmzhuR4x8tzCrgomOLagRBZSpWCh/jFLkeICWFmhysmz9dBHDkYppRUHUhgPg4kk4oyBRWm/FCl4IjV45DGS1cJk+1GyYOgKXgvzD+OfMcFLBjfFNr4Jwj2J5ctrGREcykgKRjZZvIEd1htjBYXJRfs1nOUElOjWW2hZifdO5baZPgRJcnT9Wvo4FeXR6ZKfO7tsFH4/KmCNAfj+mzZ5jq/BTcBGA9yC9tjSrnYeF4+8Z9+OoY9qbuJYjVLCyxoaTml+dE8FMPwnVNdGPIOo9fXueI+gRXWYz3/PqyyPF9lk1pEikorbChBR3ZwXrTDdvc1C4atDwgry/4ZGLVrAj1ybprbNaHTBBKePKGMpo53VT7/gfJAddTA8hbUaQkm7HEToLrOmTxfDRjQRVZS6Qv8kulTChMxHg+kzyVN4Vvldg2L62EnrtBrtYqGdK9tNVuRg1Km6n63v8ZgTa41ORGO7zWd52gQFk/cOwYHWw0OswSVLDkFD2Rll7PVngubYV/bEeEIRW4KdeFcHHnFs9KQREjh9oou8r4u1ERQsYsyy3PTVCA9KGxbSwqeUTXomXV965qs9NkejOKqGNSBEbg3siPYmjMQGl+u1zejDS3C+PVmeGYqb5hMwX8nCcTlvsCXG+kdChBqbGIHDyKX5FAxWt953aot36ey1p+pVlFS2i+wdbq6HLXIy72BOXAastfcTe8efKSImxx8GShZ6X7wMg8kIwlxfdZiGx4KVuk6rUdqiIWNdZLMrhHsXnKhLaePptpU0NyxTAQqomRZ1ibwQcu3xcfiubRl6wk8t7eC5o/6mdqxZiBN52FnHnbmYWceduZhZx525mFnHnbmYWceduZhZx52/vdhh2K17U4z9rc7x/RMhkEYhy6/eolvuD2Z2k5xJZFdt/bbMEMhcs1/0m8RQq8R+ketwhOZKIvXSXwzBQOMWHwvBYMMxRH+p5mEYhNCN1m7De13+D4W33aMcgwe94rlTFVNhanMDX1XF0i1XdbMamflW1h2J89uY9q9XPsa2/4e3+5j3N2c+yLr/oB39zDvc+4B8LH4+AX5HeSVcB4AAA== */
1
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YzY7iOBC+8xSWuDTSuJU/oMlcVtoncWKHWAQbOYaGWfW7rx1CJ3HskDA72kuwEA31latS/qpc1bHgXIJ/FgBASFlGGZUElieUEujFwBPk+NMm85Xs3Q/WLnmg5W5xqMVOaaSlW6d4HQPfJdso2YDdrRY7pR8xCAaUdzEInfFQwYr6wowzCUv66x5Mm+UGUYV0YzPfYAJXZBpIFdqPYUxkjWAjX7ui2EA2jkg2iK0rmhUkQ0da3GJAWU4ElQYk5QUXMVhGH3oZQpSmRO3wwGTZ1otCA0OE4KIF8dTLgCRcYCKgQJieyxhckHjr03hlKqH0sBf8zHAMPnP1iyE/UgZzQve5VPHxvNPVZAspSCopZzDNSXpI+BUekdgrLcoKyshYP46EnTvOGGqNyKpZB8ZQSklR3EVWpRPCmLK9w8XQbkhvWSvCCxGSpqh4fYecC/pL0eeVPeo4P3HCs26g/jhCTEuUFAQPxd04lxGbcWWWyltVHpzonCu3h+wK/tkDuY2fBCnL4QeZtuEd2XqUnftZHsa/0b4BLTjC6rTKA5TkKjtOin2C3oL1+sfjrUqd6VWjrp0q0K2zw16g21OF1oOYhaUB1zlkL2ANbDhr1m7vh+tTR2puoiKsK3COGC50vZT0oj4EQfCTYpmrwtyvTF2dB+4JrM/L5SbJsk0yqJVyVkqBVLnDz5ndquTmY+YE6RhU2d3xgWC9BtAWv3Gm14DOowZdx5Yem/LtN5R7qlYDqzGo6woM2KPqgKo7XOXmpseANrLkQt7h9+o6pDBwxvaDdIWkvtQ3mV79xuF8ZA/o4yYO+3Rv7roYpGchVEfxt/5mg9W5VueEb99rOM+D3rE4zr1l0H4/t51ZgZIXFINlutHL2OpEmc6w13YMUBiEZgq14ZRdaEnVFRYDxpnZB7WR0zqs+gQFuSuTLFMNE8RngXTbFIP3oOz1g1V9a5ss5U07hlGZ9+qABe48WQu24gyEKpbb7Wi0ooUf7UbDE1V5ffMG7cC/kwSi4pSj+7Q1QQFCqdsPeGYZT8/qOq7mObNqqx7gpR5TK3Lc7S+WVbqaHNXIe09stCNL7JNdZqZ3B24p4ioHP3pKWnrqPcwyTdJ1asaswdY8ZKSUVVpbaoitR9KeJ3pZsCdOmdScvqhqU0I1P6gTKFPBi6Iygc6S/1x8Ld4LXbZ+gPemK6h/qD5jPbL3pPE8yM+D/DzIz4P8PMjPg/w8yM+D/DzIz4P8PMjPg/w8yM+D/DzI/z+DPEbi0J7U9XdzRu+Y9D0/8k1+dRJfcXswtY3imoZ6jb1v/STwA9P8k/s2CIJdGPyhq8JxMmESbdfRaAp6KCDRVAp6SRCF6I9mUhCpIzSTtX2hfR/f1+KvI8EUgTfVdWdElHWFKdX0eawKpDisKmY1/wcaw7KJPBvHtKlce41t/x3fpjFuMudeZN1v8G4K855zD4Cvxde/sYVarigkAAA= */
2
2
  :root {
3
3
  --infinite-space-0: 0rem;
4
4
  --infinite-space-1: 0.125rem;
@@ -27,6 +27,18 @@
27
27
  --infinite-background: white;
28
28
  --infinite-min-height: 100px;
29
29
  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
30
+ --infinite-menu-background: var(--infinite-background);
31
+ --infinite-menu-color: var(--infinite-cell-color);
32
+ --infinite-menu-padding: var(--infinite-space-3);
33
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
34
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
35
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
36
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
37
+ --infinite-menu-item-disabled-opacity: 0.5;
38
+ --infinite-menu-item-hover-background: var(--infinite-row-hover-background);
39
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
40
+ --infinite-menu-item-hover-opacity: 0.95;
41
+ --infinite-menu-item-pressed-opacity: 1;
30
42
  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
31
43
  --infinite-load-mask-overlay-background: gray;
32
44
  --infinite-load-mask-overlay-opacity: 0.3;
@@ -102,6 +114,18 @@
102
114
  --infinite-background: white;
103
115
  --infinite-min-height: 100px;
104
116
  --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
117
+ --infinite-menu-background: var(--infinite-background);
118
+ --infinite-menu-color: var(--infinite-cell-color);
119
+ --infinite-menu-padding: var(--infinite-space-3);
120
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
121
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
122
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
123
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
124
+ --infinite-menu-item-disabled-opacity: 0.5;
125
+ --infinite-menu-item-hover-background: var(--infinite-row-hover-background);
126
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
127
+ --infinite-menu-item-hover-opacity: 0.95;
128
+ --infinite-menu-item-pressed-opacity: 1;
105
129
  --infinite-load-mask-text-background: rgba(255,255,255,0.8);
106
130
  --infinite-load-mask-overlay-background: gray;
107
131
  --infinite-load-mask-overlay-opacity: 0.3;
@@ -178,7 +202,7 @@
178
202
  }
179
203
  }
180
204
 
181
- /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WV3W7bMAyF7/sUvhmQDVMRt13buJd7kEG2aZuNIrmSHCcd9u5jpKI1LfcnyI2R85GmSPnw8k9+q3Y5juvs70WWleYgHD6jbgt6tjVYQX89XPy7uHwFixIaY+HrvGw82C/j2Y8z0HNroYizqskD2BuHHo0uMgtKetwDg65mkCydUYPn0PUMch6r7ZEhNzOkwQPUjPgViAaVKrJqsBa0/22UsQy6nUB7aVdCoG5Qowchq4pCRHWK+c6C7kKQ89Zs4YPc9wz7cvZN7Lestq01g66LDHUHFj2jZKC8ldrRUHdFfKSGw3W9Wv+kH89anslXc94aT/Bqs66h5Wj9Dprfp2y8fdQyZ2xB40NNF4wRDSOoP8ICXTx+QdqX6YdwAXtqpSsybTTHujhdBYciy5mCEyUJewziMw2rTiO3M3HNVDVXubxLZK7rVOeAWQA40S8RHHlaRDhjP6nUfVap/7TSIRA1ul7JYxGGwfQ915MxjVwvlam2DDhwALVCDSLljoEbHF0lBwoqv/Cy58B0gG1HMj9IvmYiHfUb16Mzjlj7Lom9mmppaLRCb/ok8OZNScOi+Slo0mJvJ1IaeDdR5eANV+9fdoH3Zpck3jAxTR0tyy52sJxqaWg1ldOy6tevWTTKjME2hp3mECxDZC97sI5PO2/msDUjJ9oFYjlXdCGpsNWCrH9HTnXy/pnv5ZhitDvAVx3nojs9DrQUmyMtEMqk/XLK7TIainZeWr5ScvUBDppv1zxamaHzxuN3WNcwa7meMenkzIzYo8NSzRoYLS1IqNAf38GeEmypJvvyvSklqk7qFoq31cXJaHFjd1rXrpcVnGxhtLLnWDQ6Dwcv3s4BSmHv0BH6H5UshnQ2CgAA */
205
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/InfiniteTable/utilities.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5WW227bMAyG7/sUvhnQDXMRt1sP3uUeZFBk2mYjS6kkx0mHvfsYq1tMST0EuTHyf5Qokf7pq1/VrRoqnFbF74uiWJt96fAZdVfTs23AlvTXj4s/F1f/wXoNrbHwcV60HuyH8eLLGei5uVDEWdlUM7g1Dj0aXRcWlPC4AwZdR5BYO6NGz6GbCHIe5ebAkG8R0uIeGkZ8n4kWlaoLOVoL2v80ylgG3S6gnbCXZYm6RY0eSiElhZTyGPOZBd3NQYOwHdLOK6bdz5rz1mzgjX0fGPbhnUWohZCbzppRN3WBugeLnlHrmfJWaEcFH+rwSMWAm+Zy9ZV+fFV5Jt/EvDWe4MuHVQMdR+EVtLpP2XZm6cqcsTWVFjU1HyM6RjTQilHxo/eMoBssLVDb8vbCl96ZNyhhR5ft6kIbzbHH0BsK9nVRMWWzUJIwNYvPVM4mjRwikTePjlUum0Tm+jbVOfCUAThhcwRHXBbhjH8n0/G9THfvZjrNRINuq8ShnovB9D3XpaFiU50Zc+BMUspnrq+VkRtueStOdBa5CVUVB1Ar1FBmVrrOgsmxqpssl24cDHJ01OEOFEifOV8VPLIH7HofO1l1y0QqwSeuBxucsPF9Enu/1NLQYH/ebJNAcVLSsGBsCto0WbmQ0sBmoYrRG67+G4nemyFZuGViunTwJJu9wX6ppaG4lNO0Tv5DbWCm2c7GQXNok4fI9nZgXVRuFcPWTJwYMkR+reBVQmGnSxpaAznocWpFjl2ZFKOpB172nAve9TjSqG8P5cvbml/yKY/OSTsvLJ8IlX0DBx29NcHcDJ03HL/HpoHoyn3EpJUbI2KHDtcqusBgcbOECv3hFWxKsFxO+5f3TalS9kJ3UJ+GLieD50398UPDbYWEoy9MVmw5FqzPw96Xp3OAUrh1eDTRv6P1IEAMCwAA */
182
206
  ._16lm1iw0 {
183
207
  box-sizing: border-box;
184
208
  }
@@ -217,183 +241,201 @@
217
241
  fill: var(--infinite-accent-color);
218
242
  }
219
243
  ._16lm1iw7 {
220
- stroke: currentColor;
244
+ margin: 0;
221
245
  }
222
246
  ._16lm1iw8 {
223
- stroke: var(--infinite-accent-color);
247
+ stroke: currentColor;
224
248
  }
225
249
  ._16lm1iw9 {
226
- background: inherit;
250
+ stroke: var(--infinite-accent-color);
227
251
  }
228
252
  ._16lm1iwa {
229
- transform: translate3d(0, 0, 0);
253
+ background: inherit;
230
254
  }
231
255
  ._16lm1iwb {
232
256
  transform: translate3d(0, 0, 0);
233
257
  }
234
258
  ._16lm1iwc {
235
- transform: rotate(90deg);
259
+ transform: translate3d(0, 0, 0);
236
260
  }
237
261
  ._16lm1iwd {
238
- transform: rotate(180deg);
262
+ transform: rotate(90deg);
239
263
  }
240
264
  ._16lm1iwe {
241
- cursor: pointer;
265
+ transform: rotate(180deg);
242
266
  }
243
267
  ._16lm1iwf {
244
- cursor: col-resize;
268
+ cursor: pointer;
245
269
  }
246
270
  ._16lm1iwg {
247
- pointer-events: none;
271
+ cursor: default;
248
272
  }
249
273
  ._16lm1iwh {
250
- flex: 1;
274
+ cursor: col-resize;
251
275
  }
252
276
  ._16lm1iwi {
253
- flex: none;
277
+ pointer-events: none;
254
278
  }
255
279
  ._16lm1iwj {
256
- z-index: 1;
280
+ flex: 1;
257
281
  }
258
282
  ._16lm1iwk {
259
- z-index: 10;
283
+ flex: none;
260
284
  }
261
285
  ._16lm1iwl {
262
- z-index: 100;
286
+ z-index: 1;
263
287
  }
264
288
  ._16lm1iwm {
265
- z-index: 1000;
289
+ z-index: 10;
266
290
  }
267
291
  ._16lm1iwn {
268
- z-index: 10000;
292
+ z-index: 100;
269
293
  }
270
294
  ._16lm1iwo {
271
- z-index: 100000;
295
+ z-index: 1000;
272
296
  }
273
297
  ._16lm1iwp {
274
- z-index: 1000000;
298
+ z-index: 10000;
275
299
  }
276
300
  ._16lm1iwq {
277
- z-index: 10000000;
301
+ z-index: 100000;
278
302
  }
279
303
  ._16lm1iwr {
280
- z-index: 1000;
304
+ z-index: 1000000;
281
305
  }
282
306
  ._16lm1iws {
283
- z-index: 10000;
307
+ z-index: 10000000;
284
308
  }
285
309
  ._16lm1iwt {
286
- z-index: 100000;
310
+ z-index: 1000;
287
311
  }
288
312
  ._16lm1iwu {
289
- display: flex;
313
+ z-index: 10000;
290
314
  }
291
315
  ._16lm1iwv {
292
- display: none;
316
+ z-index: 100000;
293
317
  }
294
318
  ._16lm1iww {
295
- display: block;
319
+ display: flex;
296
320
  }
297
321
  ._16lm1iwx {
298
- display: inline-block;
322
+ display: contents;
299
323
  }
300
324
  ._16lm1iwy {
325
+ display: none;
326
+ }
327
+ ._16lm1iwz {
328
+ display: block;
329
+ }
330
+ ._16lm1iw10 {
331
+ display: grid;
332
+ }
333
+ ._16lm1iw11 {
334
+ display: inline-block;
335
+ }
336
+ ._16lm1iw12 {
337
+ display: inline-flex;
338
+ }
339
+ ._16lm1iw13 {
340
+ display: inline-grid;
341
+ }
342
+ ._16lm1iw14 {
301
343
  -webkit-user-select: none;
302
344
  -moz-user-select: none;
303
345
  -ms-user-select: none;
304
346
  user-select: none;
305
347
  }
306
- ._16lm1iwz {
348
+ ._16lm1iw15 {
307
349
  height: 0;
308
350
  }
309
- ._16lm1iw10 {
351
+ ._16lm1iw16 {
310
352
  height: 100%;
311
353
  }
312
- ._16lm1iw11 {
354
+ ._16lm1iw17 {
313
355
  width: 0;
314
356
  }
315
- ._16lm1iw12 {
357
+ ._16lm1iw18 {
316
358
  width: 100%;
317
359
  }
318
- ._16lm1iw13 {
360
+ ._16lm1iw19 {
319
361
  top: 0;
320
362
  }
321
- ._16lm1iw14 {
363
+ ._16lm1iw1a {
322
364
  top: 100%;
323
365
  }
324
- ._16lm1iw15 {
366
+ ._16lm1iw1b {
325
367
  left: 0;
326
368
  }
327
- ._16lm1iw16 {
369
+ ._16lm1iw1c {
328
370
  left: 100%;
329
371
  }
330
- ._16lm1iw17 {
372
+ ._16lm1iw1d {
331
373
  left: auto;
332
374
  }
333
- ._16lm1iw18 {
375
+ ._16lm1iw1e {
334
376
  bottom: 0;
335
377
  }
336
- ._16lm1iw19 {
378
+ ._16lm1iw1f {
337
379
  bottom: 100%;
338
380
  }
339
- ._16lm1iw1a {
381
+ ._16lm1iw1g {
340
382
  right: 0;
341
383
  }
342
- ._16lm1iw1b {
384
+ ._16lm1iw1h {
343
385
  right: 100%;
344
386
  }
345
- ._16lm1iw1c {
387
+ ._16lm1iw1i {
346
388
  right: auto;
347
389
  }
348
- ._16lm1iw1d {
390
+ ._16lm1iw1j {
349
391
  flex-flow: column;
350
392
  }
351
- ._16lm1iw1e {
393
+ ._16lm1iw1k {
352
394
  flex-flow: column-reverse;
353
395
  }
354
- ._16lm1iw1f {
396
+ ._16lm1iw1l {
355
397
  flex-flow: row;
356
398
  }
357
- ._16lm1iw1g {
399
+ ._16lm1iw1m {
358
400
  flex-flow: row-reverse;
359
401
  }
360
- ._16lm1iw1h {
402
+ ._16lm1iw1n {
361
403
  align-items: center;
362
404
  }
363
- ._16lm1iw1i {
405
+ ._16lm1iw1o {
364
406
  align-items: stretch;
365
407
  }
366
- ._16lm1iw1j {
408
+ ._16lm1iw1p {
367
409
  justify-content: center;
368
410
  }
369
- ._16lm1iw1k {
411
+ ._16lm1iw1q {
370
412
  justify-content: flex-start;
371
413
  }
372
- ._16lm1iw1l {
414
+ ._16lm1iw1r {
373
415
  justify-content: flex-end;
374
416
  }
375
- ._16lm1iw1m {
417
+ ._16lm1iw1s {
376
418
  overflow: hidden;
377
419
  }
378
- ._16lm1iw1n {
420
+ ._16lm1iw1t {
379
421
  overflow: auto;
380
422
  }
381
- ._16lm1iw1o {
423
+ ._16lm1iw1u {
382
424
  overflow: visible;
383
425
  }
384
- ._16lm1iw1p {
426
+ ._16lm1iw1v {
385
427
  visibility: visible;
386
428
  }
387
- ._16lm1iw1q {
429
+ ._16lm1iw1w {
388
430
  visibility: hidden;
389
431
  }
390
- ._16lm1iw1r {
432
+ ._16lm1iw1x {
391
433
  will-change: transform;
392
434
  }
393
- ._16lm1iw1s {
435
+ ._16lm1iw1y {
394
436
  white-space: nowrap;
395
437
  }
396
- ._16lm1iw1t {
438
+ ._16lm1iw1z {
397
439
  text-overflow: ellipsis;
398
440
  }
399
441
 
@@ -768,3 +810,48 @@
768
810
  background: var(--infinite-load-mask-text-background);
769
811
  border-radius: var(--infinite-load-mask-border-radius);
770
812
  }
813
+
814
+ /* vanilla-extract-css-ns:@infinite-table/infinite-react/src/components/Menu/MenuCls.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1VTXOCMBC9+ytylBljrU4Ppcf+knwBO4aEWYLWdvzvxYAFFDT20ks5QfL27Vv27exS8g3DZEW+ZoQUTEowaUx2DOeUgknAgFM0V6ai7WX0VgOF1RbHYf7KgzgT2xRtZeQ4sruv4cfZslGy7iuhXFuxnUiktD6LojuFDgTTPvH5EIwGowKiM4vwaY1r43OGKZi7uVvYIDW3KNX1n2HCwU5RtHvaIBZ3EXQP0mVTOC+gD4yi+4ylO2gVwuiBIYy+2QuCKZ/fZ/VgSnGKdwSbPoDlUf10PaCtRx0yUxYMlXE9l228y2zBBLjDeI/rl5xKKBnXStIWGmTsYeS4zV+8gCCmzNYWG9KESG/COt0/qVdxYkVVkvbztVHyb9w/Nu5kf+IEsHRUZKBlr1cUIc3cbZtfUWk2xqRV8iiRsW7eFxY1Jx1/FJTgkWJ4+MgUqMrycvZChuYcODI2ol+Qs0VMnosPUloNkogKT2LfT/J7RXHrnM1jsuptFR9ZrwtxabwbS408kfVgM7W8v6M5fgNIcGiK9AcAAA== */
815
+ .db3arf0 {
816
+ padding: var(--infinite-menu-padding);
817
+ color: var(--infinite-menu-color);
818
+ background: var(--infinite-menu-background);
819
+ }
820
+ .db3arf2 {
821
+ padding-block: var(--infinite-menu-cell-padding-vertical);
822
+ padding-inline: var(--infinite-menu-cell-padding-horizontal);
823
+ margin-block: var(--infinite-menu-cell-margin-vertical);
824
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
825
+ border-color: transparent;
826
+ }
827
+ .db3arf3 {
828
+ opacity: var(--infinite-menu-item-disabled-opacity);
829
+ background: var(--infinite-menu-item-disabled-background);
830
+ }
831
+ .db3arf5 {
832
+ background: var(--infinite-menu-item-hover-background);
833
+ opacity: var(--infinite-menu-item-hover-opacity);
834
+ }
835
+ .db3arf0:focus .db3arf9 {
836
+ border: var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, rgb(var(--infinite-active-cell-border-color--r) var(--infinite-active-cell-border-color--g) var(--infinite-active-cell-border-color--b))));
837
+ }
838
+ .db3arf0:focus .db3arf9:first-child {
839
+ border-right-color: transparent;
840
+ }
841
+ .db3arf0:focus .db3arf9:last-child {
842
+ border-left-color: transparent;
843
+ }
844
+ .db3arf0:focus .db3arf9:not(:first-child):not(:last-child) {
845
+ border-left-color: transparent;
846
+ border-right-color: transparent;
847
+ }
848
+ .db3arfb {
849
+ background: var(--infinite-menu-item-pressed-background);
850
+ opacity: var(--infinite-menu-item-pressed-opacity);
851
+ }
852
+ .db3arfc {
853
+ border-top: 1px solid currentColor;
854
+ border-bottom: 0;
855
+ margin-top: calc(var(--infinite-menu-cell-padding-vertical) / 2);
856
+ margin-bottom: calc(var(--infinite-menu-cell-padding-vertical) / 2);
857
+ }