@box/blueprint-web 17.18.1 → 17.19.0

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 (10) hide show
  1. package/dist/lib-esm/components.css +94 -72
  2. package/dist/lib-esm/index.css +94 -72
  3. package/dist/lib-esm/list-item/index.d.ts +1 -0
  4. package/dist/lib-esm/list-item/list-item.d.ts +1 -0
  5. package/dist/lib-esm/list-item/main.module.js +1 -1
  6. package/dist/lib-esm/list-item/row.d.ts +7 -1
  7. package/dist/lib-esm/list-item/row.js +4 -1
  8. package/dist/lib-esm/list-item/table.d.ts +10 -0
  9. package/dist/lib-esm/list-item/table.js +4 -1
  10. package/package.json +3 -3
package/dist/lib-esm/components.css CHANGED
@@ -6324,16 +6324,16 @@
6324
6324
  .bp_list_checkbox_module_checkbox--6d182[data-disabled]{
6325
6325
  opacity:var(--checkbox-disabled-opacity);
6326
6326
  }
6327
- .bp_main_module_tableSortingContainer--c1b8c{
6327
+ .bp_main_module_tableSortingContainer--17b22{
6328
6328
  display:flex;
6329
6329
  flex-direction:column;
6330
6330
  min-width:100%;
6331
6331
  }
6332
6332
 
6333
- .bp_main_module_resizableTableContainer--c1b8c{
6333
+ .bp_main_module_resizableTableContainer--17b22{
6334
6334
  min-width:100%;
6335
6335
  }
6336
- .bp_main_module_resizableTableContainer--c1b8c table{
6336
+ .bp_main_module_resizableTableContainer--17b22 table{
6337
6337
  --item-background:var(--list-item-header-background);
6338
6338
  --outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
6339
6339
  --outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
@@ -6344,10 +6344,10 @@
6344
6344
  border-spacing:0;
6345
6345
  width:100% !important;
6346
6346
  }
6347
- .bp_main_module_resizableTableContainer--c1b8c .bp_main_module_resizableTable--c1b8c{
6347
+ .bp_main_module_resizableTableContainer--17b22 .bp_main_module_resizableTable--17b22{
6348
6348
  table-layout:fixed !important;
6349
6349
  }
6350
- .bp_main_module_resizableTableContainer--c1b8c{
6350
+ .bp_main_module_resizableTableContainer--17b22{
6351
6351
  --list-item-header-background:var(--bp-surface-surface);
6352
6352
  --list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
6353
6353
  --list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
@@ -6387,12 +6387,14 @@
6387
6387
  --list-item-cell-actions-gap:var(--bp-space-020);
6388
6388
  --list-item-cell-actions-right-offset:var(--bp-space-040);
6389
6389
  --list-item-cell-actions-padding:0 var(--bp-space-020);
6390
+ --list-item-cell-actions-fade-width:var(--bp-space-060);
6390
6391
  --list-item-cell-actions-margin-block:var(--bp-space-020);
6391
6392
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6392
6393
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6394
+ --list-item-row-drag-background:var(--bp-gray-10);
6393
6395
  }
6394
6396
 
6395
- .bp_main_module_tableHeader--c1b8c{
6397
+ .bp_main_module_tableHeader--17b22{
6396
6398
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6397
6399
  font-size:var(--bp-font-size-03);
6398
6400
  font-style:normal;
@@ -6400,7 +6402,7 @@
6400
6402
  letter-spacing:var(--bp-font-letter-spacing-01);
6401
6403
  line-height:var(--bp-font-line-height-02);
6402
6404
  }
6403
- :where(body.is-inter-font) .bp_main_module_tableHeader--c1b8c{
6405
+ :where(body.is-inter-font) .bp_main_module_tableHeader--17b22{
6404
6406
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6405
6407
  font-size:.75rem;
6406
6408
  font-style:normal;
@@ -6411,67 +6413,67 @@
6411
6413
  text-transform:none;
6412
6414
  }
6413
6415
 
6414
- .bp_main_module_tableHeader--c1b8c tr > th{
6416
+ .bp_main_module_tableHeader--17b22 tr > th{
6415
6417
  font-weight:var(--bp-font-weight-regular);
6416
6418
  overflow:hidden;
6417
6419
  padding:0;
6418
6420
  text-overflow:ellipsis;
6419
6421
  white-space:nowrap;
6420
6422
  }
6421
- .bp_main_module_tableHeader--c1b8c tr > th:first-child{
6423
+ .bp_main_module_tableHeader--17b22 tr > th:first-child{
6422
6424
  border-radius:var(--list-item-first-column-item-radius);
6423
6425
  }
6424
- .bp_main_module_tableHeader--c1b8c tr > th:last-child{
6426
+ .bp_main_module_tableHeader--17b22 tr > th:last-child{
6425
6427
  border-radius:var(--list-item-last-column-item-radius);
6426
6428
  }
6427
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c{
6429
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22{
6428
6430
  color:var(--list-item-header-text-color-unsorted);
6429
6431
  outline:none;
6430
6432
  overflow:visible;
6431
6433
  text-align:left;
6432
6434
  }
6433
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c{
6435
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22{
6434
6436
  align-items:center;
6435
6437
  display:flex;
6436
6438
  flex:1 0 0;
6437
6439
  gap:var(--list-item-header-gap);
6438
6440
  overflow:hidden;
6439
6441
  }
6440
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c .bp_main_module_columnName--c1b8c{
6442
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22 .bp_main_module_columnName--17b22{
6441
6443
  min-width:0;
6442
6444
  overflow:hidden;
6443
6445
  text-overflow:ellipsis;
6444
6446
  white-space:nowrap;
6445
6447
  }
6446
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c:focus-visible{
6448
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22:focus-visible{
6447
6449
  outline:none;
6448
6450
  }
6449
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c.bp_main_module_focusVisible--c1b8c{
6451
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22.bp_main_module_focusVisible--17b22{
6450
6452
  border-radius:var(--list-item-header-column-focus-outline-radius);
6451
6453
  outline:var(--list-item-header-column-focus-outline);
6452
6454
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6453
6455
  }
6454
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c[colspan]{
6456
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[colspan]{
6455
6457
  text-align:center;
6456
6458
  }
6457
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_rotateArrow--c1b8c{
6459
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_rotateArrow--17b22{
6458
6460
  transform:rotateX(180deg);
6459
6461
  }
6460
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_sorted--c1b8c{
6462
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sorted--17b22{
6461
6463
  color:var(--list-item-header-text-color-sorted);
6462
6464
  font-weight:bold;
6463
6465
  }
6464
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_sortingFlexWrapper--c1b8c{
6466
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22{
6465
6467
  align-items:center;
6466
6468
  display:flex;
6467
6469
  gap:var(--list-item-header-gap);
6468
6470
  padding:var(--list-item-header-column-padding);
6469
6471
  position:relative;
6470
6472
  }
6471
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_sortingFlexWrapper--c1b8c svg{
6473
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22 svg{
6472
6474
  flex-shrink:0;
6473
6475
  }
6474
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c{
6476
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22{
6475
6477
  background-color:var(--list-item-header-column-resizer-background-color);
6476
6478
  flex:0 0 auto;
6477
6479
  height:var(--list-item-header-column-resizer-height);
@@ -6480,55 +6482,55 @@
6480
6482
  touch-action:none;
6481
6483
  width:var(--list-item-header-column-resizer-width);
6482
6484
  }
6483
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizable-direction=both]{
6485
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=both]{
6484
6486
  cursor:ew-resize;
6485
6487
  }
6486
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizable-direction=left]{
6488
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=left]{
6487
6489
  cursor:e-resize;
6488
6490
  }
6489
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizable-direction=right]{
6491
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=right]{
6490
6492
  cursor:w-resize;
6491
6493
  }
6492
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-focus-visible]{
6494
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-focus-visible]{
6493
6495
  border-radius:var(--list-item-header-column-focus-outline-radius);
6494
6496
  outline:var(--list-item-header-column-resizer-outline);
6495
6497
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6496
6498
  }
6497
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizing]{
6499
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizing]{
6498
6500
  background-color:var(--list-item-header-column-resizer-background-color-active);
6499
6501
  }
6500
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c:last-of-type .bp_main_module_columnResizer--c1b8c{
6502
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:last-of-type .bp_main_module_columnResizer--17b22{
6501
6503
  display:none;
6502
6504
  }
6503
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6505
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6504
6506
  color:var(--list-item-header-text-color-sorted);
6505
6507
  font-weight:bold;
6506
6508
  }
6507
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c[data-focus-visible]:not([data-sort-direction]) svg{
6509
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[data-focus-visible]:not([data-sort-direction]) svg{
6508
6510
  transform:rotateX(180deg);
6509
6511
  visibility:visible;
6510
6512
  }
6511
6513
 
6512
- .bp_main_module_dropdownHeaderContainer--c1b8c{
6514
+ .bp_main_module_dropdownHeaderContainer--17b22{
6513
6515
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6514
6516
  }
6515
6517
 
6516
- .bp_main_module_column--c1b8c.bp_main_module_droppableColumn--c1b8c{
6518
+ .bp_main_module_column--17b22.bp_main_module_droppableColumn--17b22{
6517
6519
  min-width:160px;
6518
6520
  }
6519
6521
 
6520
- .bp_main_module_column--c1b8c.bp_main_module_actionColumn--c1b8c{
6522
+ .bp_main_module_column--17b22.bp_main_module_actionColumn--17b22{
6521
6523
  min-width:1px;
6522
6524
  }
6523
6525
 
6524
- .bp_main_module_column--c1b8c.bp_main_module_hiddenColumn--c1b8c{
6526
+ .bp_main_module_column--17b22.bp_main_module_hiddenColumn--17b22{
6525
6527
  display:none;
6526
6528
  }
6527
6529
 
6528
- .bp_main_module_tableBody--c1b8c[data-empty]{
6530
+ .bp_main_module_tableBody--17b22[data-empty]{
6529
6531
  text-align:center;
6530
6532
  }
6531
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c{
6533
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22{
6532
6534
  background:var(--list-item-row-background);
6533
6535
  border-radius:var(--list-item-row-border-radius);
6534
6536
  color:var(--list-item-row-text-color);
@@ -6539,7 +6541,7 @@
6539
6541
  position:relative;
6540
6542
  transform:translateZ(0);
6541
6543
  }
6542
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c::after{
6544
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22::after{
6543
6545
  background:#0000;
6544
6546
  border-top:var(--list-item-row-divider);
6545
6547
  box-sizing:border-box;
@@ -6552,20 +6554,20 @@
6552
6554
  width:100%;
6553
6555
  z-index:999;
6554
6556
  }
6555
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true]{
6557
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]{
6556
6558
  --list-item-row-background:var(--list-item-row-background-selected);
6557
6559
  }
6558
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true]::after{
6560
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]::after{
6559
6561
  border:var(--list-item-row-background-selected-border);
6560
6562
  border-radius:var(--list-item-row-border-radius);
6561
6563
  }
6562
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c{
6564
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6563
6565
  opacity:1;
6564
6566
  }
6565
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c{
6567
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22{
6566
6568
  display:none;
6567
6569
  }
6568
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c{
6570
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22{
6569
6571
  max-width:0;
6570
6572
  outline:none;
6571
6573
  overflow:hidden;
@@ -6575,25 +6577,25 @@
6575
6577
  transform:translateZ(0);
6576
6578
  white-space:nowrap;
6577
6579
  }
6578
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c[data-focus-visible]{
6580
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22[data-focus-visible]{
6579
6581
  outline:var(--list-item-cell-focus-outline);
6580
6582
  outline-offset:var(--list-item-cell-focus-outline-offset);
6581
6583
  position:relative;
6582
6584
  }
6583
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c:first-child{
6585
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:first-child{
6584
6586
  border-radius:var(--list-item-first-column-item-radius);
6585
6587
  }
6586
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c:last-child{
6588
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:last-child{
6587
6589
  border-radius:var(--list-item-last-column-item-radius);
6588
6590
  }
6589
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c.bp_main_module_actions--c1b8c{
6591
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_actions--17b22{
6590
6592
  overflow:unset;
6591
6593
  padding:0;
6592
6594
  position:sticky;
6593
6595
  right:0;
6594
6596
  width:var(--list-item-cell-actions-width);
6595
6597
  }
6596
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c{
6598
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6597
6599
  align-items:center;
6598
6600
  background:var(--list-item-row-background);
6599
6601
  bottom:0;
@@ -6607,84 +6609,104 @@
6607
6609
  right:var(--list-item-cell-actions-right-offset);
6608
6610
  top:0;
6609
6611
  }
6610
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c::before{
6611
- box-shadow:-.25rem 0 .625rem .625rem var(--list-item-row-background);
6612
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22::before{
6613
+ background:linear-gradient(to left, var(--list-item-row-background), #0000);
6614
+ bottom:0;
6612
6615
  content:"";
6613
- display:block;
6614
- height:50%;
6615
- left:0;
6616
+ left:calc(var(--list-item-cell-actions-fade-width)*-1);
6617
+ pointer-events:none;
6616
6618
  position:absolute;
6617
- width:0;
6619
+ top:0;
6620
+ width:var(--list-item-cell-actions-fade-width);
6618
6621
  z-index:0;
6619
6622
  }
6620
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c.bp_main_module_alwaysShowSelection--c1b8c{
6623
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22.bp_main_module_alwaysShowSelection--17b22{
6621
6624
  opacity:1;
6622
6625
  }
6623
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c.bp_main_module_alwaysShowSelection--c1b8c .bp_main_module_actionChildren--c1b8c{
6626
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22.bp_main_module_alwaysShowSelection--17b22 .bp_main_module_actionChildren--17b22{
6624
6627
  display:none;
6625
6628
  }
6626
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c[data-state=open]{
6629
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22[data-state=open]{
6627
6630
  opacity:1;
6628
6631
  }
6629
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c[data-state=open] .bp_main_module_actionChildren--c1b8c{
6632
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22[data-state=open] .bp_main_module_actionChildren--17b22{
6630
6633
  display:block;
6631
6634
  }
6632
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c.bp_main_module_isCellHidden--c1b8c{
6635
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_isCellHidden--17b22{
6633
6636
  display:none;
6634
6637
  }
6635
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-dragging]{
6638
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-dragging]{
6636
6639
  opacity:.5;
6637
6640
  transform:translateZ(0);
6638
6641
  }
6639
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]{
6642
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]{
6640
6643
  outline:var(--list-item-row-focus-outline);
6641
6644
  outline-offset:var(--list-item-row-focus-outline-offset);
6642
6645
  }
6643
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible][aria-selected=true]{
6646
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][aria-selected=true]{
6644
6647
  background:var(--list-item-row-background);
6645
6648
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6646
6649
  }
6647
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:last-child::after{
6650
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child::after{
6648
6651
  border-bottom:var(--border-1) solid var(--gray-10);
6649
6652
  }
6650
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:last-child[aria-selected=true]::after{
6653
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child[aria-selected=true]::after{
6651
6654
  border-bottom:var(--list-item-row-background-selected-border);
6652
6655
  }
6653
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]),.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible],.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]{
6656
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]),.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible],.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]{
6654
6657
  z-index:1;
6655
6658
  }
6656
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]:not([aria-selected=true])::after{
6659
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]:not([aria-selected=true])::after{
6657
6660
  border-bottom:var(--list-item-row-hover-after-element-border);
6658
6661
  border-radius:var(--list-item-border-radius);
6659
6662
  border-top:var(--list-item-row-hover-after-element-border);
6660
6663
  box-shadow:var(--dropshadow-2);
6661
6664
  }
6662
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]:last-child:not([aria-selected=true])::after{
6665
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]:last-child:not([aria-selected=true])::after{
6663
6666
  border-bottom:var(--list-item-row-hover-after-element-border);
6664
6667
  }
6665
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
6668
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
6666
6669
  border-top:var(--list-item-row-hover-after-element-border);
6667
6670
  }
6668
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within[data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within[data-pressed] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered][data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered][data-pressed] .bp_main_module_actionsWrapper--c1b8c{
6671
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within[data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within[data-pressed] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered][data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered][data-pressed] .bp_main_module_actionsWrapper--17b22{
6669
6672
  opacity:1;
6670
6673
  }
6671
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
6674
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
6672
6675
  border:var(--list-item-row-border-hover);
6673
6676
  border-radius:var(--list-item-border-radius);
6674
6677
  }
6675
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]) .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c{
6678
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]) .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6676
6679
  opacity:1;
6677
6680
  }
6678
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]) .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c{
6681
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]) .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22{
6679
6682
  display:block;
6680
6683
  }
6684
+ .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22:not(.bp_main_module_droppableTarget--17b22){
6685
+ opacity:.5;
6686
+ }
6687
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-drop-target]{
6688
+ --list-item-row-background:var(--list-item-row-drag-background);
6689
+ }
6690
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-drop-target]:not([aria-selected=true])::after{
6691
+ border-color:#0000;
6692
+ box-shadow:none;
6693
+ }
6694
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-dragging]{
6695
+ --list-item-row-background:var(--list-item-row-drag-background);
6696
+ opacity:1;
6697
+ }
6698
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-dragging][aria-selected=true]::after{
6699
+ border:var(--list-item-row-background-selected-border);
6700
+ border-radius:var(--list-item-row-border-radius);
6701
+ box-shadow:none;
6702
+ }
6681
6703
  @supports selector(:has(*)){
6682
- .bp_main_module_row--c1b8c[aria-selected=true] + .bp_main_module_dropIndicator--c1b8c + [aria-selected=true]::after,.bp_main_module_row--c1b8c[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--c1b8c:first-child,.bp_main_module_row--c1b8c[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--c1b8c:last-child,.bp_main_module_row--c1b8c[aria-selected=true] + [aria-selected=true]::after{
6704
+ .bp_main_module_row--17b22[aria-selected=true] + .bp_main_module_dropIndicator--17b22 + [aria-selected=true]::after,.bp_main_module_row--17b22[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--17b22:first-child,.bp_main_module_row--17b22[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--17b22:last-child,.bp_main_module_row--17b22[aria-selected=true] + [aria-selected=true]::after{
6683
6705
  border-start-end-radius:0;
6684
6706
  border-start-start-radius:0;
6685
6707
  border-top-width:var(--border-1);
6686
6708
  }
6687
- .bp_main_module_row--c1b8c[aria-selected=true]:has(+ .bp_main_module_dropIndicator--c1b8c + [aria-selected=true]) .bp_main_module_cell--c1b8c:last-child,.bp_main_module_row--c1b8c[aria-selected=true]:has(+ .bp_main_module_dropIndicator--c1b8c + [aria-selected=true])::after,.bp_main_module_row--c1b8c[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--c1b8c:first-child,.bp_main_module_row--c1b8c[aria-selected=true]:has(+ [aria-selected=true])::after{
6709
+ .bp_main_module_row--17b22[aria-selected=true]:has(+ .bp_main_module_dropIndicator--17b22 + [aria-selected=true]) .bp_main_module_cell--17b22:last-child,.bp_main_module_row--17b22[aria-selected=true]:has(+ .bp_main_module_dropIndicator--17b22 + [aria-selected=true])::after,.bp_main_module_row--17b22[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--17b22:first-child,.bp_main_module_row--17b22[aria-selected=true]:has(+ [aria-selected=true])::after{
6688
6710
  border-bottom-width:var(--border-1);
6689
6711
  border-end-end-radius:0;
6690
6712
  border-end-start-radius:0;
package/dist/lib-esm/index.css CHANGED
@@ -6324,16 +6324,16 @@
6324
6324
  .bp_list_checkbox_module_checkbox--6d182[data-disabled]{
6325
6325
  opacity:var(--checkbox-disabled-opacity);
6326
6326
  }
6327
- .bp_main_module_tableSortingContainer--c1b8c{
6327
+ .bp_main_module_tableSortingContainer--17b22{
6328
6328
  display:flex;
6329
6329
  flex-direction:column;
6330
6330
  min-width:100%;
6331
6331
  }
6332
6332
 
6333
- .bp_main_module_resizableTableContainer--c1b8c{
6333
+ .bp_main_module_resizableTableContainer--17b22{
6334
6334
  min-width:100%;
6335
6335
  }
6336
- .bp_main_module_resizableTableContainer--c1b8c table{
6336
+ .bp_main_module_resizableTableContainer--17b22 table{
6337
6337
  --item-background:var(--list-item-header-background);
6338
6338
  --outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
6339
6339
  --outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
@@ -6344,10 +6344,10 @@
6344
6344
  border-spacing:0;
6345
6345
  width:100% !important;
6346
6346
  }
6347
- .bp_main_module_resizableTableContainer--c1b8c .bp_main_module_resizableTable--c1b8c{
6347
+ .bp_main_module_resizableTableContainer--17b22 .bp_main_module_resizableTable--17b22{
6348
6348
  table-layout:fixed !important;
6349
6349
  }
6350
- .bp_main_module_resizableTableContainer--c1b8c{
6350
+ .bp_main_module_resizableTableContainer--17b22{
6351
6351
  --list-item-header-background:var(--bp-surface-surface);
6352
6352
  --list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
6353
6353
  --list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
@@ -6387,12 +6387,14 @@
6387
6387
  --list-item-cell-actions-gap:var(--bp-space-020);
6388
6388
  --list-item-cell-actions-right-offset:var(--bp-space-040);
6389
6389
  --list-item-cell-actions-padding:0 var(--bp-space-020);
6390
+ --list-item-cell-actions-fade-width:var(--bp-space-060);
6390
6391
  --list-item-cell-actions-margin-block:var(--bp-space-020);
6391
6392
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6392
6393
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6394
+ --list-item-row-drag-background:var(--bp-gray-10);
6393
6395
  }
6394
6396
 
6395
- .bp_main_module_tableHeader--c1b8c{
6397
+ .bp_main_module_tableHeader--17b22{
6396
6398
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6397
6399
  font-size:var(--bp-font-size-03);
6398
6400
  font-style:normal;
@@ -6400,7 +6402,7 @@
6400
6402
  letter-spacing:var(--bp-font-letter-spacing-01);
6401
6403
  line-height:var(--bp-font-line-height-02);
6402
6404
  }
6403
- :where(body.is-inter-font) .bp_main_module_tableHeader--c1b8c{
6405
+ :where(body.is-inter-font) .bp_main_module_tableHeader--17b22{
6404
6406
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6405
6407
  font-size:.75rem;
6406
6408
  font-style:normal;
@@ -6411,67 +6413,67 @@
6411
6413
  text-transform:none;
6412
6414
  }
6413
6415
 
6414
- .bp_main_module_tableHeader--c1b8c tr > th{
6416
+ .bp_main_module_tableHeader--17b22 tr > th{
6415
6417
  font-weight:var(--bp-font-weight-regular);
6416
6418
  overflow:hidden;
6417
6419
  padding:0;
6418
6420
  text-overflow:ellipsis;
6419
6421
  white-space:nowrap;
6420
6422
  }
6421
- .bp_main_module_tableHeader--c1b8c tr > th:first-child{
6423
+ .bp_main_module_tableHeader--17b22 tr > th:first-child{
6422
6424
  border-radius:var(--list-item-first-column-item-radius);
6423
6425
  }
6424
- .bp_main_module_tableHeader--c1b8c tr > th:last-child{
6426
+ .bp_main_module_tableHeader--17b22 tr > th:last-child{
6425
6427
  border-radius:var(--list-item-last-column-item-radius);
6426
6428
  }
6427
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c{
6429
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22{
6428
6430
  color:var(--list-item-header-text-color-unsorted);
6429
6431
  outline:none;
6430
6432
  overflow:visible;
6431
6433
  text-align:left;
6432
6434
  }
6433
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c{
6435
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22{
6434
6436
  align-items:center;
6435
6437
  display:flex;
6436
6438
  flex:1 0 0;
6437
6439
  gap:var(--list-item-header-gap);
6438
6440
  overflow:hidden;
6439
6441
  }
6440
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c .bp_main_module_columnName--c1b8c{
6442
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22 .bp_main_module_columnName--17b22{
6441
6443
  min-width:0;
6442
6444
  overflow:hidden;
6443
6445
  text-overflow:ellipsis;
6444
6446
  white-space:nowrap;
6445
6447
  }
6446
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c:focus-visible{
6448
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22:focus-visible{
6447
6449
  outline:none;
6448
6450
  }
6449
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnNameWrapper--c1b8c.bp_main_module_focusVisible--c1b8c{
6451
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22.bp_main_module_focusVisible--17b22{
6450
6452
  border-radius:var(--list-item-header-column-focus-outline-radius);
6451
6453
  outline:var(--list-item-header-column-focus-outline);
6452
6454
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6453
6455
  }
6454
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c[colspan]{
6456
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[colspan]{
6455
6457
  text-align:center;
6456
6458
  }
6457
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_rotateArrow--c1b8c{
6459
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_rotateArrow--17b22{
6458
6460
  transform:rotateX(180deg);
6459
6461
  }
6460
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_sorted--c1b8c{
6462
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sorted--17b22{
6461
6463
  color:var(--list-item-header-text-color-sorted);
6462
6464
  font-weight:bold;
6463
6465
  }
6464
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_sortingFlexWrapper--c1b8c{
6466
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22{
6465
6467
  align-items:center;
6466
6468
  display:flex;
6467
6469
  gap:var(--list-item-header-gap);
6468
6470
  padding:var(--list-item-header-column-padding);
6469
6471
  position:relative;
6470
6472
  }
6471
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_sortingFlexWrapper--c1b8c svg{
6473
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22 svg{
6472
6474
  flex-shrink:0;
6473
6475
  }
6474
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c{
6476
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22{
6475
6477
  background-color:var(--list-item-header-column-resizer-background-color);
6476
6478
  flex:0 0 auto;
6477
6479
  height:var(--list-item-header-column-resizer-height);
@@ -6480,55 +6482,55 @@
6480
6482
  touch-action:none;
6481
6483
  width:var(--list-item-header-column-resizer-width);
6482
6484
  }
6483
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizable-direction=both]{
6485
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=both]{
6484
6486
  cursor:ew-resize;
6485
6487
  }
6486
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizable-direction=left]{
6488
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=left]{
6487
6489
  cursor:e-resize;
6488
6490
  }
6489
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizable-direction=right]{
6491
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=right]{
6490
6492
  cursor:w-resize;
6491
6493
  }
6492
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-focus-visible]{
6494
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-focus-visible]{
6493
6495
  border-radius:var(--list-item-header-column-focus-outline-radius);
6494
6496
  outline:var(--list-item-header-column-resizer-outline);
6495
6497
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6496
6498
  }
6497
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c .bp_main_module_columnResizer--c1b8c[data-resizing]{
6499
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizing]{
6498
6500
  background-color:var(--list-item-header-column-resizer-background-color-active);
6499
6501
  }
6500
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c:last-of-type .bp_main_module_columnResizer--c1b8c{
6502
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:last-of-type .bp_main_module_columnResizer--17b22{
6501
6503
  display:none;
6502
6504
  }
6503
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6505
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
6504
6506
  color:var(--list-item-header-text-color-sorted);
6505
6507
  font-weight:bold;
6506
6508
  }
6507
- .bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--c1b8c .bp_main_module_column--c1b8c[data-focus-visible]:not([data-sort-direction]) svg{
6509
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[data-focus-visible]:not([data-sort-direction]) svg{
6508
6510
  transform:rotateX(180deg);
6509
6511
  visibility:visible;
6510
6512
  }
6511
6513
 
6512
- .bp_main_module_dropdownHeaderContainer--c1b8c{
6514
+ .bp_main_module_dropdownHeaderContainer--17b22{
6513
6515
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6514
6516
  }
6515
6517
 
6516
- .bp_main_module_column--c1b8c.bp_main_module_droppableColumn--c1b8c{
6518
+ .bp_main_module_column--17b22.bp_main_module_droppableColumn--17b22{
6517
6519
  min-width:160px;
6518
6520
  }
6519
6521
 
6520
- .bp_main_module_column--c1b8c.bp_main_module_actionColumn--c1b8c{
6522
+ .bp_main_module_column--17b22.bp_main_module_actionColumn--17b22{
6521
6523
  min-width:1px;
6522
6524
  }
6523
6525
 
6524
- .bp_main_module_column--c1b8c.bp_main_module_hiddenColumn--c1b8c{
6526
+ .bp_main_module_column--17b22.bp_main_module_hiddenColumn--17b22{
6525
6527
  display:none;
6526
6528
  }
6527
6529
 
6528
- .bp_main_module_tableBody--c1b8c[data-empty]{
6530
+ .bp_main_module_tableBody--17b22[data-empty]{
6529
6531
  text-align:center;
6530
6532
  }
6531
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c{
6533
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22{
6532
6534
  background:var(--list-item-row-background);
6533
6535
  border-radius:var(--list-item-row-border-radius);
6534
6536
  color:var(--list-item-row-text-color);
@@ -6539,7 +6541,7 @@
6539
6541
  position:relative;
6540
6542
  transform:translateZ(0);
6541
6543
  }
6542
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c::after{
6544
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22::after{
6543
6545
  background:#0000;
6544
6546
  border-top:var(--list-item-row-divider);
6545
6547
  box-sizing:border-box;
@@ -6552,20 +6554,20 @@
6552
6554
  width:100%;
6553
6555
  z-index:999;
6554
6556
  }
6555
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true]{
6557
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]{
6556
6558
  --list-item-row-background:var(--list-item-row-background-selected);
6557
6559
  }
6558
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true]::after{
6560
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]::after{
6559
6561
  border:var(--list-item-row-background-selected-border);
6560
6562
  border-radius:var(--list-item-row-border-radius);
6561
6563
  }
6562
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c{
6564
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6563
6565
  opacity:1;
6564
6566
  }
6565
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[aria-selected=true] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c{
6567
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22{
6566
6568
  display:none;
6567
6569
  }
6568
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c{
6570
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22{
6569
6571
  max-width:0;
6570
6572
  outline:none;
6571
6573
  overflow:hidden;
@@ -6575,25 +6577,25 @@
6575
6577
  transform:translateZ(0);
6576
6578
  white-space:nowrap;
6577
6579
  }
6578
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c[data-focus-visible]{
6580
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22[data-focus-visible]{
6579
6581
  outline:var(--list-item-cell-focus-outline);
6580
6582
  outline-offset:var(--list-item-cell-focus-outline-offset);
6581
6583
  position:relative;
6582
6584
  }
6583
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c:first-child{
6585
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:first-child{
6584
6586
  border-radius:var(--list-item-first-column-item-radius);
6585
6587
  }
6586
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c:last-child{
6588
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:last-child{
6587
6589
  border-radius:var(--list-item-last-column-item-radius);
6588
6590
  }
6589
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c.bp_main_module_actions--c1b8c{
6591
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_actions--17b22{
6590
6592
  overflow:unset;
6591
6593
  padding:0;
6592
6594
  position:sticky;
6593
6595
  right:0;
6594
6596
  width:var(--list-item-cell-actions-width);
6595
6597
  }
6596
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c{
6598
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6597
6599
  align-items:center;
6598
6600
  background:var(--list-item-row-background);
6599
6601
  bottom:0;
@@ -6607,84 +6609,104 @@
6607
6609
  right:var(--list-item-cell-actions-right-offset);
6608
6610
  top:0;
6609
6611
  }
6610
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c::before{
6611
- box-shadow:-.25rem 0 .625rem .625rem var(--list-item-row-background);
6612
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22::before{
6613
+ background:linear-gradient(to left, var(--list-item-row-background), #0000);
6614
+ bottom:0;
6612
6615
  content:"";
6613
- display:block;
6614
- height:50%;
6615
- left:0;
6616
+ left:calc(var(--list-item-cell-actions-fade-width)*-1);
6617
+ pointer-events:none;
6616
6618
  position:absolute;
6617
- width:0;
6619
+ top:0;
6620
+ width:var(--list-item-cell-actions-fade-width);
6618
6621
  z-index:0;
6619
6622
  }
6620
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c.bp_main_module_alwaysShowSelection--c1b8c{
6623
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22.bp_main_module_alwaysShowSelection--17b22{
6621
6624
  opacity:1;
6622
6625
  }
6623
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c.bp_main_module_alwaysShowSelection--c1b8c .bp_main_module_actionChildren--c1b8c{
6626
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22.bp_main_module_alwaysShowSelection--17b22 .bp_main_module_actionChildren--17b22{
6624
6627
  display:none;
6625
6628
  }
6626
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c[data-state=open]{
6629
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22[data-state=open]{
6627
6630
  opacity:1;
6628
6631
  }
6629
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c[data-state=open] .bp_main_module_actionChildren--c1b8c{
6632
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22[data-state=open] .bp_main_module_actionChildren--17b22{
6630
6633
  display:block;
6631
6634
  }
6632
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c .bp_main_module_cell--c1b8c.bp_main_module_isCellHidden--c1b8c{
6635
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_isCellHidden--17b22{
6633
6636
  display:none;
6634
6637
  }
6635
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-dragging]{
6638
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-dragging]{
6636
6639
  opacity:.5;
6637
6640
  transform:translateZ(0);
6638
6641
  }
6639
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]{
6642
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]{
6640
6643
  outline:var(--list-item-row-focus-outline);
6641
6644
  outline-offset:var(--list-item-row-focus-outline-offset);
6642
6645
  }
6643
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible][aria-selected=true]{
6646
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][aria-selected=true]{
6644
6647
  background:var(--list-item-row-background);
6645
6648
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6646
6649
  }
6647
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:last-child::after{
6650
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child::after{
6648
6651
  border-bottom:var(--border-1) solid var(--gray-10);
6649
6652
  }
6650
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:last-child[aria-selected=true]::after{
6653
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child[aria-selected=true]::after{
6651
6654
  border-bottom:var(--list-item-row-background-selected-border);
6652
6655
  }
6653
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]),.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible],.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]{
6656
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]),.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible],.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]{
6654
6657
  z-index:1;
6655
6658
  }
6656
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]:not([aria-selected=true])::after{
6659
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]:not([aria-selected=true])::after{
6657
6660
  border-bottom:var(--list-item-row-hover-after-element-border);
6658
6661
  border-radius:var(--list-item-border-radius);
6659
6662
  border-top:var(--list-item-row-hover-after-element-border);
6660
6663
  box-shadow:var(--dropshadow-2);
6661
6664
  }
6662
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]:last-child:not([aria-selected=true])::after{
6665
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]:last-child:not([aria-selected=true])::after{
6663
6666
  border-bottom:var(--list-item-row-hover-after-element-border);
6664
6667
  }
6665
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
6668
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
6666
6669
  border-top:var(--list-item-row-hover-after-element-border);
6667
6670
  }
6668
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within[data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within[data-pressed] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered][data-dragging] .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered][data-pressed] .bp_main_module_actionsWrapper--c1b8c{
6671
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within[data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within[data-pressed] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered][data-dragging] .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered][data-pressed] .bp_main_module_actionsWrapper--17b22{
6669
6672
  opacity:1;
6670
6673
  }
6671
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
6674
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
6672
6675
  border:var(--list-item-row-border-hover);
6673
6676
  border-radius:var(--list-item-border-radius);
6674
6677
  }
6675
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]) .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c{
6678
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]) .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6676
6679
  opacity:1;
6677
6680
  }
6678
- .bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:focus-within .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c:has([aria-expanded=true]) .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-focus-visible] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c,.bp_main_module_tableBody--c1b8c .bp_main_module_row--c1b8c[data-hovered] .bp_main_module_cell--c1b8c .bp_main_module_actionsWrapper--c1b8c .bp_main_module_actionChildren--c1b8c{
6681
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:focus-within .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:has([aria-expanded=true]) .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22,.bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-hovered] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22 .bp_main_module_actionChildren--17b22{
6679
6682
  display:block;
6680
6683
  }
6684
+ .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22:not(.bp_main_module_droppableTarget--17b22){
6685
+ opacity:.5;
6686
+ }
6687
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-drop-target]{
6688
+ --list-item-row-background:var(--list-item-row-drag-background);
6689
+ }
6690
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-drop-target]:not([aria-selected=true])::after{
6691
+ border-color:#0000;
6692
+ box-shadow:none;
6693
+ }
6694
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-dragging]{
6695
+ --list-item-row-background:var(--list-item-row-drag-background);
6696
+ opacity:1;
6697
+ }
6698
+ .bp_main_module_rowDraggingHighlighted--17b22 .bp_main_module_tableBody--17b22:has(.bp_main_module_row--17b22[data-dragging]) .bp_main_module_row--17b22[data-dragging][aria-selected=true]::after{
6699
+ border:var(--list-item-row-background-selected-border);
6700
+ border-radius:var(--list-item-row-border-radius);
6701
+ box-shadow:none;
6702
+ }
6681
6703
  @supports selector(:has(*)){
6682
- .bp_main_module_row--c1b8c[aria-selected=true] + .bp_main_module_dropIndicator--c1b8c + [aria-selected=true]::after,.bp_main_module_row--c1b8c[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--c1b8c:first-child,.bp_main_module_row--c1b8c[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--c1b8c:last-child,.bp_main_module_row--c1b8c[aria-selected=true] + [aria-selected=true]::after{
6704
+ .bp_main_module_row--17b22[aria-selected=true] + .bp_main_module_dropIndicator--17b22 + [aria-selected=true]::after,.bp_main_module_row--17b22[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--17b22:first-child,.bp_main_module_row--17b22[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--17b22:last-child,.bp_main_module_row--17b22[aria-selected=true] + [aria-selected=true]::after{
6683
6705
  border-start-end-radius:0;
6684
6706
  border-start-start-radius:0;
6685
6707
  border-top-width:var(--border-1);
6686
6708
  }
6687
- .bp_main_module_row--c1b8c[aria-selected=true]:has(+ .bp_main_module_dropIndicator--c1b8c + [aria-selected=true]) .bp_main_module_cell--c1b8c:last-child,.bp_main_module_row--c1b8c[aria-selected=true]:has(+ .bp_main_module_dropIndicator--c1b8c + [aria-selected=true])::after,.bp_main_module_row--c1b8c[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--c1b8c:first-child,.bp_main_module_row--c1b8c[aria-selected=true]:has(+ [aria-selected=true])::after{
6709
+ .bp_main_module_row--17b22[aria-selected=true]:has(+ .bp_main_module_dropIndicator--17b22 + [aria-selected=true]) .bp_main_module_cell--17b22:last-child,.bp_main_module_row--17b22[aria-selected=true]:has(+ .bp_main_module_dropIndicator--17b22 + [aria-selected=true])::after,.bp_main_module_row--17b22[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--17b22:first-child,.bp_main_module_row--17b22[aria-selected=true]:has(+ [aria-selected=true])::after{
6688
6710
  border-bottom-width:var(--border-1);
6689
6711
  border-end-end-radius:0;
6690
6712
  border-end-start-radius:0;
package/dist/lib-esm/list-item/index.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<import("re
12
12
  sortDescriptor?: import("react-stately").SortDescriptor;
13
13
  defaultSortDescriptor?: import("react-stately").SortDescriptor;
14
14
  selectionVisibility?: import("./utils/custom-table-options-context/customTableOptionsContext").SelectionVisibility;
15
+ isRowDraggingHighlighted?: boolean;
15
16
  } & import("react").RefAttributes<HTMLTableElement>>;
16
17
  export declare const Cell: import("react").ForwardRefExoticComponent<import("./cell/cell").CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
17
18
  export declare const Column: (props: ColumnProps & {
package/dist/lib-esm/list-item/list-item.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const Table: import("react").ForwardRefExoticComponent<import("re
12
12
  sortDescriptor?: import("react-stately").SortDescriptor;
13
13
  defaultSortDescriptor?: import("react-stately").SortDescriptor;
14
14
  selectionVisibility?: import("./utils/custom-table-options-context/customTableOptionsContext").SelectionVisibility;
15
+ isRowDraggingHighlighted?: boolean;
15
16
  } & import("react").RefAttributes<HTMLTableElement>>;
16
17
  export declare const Cell: import("react").ForwardRefExoticComponent<import("./cell/cell").CellProps & import("react").RefAttributes<HTMLTableCellElement>>;
17
18
  export declare const Column: (props: ColumnProps & {
package/dist/lib-esm/list-item/main.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--c1b8c","resizableTableContainer":"bp_main_module_resizableTableContainer--c1b8c","resizableTable":"bp_main_module_resizableTable--c1b8c","tableHeader":"bp_main_module_tableHeader--c1b8c","column":"bp_main_module_column--c1b8c","columnNameWrapper":"bp_main_module_columnNameWrapper--c1b8c","columnName":"bp_main_module_columnName--c1b8c","focusVisible":"bp_main_module_focusVisible--c1b8c","sorted":"bp_main_module_sorted--c1b8c","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--c1b8c","columnResizer":"bp_main_module_columnResizer--c1b8c","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--c1b8c","droppableColumn":"bp_main_module_droppableColumn--c1b8c","actionColumn":"bp_main_module_actionColumn--c1b8c","hiddenColumn":"bp_main_module_hiddenColumn--c1b8c","tableBody":"bp_main_module_tableBody--c1b8c","row":"bp_main_module_row--c1b8c","cell":"bp_main_module_cell--c1b8c","actionsWrapper":"bp_main_module_actionsWrapper--c1b8c","actionChildren":"bp_main_module_actionChildren--c1b8c","actions":"bp_main_module_actions--c1b8c","alwaysShowSelection":"bp_main_module_alwaysShowSelection--c1b8c","isCellHidden":"bp_main_module_isCellHidden--c1b8c"};
2
+ var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--17b22","resizableTableContainer":"bp_main_module_resizableTableContainer--17b22","resizableTable":"bp_main_module_resizableTable--17b22","tableHeader":"bp_main_module_tableHeader--17b22","column":"bp_main_module_column--17b22","columnNameWrapper":"bp_main_module_columnNameWrapper--17b22","columnName":"bp_main_module_columnName--17b22","focusVisible":"bp_main_module_focusVisible--17b22","sorted":"bp_main_module_sorted--17b22","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--17b22","columnResizer":"bp_main_module_columnResizer--17b22","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--17b22","droppableColumn":"bp_main_module_droppableColumn--17b22","actionColumn":"bp_main_module_actionColumn--17b22","hiddenColumn":"bp_main_module_hiddenColumn--17b22","tableBody":"bp_main_module_tableBody--17b22","row":"bp_main_module_row--17b22","cell":"bp_main_module_cell--17b22","actionsWrapper":"bp_main_module_actionsWrapper--17b22","actionChildren":"bp_main_module_actionChildren--17b22","actions":"bp_main_module_actions--17b22","alwaysShowSelection":"bp_main_module_alwaysShowSelection--17b22","isCellHidden":"bp_main_module_isCellHidden--17b22","droppableTarget":"bp_main_module_droppableTarget--17b22","rowDraggingHighlighted":"bp_main_module_rowDraggingHighlighted--17b22"};
3
3
 
4
4
  export { styles as default };
package/dist/lib-esm/list-item/row.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  import { type ForwardedRef } from 'react';
2
2
  import { type RowProps as PrimitiveRowProps } from 'react-aria-components';
3
- export type RowProps<T> = PrimitiveRowProps<T>;
3
+ export type RowProps<T> = PrimitiveRowProps<T> & {
4
+ /**
5
+ * Whether another row can be dropped onto this row. When `false`, the row fades to 50% opacity
6
+ * while another row in the table is dragged.
7
+ */
8
+ isDroppableTarget?: boolean;
9
+ };
4
10
  /**
5
11
  * Based on React Aria Components `Row`
6
12
  * @see https://react-spectrum.adobe.com/react-aria/Table.html#row
package/dist/lib-esm/list-item/row.js CHANGED
@@ -14,6 +14,7 @@ const RowInner = (props, ref) => {
14
14
  columns,
15
15
  children,
16
16
  className,
17
+ isDroppableTarget = true,
17
18
  ...rest
18
19
  } = props;
19
20
  let newChildren = children;
@@ -31,7 +32,9 @@ const RowInner = (props, ref) => {
31
32
  return jsx(Row$1, {
32
33
  ...rest,
33
34
  ref: ref,
34
- className: clsx(styles.row, className),
35
+ className: clsx(styles.row, {
36
+ [styles.droppableTarget]: isDroppableTarget
37
+ }, className),
35
38
  id: id,
36
39
  children: childrenWithOrdinals
37
40
  });
package/dist/lib-esm/list-item/table.d.ts CHANGED
@@ -38,6 +38,11 @@ export type TableProps = PrimitiveTableProps & {
38
38
  * UXF-1344: `always` is not supported with `selectionMode` `single` (aka single select) yet. Omitted = hover.
39
39
  */
40
40
  selectionVisibility?: SelectionVisibility;
41
+ /**
42
+ * Changes visual styles for drag and drop. When `true`, the dragged row and the row being dropped
43
+ * onto are highlighted with grey, instead of the dragged row fading to 50% opacity.
44
+ */
45
+ isRowDraggingHighlighted?: boolean;
41
46
  };
42
47
  /**
43
48
  * Based on React Aria Components `Table`
@@ -80,4 +85,9 @@ export declare const Table: import("react").ForwardRefExoticComponent<PrimitiveT
80
85
  * UXF-1344: `always` is not supported with `selectionMode` `single` (aka single select) yet. Omitted = hover.
81
86
  */
82
87
  selectionVisibility?: SelectionVisibility;
88
+ /**
89
+ * Changes visual styles for drag and drop. When `true`, the dragged row and the row being dropped
90
+ * onto are highlighted with grey, instead of the dragged row fading to 50% opacity.
91
+ */
92
+ isRowDraggingHighlighted?: boolean;
83
93
  } & import("react").RefAttributes<HTMLTableElement>>;
package/dist/lib-esm/list-item/table.js CHANGED
@@ -25,6 +25,7 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
25
25
  onSortChange,
26
26
  resizableTableContainerProps,
27
27
  selectionVisibility,
28
+ isRowDraggingHighlighted = false,
28
29
  ...rest
29
30
  } = props;
30
31
  const resizableContainerRef = useRef(null);
@@ -52,7 +53,9 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
52
53
  children: jsx(TableInner, {
53
54
  ref: ref,
54
55
  ...rest,
55
- className: className,
56
+ className: clsx({
57
+ [styles.rowDraggingHighlighted]: isRowDraggingHighlighted
58
+ }, className),
56
59
  onRowAction: onRowAction,
57
60
  children: children
58
61
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "17.18.1",
3
+ "version": "17.19.0",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {
@@ -55,7 +55,7 @@
55
55
  "dependencies": {
56
56
  "@ariakit/react": "0.4.21",
57
57
  "@ariakit/react-core": "0.4.21",
58
- "@box/blueprint-web-assets": "^5.11.1",
58
+ "@box/blueprint-web-assets": "^5.11.3",
59
59
  "@internationalized/date": "^3.12.0",
60
60
  "@radix-ui/react-accordion": "1.1.2",
61
61
  "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
86
86
  "devDependencies": {
87
87
  "@box/box-test-client": "^3.2.7",
88
88
  "@box/playwright-utils": "^2.8.5",
89
- "@box/storybook-utils": "^1.3.1",
89
+ "@box/storybook-utils": "^1.3.3",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",