@box/blueprint-web 17.18.2 → 17.19.1

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 +87 -67
  2. package/dist/lib-esm/index.css +87 -67
  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--fc23f{
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--fc23f{
6333
+ .bp_main_module_resizableTableContainer--17b22{
6334
6334
  min-width:100%;
6335
6335
  }
6336
- .bp_main_module_resizableTableContainer--fc23f 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--fc23f .bp_main_module_resizableTable--fc23f{
6347
+ .bp_main_module_resizableTableContainer--17b22 .bp_main_module_resizableTable--17b22{
6348
6348
  table-layout:fixed !important;
6349
6349
  }
6350
- .bp_main_module_resizableTableContainer--fc23f{
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));
@@ -6391,9 +6391,10 @@
6391
6391
  --list-item-cell-actions-margin-block:var(--bp-space-020);
6392
6392
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6393
6393
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6394
+ --list-item-row-drag-background:var(--bp-gray-10);
6394
6395
  }
6395
6396
 
6396
- .bp_main_module_tableHeader--fc23f{
6397
+ .bp_main_module_tableHeader--17b22{
6397
6398
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6398
6399
  font-size:var(--bp-font-size-03);
6399
6400
  font-style:normal;
@@ -6401,7 +6402,7 @@
6401
6402
  letter-spacing:var(--bp-font-letter-spacing-01);
6402
6403
  line-height:var(--bp-font-line-height-02);
6403
6404
  }
6404
- :where(body.is-inter-font) .bp_main_module_tableHeader--fc23f{
6405
+ :where(body.is-inter-font) .bp_main_module_tableHeader--17b22{
6405
6406
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6406
6407
  font-size:.75rem;
6407
6408
  font-style:normal;
@@ -6412,67 +6413,67 @@
6412
6413
  text-transform:none;
6413
6414
  }
6414
6415
 
6415
- .bp_main_module_tableHeader--fc23f tr > th{
6416
+ .bp_main_module_tableHeader--17b22 tr > th{
6416
6417
  font-weight:var(--bp-font-weight-regular);
6417
6418
  overflow:hidden;
6418
6419
  padding:0;
6419
6420
  text-overflow:ellipsis;
6420
6421
  white-space:nowrap;
6421
6422
  }
6422
- .bp_main_module_tableHeader--fc23f tr > th:first-child{
6423
+ .bp_main_module_tableHeader--17b22 tr > th:first-child{
6423
6424
  border-radius:var(--list-item-first-column-item-radius);
6424
6425
  }
6425
- .bp_main_module_tableHeader--fc23f tr > th:last-child{
6426
+ .bp_main_module_tableHeader--17b22 tr > th:last-child{
6426
6427
  border-radius:var(--list-item-last-column-item-radius);
6427
6428
  }
6428
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f{
6429
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22{
6429
6430
  color:var(--list-item-header-text-color-unsorted);
6430
6431
  outline:none;
6431
6432
  overflow:visible;
6432
6433
  text-align:left;
6433
6434
  }
6434
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f{
6435
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22{
6435
6436
  align-items:center;
6436
6437
  display:flex;
6437
6438
  flex:1 0 0;
6438
6439
  gap:var(--list-item-header-gap);
6439
6440
  overflow:hidden;
6440
6441
  }
6441
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f .bp_main_module_columnName--fc23f{
6442
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22 .bp_main_module_columnName--17b22{
6442
6443
  min-width:0;
6443
6444
  overflow:hidden;
6444
6445
  text-overflow:ellipsis;
6445
6446
  white-space:nowrap;
6446
6447
  }
6447
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f:focus-visible{
6448
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22:focus-visible{
6448
6449
  outline:none;
6449
6450
  }
6450
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f.bp_main_module_focusVisible--fc23f{
6451
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22.bp_main_module_focusVisible--17b22{
6451
6452
  border-radius:var(--list-item-header-column-focus-outline-radius);
6452
6453
  outline:var(--list-item-header-column-focus-outline);
6453
6454
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6454
6455
  }
6455
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[colspan]{
6456
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[colspan]{
6456
6457
  text-align:center;
6457
6458
  }
6458
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_rotateArrow--fc23f{
6459
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_rotateArrow--17b22{
6459
6460
  transform:rotateX(180deg);
6460
6461
  }
6461
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sorted--fc23f{
6462
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sorted--17b22{
6462
6463
  color:var(--list-item-header-text-color-sorted);
6463
6464
  font-weight:bold;
6464
6465
  }
6465
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f{
6466
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22{
6466
6467
  align-items:center;
6467
6468
  display:flex;
6468
6469
  gap:var(--list-item-header-gap);
6469
6470
  padding:var(--list-item-header-column-padding);
6470
6471
  position:relative;
6471
6472
  }
6472
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f svg{
6473
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22 svg{
6473
6474
  flex-shrink:0;
6474
6475
  }
6475
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f{
6476
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22{
6476
6477
  background-color:var(--list-item-header-column-resizer-background-color);
6477
6478
  flex:0 0 auto;
6478
6479
  height:var(--list-item-header-column-resizer-height);
@@ -6481,55 +6482,55 @@
6481
6482
  touch-action:none;
6482
6483
  width:var(--list-item-header-column-resizer-width);
6483
6484
  }
6484
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=both]{
6485
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=both]{
6485
6486
  cursor:ew-resize;
6486
6487
  }
6487
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=left]{
6488
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=left]{
6488
6489
  cursor:e-resize;
6489
6490
  }
6490
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=right]{
6491
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=right]{
6491
6492
  cursor:w-resize;
6492
6493
  }
6493
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-focus-visible]{
6494
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-focus-visible]{
6494
6495
  border-radius:var(--list-item-header-column-focus-outline-radius);
6495
6496
  outline:var(--list-item-header-column-resizer-outline);
6496
6497
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6497
6498
  }
6498
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizing]{
6499
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizing]{
6499
6500
  background-color:var(--list-item-header-column-resizer-background-color-active);
6500
6501
  }
6501
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:last-of-type .bp_main_module_columnResizer--fc23f{
6502
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:last-of-type .bp_main_module_columnResizer--17b22{
6502
6503
  display:none;
6503
6504
  }
6504
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[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]{
6505
6506
  color:var(--list-item-header-text-color-sorted);
6506
6507
  font-weight:bold;
6507
6508
  }
6508
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[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{
6509
6510
  transform:rotateX(180deg);
6510
6511
  visibility:visible;
6511
6512
  }
6512
6513
 
6513
- .bp_main_module_dropdownHeaderContainer--fc23f{
6514
+ .bp_main_module_dropdownHeaderContainer--17b22{
6514
6515
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6515
6516
  }
6516
6517
 
6517
- .bp_main_module_column--fc23f.bp_main_module_droppableColumn--fc23f{
6518
+ .bp_main_module_column--17b22.bp_main_module_droppableColumn--17b22{
6518
6519
  min-width:160px;
6519
6520
  }
6520
6521
 
6521
- .bp_main_module_column--fc23f.bp_main_module_actionColumn--fc23f{
6522
+ .bp_main_module_column--17b22.bp_main_module_actionColumn--17b22{
6522
6523
  min-width:1px;
6523
6524
  }
6524
6525
 
6525
- .bp_main_module_column--fc23f.bp_main_module_hiddenColumn--fc23f{
6526
+ .bp_main_module_column--17b22.bp_main_module_hiddenColumn--17b22{
6526
6527
  display:none;
6527
6528
  }
6528
6529
 
6529
- .bp_main_module_tableBody--fc23f[data-empty]{
6530
+ .bp_main_module_tableBody--17b22[data-empty]{
6530
6531
  text-align:center;
6531
6532
  }
6532
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f{
6533
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22{
6533
6534
  background:var(--list-item-row-background);
6534
6535
  border-radius:var(--list-item-row-border-radius);
6535
6536
  color:var(--list-item-row-text-color);
@@ -6540,7 +6541,7 @@
6540
6541
  position:relative;
6541
6542
  transform:translateZ(0);
6542
6543
  }
6543
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f::after{
6544
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22::after{
6544
6545
  background:#0000;
6545
6546
  border-top:var(--list-item-row-divider);
6546
6547
  box-sizing:border-box;
@@ -6553,20 +6554,20 @@
6553
6554
  width:100%;
6554
6555
  z-index:999;
6555
6556
  }
6556
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]{
6557
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]{
6557
6558
  --list-item-row-background:var(--list-item-row-background-selected);
6558
6559
  }
6559
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]::after{
6560
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]::after{
6560
6561
  border:var(--list-item-row-background-selected-border);
6561
6562
  border-radius:var(--list-item-row-border-radius);
6562
6563
  }
6563
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
6564
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6564
6565
  opacity:1;
6565
6566
  }
6566
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f{
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{
6567
6568
  display:none;
6568
6569
  }
6569
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f{
6570
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22{
6570
6571
  max-width:0;
6571
6572
  outline:none;
6572
6573
  overflow:hidden;
@@ -6576,25 +6577,25 @@
6576
6577
  transform:translateZ(0);
6577
6578
  white-space:nowrap;
6578
6579
  }
6579
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f[data-focus-visible]{
6580
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22[data-focus-visible]{
6580
6581
  outline:var(--list-item-cell-focus-outline);
6581
6582
  outline-offset:var(--list-item-cell-focus-outline-offset);
6582
6583
  position:relative;
6583
6584
  }
6584
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:first-child{
6585
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:first-child{
6585
6586
  border-radius:var(--list-item-first-column-item-radius);
6586
6587
  }
6587
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:last-child{
6588
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:last-child{
6588
6589
  border-radius:var(--list-item-last-column-item-radius);
6589
6590
  }
6590
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_actions--fc23f{
6591
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_actions--17b22{
6591
6592
  overflow:unset;
6592
6593
  padding:0;
6593
6594
  position:sticky;
6594
6595
  right:0;
6595
6596
  width:var(--list-item-cell-actions-width);
6596
6597
  }
6597
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
6598
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6598
6599
  align-items:center;
6599
6600
  background:var(--list-item-row-background);
6600
6601
  bottom:0;
@@ -6608,7 +6609,7 @@
6608
6609
  right:var(--list-item-cell-actions-right-offset);
6609
6610
  top:0;
6610
6611
  }
6611
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f::before{
6612
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22::before{
6612
6613
  background:linear-gradient(to left, var(--list-item-row-background), #0000);
6613
6614
  bottom:0;
6614
6615
  content:"";
@@ -6619,74 +6620,93 @@
6619
6620
  width:var(--list-item-cell-actions-fade-width);
6620
6621
  z-index:0;
6621
6622
  }
6622
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f.bp_main_module_alwaysShowSelection--fc23f{
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{
6623
6624
  opacity:1;
6624
6625
  }
6625
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f.bp_main_module_alwaysShowSelection--fc23f .bp_main_module_actionChildren--fc23f{
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{
6626
6627
  display:none;
6627
6628
  }
6628
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f[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]{
6629
6630
  opacity:1;
6630
6631
  }
6631
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f[data-state=open] .bp_main_module_actionChildren--fc23f{
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{
6632
6633
  display:block;
6633
6634
  }
6634
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_isCellHidden--fc23f{
6635
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_isCellHidden--17b22{
6635
6636
  display:none;
6636
6637
  }
6637
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-dragging]{
6638
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-dragging]{
6638
6639
  opacity:.5;
6639
6640
  transform:translateZ(0);
6640
6641
  }
6641
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]{
6642
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]{
6642
6643
  outline:var(--list-item-row-focus-outline);
6643
6644
  outline-offset:var(--list-item-row-focus-outline-offset);
6644
6645
  }
6645
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][aria-selected=true]{
6646
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][aria-selected=true]{
6646
6647
  background:var(--list-item-row-background);
6647
6648
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6648
6649
  }
6649
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child::after{
6650
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child::after{
6650
6651
  border-bottom:var(--border-1) solid var(--gray-10);
6651
6652
  }
6652
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child[aria-selected=true]::after{
6653
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child[aria-selected=true]::after{
6653
6654
  border-bottom:var(--list-item-row-background-selected-border);
6654
6655
  }
6655
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]),.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible],.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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]{
6656
6657
  z-index:1;
6657
6658
  }
6658
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6659
6660
  border-bottom:var(--list-item-row-hover-after-element-border);
6660
6661
  border-radius:var(--list-item-border-radius);
6661
6662
  border-top:var(--list-item-row-hover-after-element-border);
6662
6663
  box-shadow:var(--dropshadow-2);
6663
6664
  }
6664
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6665
6666
  border-bottom:var(--list-item-row-hover-after-element-border);
6666
6667
  }
6667
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6668
6669
  border-top:var(--list-item-row-hover-after-element-border);
6669
6670
  }
6670
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within[data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within[data-pressed] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered][data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered][data-pressed] .bp_main_module_actionsWrapper--fc23f{
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{
6671
6672
  opacity:1;
6672
6673
  }
6673
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6674
6675
  border:var(--list-item-row-border-hover);
6675
6676
  border-radius:var(--list-item-border-radius);
6676
6677
  }
6677
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]) .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
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{
6678
6679
  opacity:1;
6679
6680
  }
6680
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]) .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f{
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{
6681
6682
  display:block;
6682
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
+ }
6683
6703
  @supports selector(:has(*)){
6684
- .bp_main_module_row--fc23f[aria-selected=true] + .bp_main_module_dropIndicator--fc23f + [aria-selected=true]::after,.bp_main_module_row--fc23f[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fc23f:first-child,.bp_main_module_row--fc23f[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fc23f:last-child,.bp_main_module_row--fc23f[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{
6685
6705
  border-start-end-radius:0;
6686
6706
  border-start-start-radius:0;
6687
6707
  border-top-width:var(--border-1);
6688
6708
  }
6689
- .bp_main_module_row--fc23f[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fc23f + [aria-selected=true]) .bp_main_module_cell--fc23f:last-child,.bp_main_module_row--fc23f[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fc23f + [aria-selected=true])::after,.bp_main_module_row--fc23f[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--fc23f:first-child,.bp_main_module_row--fc23f[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{
6690
6710
  border-bottom-width:var(--border-1);
6691
6711
  border-end-end-radius:0;
6692
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--fc23f{
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--fc23f{
6333
+ .bp_main_module_resizableTableContainer--17b22{
6334
6334
  min-width:100%;
6335
6335
  }
6336
- .bp_main_module_resizableTableContainer--fc23f 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--fc23f .bp_main_module_resizableTable--fc23f{
6347
+ .bp_main_module_resizableTableContainer--17b22 .bp_main_module_resizableTable--17b22{
6348
6348
  table-layout:fixed !important;
6349
6349
  }
6350
- .bp_main_module_resizableTableContainer--fc23f{
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));
@@ -6391,9 +6391,10 @@
6391
6391
  --list-item-cell-actions-margin-block:var(--bp-space-020);
6392
6392
  --list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
6393
6393
  --list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
6394
+ --list-item-row-drag-background:var(--bp-gray-10);
6394
6395
  }
6395
6396
 
6396
- .bp_main_module_tableHeader--fc23f{
6397
+ .bp_main_module_tableHeader--17b22{
6397
6398
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6398
6399
  font-size:var(--bp-font-size-03);
6399
6400
  font-style:normal;
@@ -6401,7 +6402,7 @@
6401
6402
  letter-spacing:var(--bp-font-letter-spacing-01);
6402
6403
  line-height:var(--bp-font-line-height-02);
6403
6404
  }
6404
- :where(body.is-inter-font) .bp_main_module_tableHeader--fc23f{
6405
+ :where(body.is-inter-font) .bp_main_module_tableHeader--17b22{
6405
6406
  font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
6406
6407
  font-size:.75rem;
6407
6408
  font-style:normal;
@@ -6412,67 +6413,67 @@
6412
6413
  text-transform:none;
6413
6414
  }
6414
6415
 
6415
- .bp_main_module_tableHeader--fc23f tr > th{
6416
+ .bp_main_module_tableHeader--17b22 tr > th{
6416
6417
  font-weight:var(--bp-font-weight-regular);
6417
6418
  overflow:hidden;
6418
6419
  padding:0;
6419
6420
  text-overflow:ellipsis;
6420
6421
  white-space:nowrap;
6421
6422
  }
6422
- .bp_main_module_tableHeader--fc23f tr > th:first-child{
6423
+ .bp_main_module_tableHeader--17b22 tr > th:first-child{
6423
6424
  border-radius:var(--list-item-first-column-item-radius);
6424
6425
  }
6425
- .bp_main_module_tableHeader--fc23f tr > th:last-child{
6426
+ .bp_main_module_tableHeader--17b22 tr > th:last-child{
6426
6427
  border-radius:var(--list-item-last-column-item-radius);
6427
6428
  }
6428
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f{
6429
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22{
6429
6430
  color:var(--list-item-header-text-color-unsorted);
6430
6431
  outline:none;
6431
6432
  overflow:visible;
6432
6433
  text-align:left;
6433
6434
  }
6434
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f{
6435
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22{
6435
6436
  align-items:center;
6436
6437
  display:flex;
6437
6438
  flex:1 0 0;
6438
6439
  gap:var(--list-item-header-gap);
6439
6440
  overflow:hidden;
6440
6441
  }
6441
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f .bp_main_module_columnName--fc23f{
6442
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22 .bp_main_module_columnName--17b22{
6442
6443
  min-width:0;
6443
6444
  overflow:hidden;
6444
6445
  text-overflow:ellipsis;
6445
6446
  white-space:nowrap;
6446
6447
  }
6447
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f:focus-visible{
6448
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22:focus-visible{
6448
6449
  outline:none;
6449
6450
  }
6450
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f.bp_main_module_focusVisible--fc23f{
6451
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnNameWrapper--17b22.bp_main_module_focusVisible--17b22{
6451
6452
  border-radius:var(--list-item-header-column-focus-outline-radius);
6452
6453
  outline:var(--list-item-header-column-focus-outline);
6453
6454
  outline-offset:var(--list-item-header-column-focus-outline-offset);
6454
6455
  }
6455
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[colspan]{
6456
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22[colspan]{
6456
6457
  text-align:center;
6457
6458
  }
6458
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_rotateArrow--fc23f{
6459
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_rotateArrow--17b22{
6459
6460
  transform:rotateX(180deg);
6460
6461
  }
6461
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sorted--fc23f{
6462
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sorted--17b22{
6462
6463
  color:var(--list-item-header-text-color-sorted);
6463
6464
  font-weight:bold;
6464
6465
  }
6465
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f{
6466
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22{
6466
6467
  align-items:center;
6467
6468
  display:flex;
6468
6469
  gap:var(--list-item-header-gap);
6469
6470
  padding:var(--list-item-header-column-padding);
6470
6471
  position:relative;
6471
6472
  }
6472
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f svg{
6473
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_sortingFlexWrapper--17b22 svg{
6473
6474
  flex-shrink:0;
6474
6475
  }
6475
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f{
6476
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22{
6476
6477
  background-color:var(--list-item-header-column-resizer-background-color);
6477
6478
  flex:0 0 auto;
6478
6479
  height:var(--list-item-header-column-resizer-height);
@@ -6481,55 +6482,55 @@
6481
6482
  touch-action:none;
6482
6483
  width:var(--list-item-header-column-resizer-width);
6483
6484
  }
6484
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=both]{
6485
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=both]{
6485
6486
  cursor:ew-resize;
6486
6487
  }
6487
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=left]{
6488
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=left]{
6488
6489
  cursor:e-resize;
6489
6490
  }
6490
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=right]{
6491
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizable-direction=right]{
6491
6492
  cursor:w-resize;
6492
6493
  }
6493
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-focus-visible]{
6494
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-focus-visible]{
6494
6495
  border-radius:var(--list-item-header-column-focus-outline-radius);
6495
6496
  outline:var(--list-item-header-column-resizer-outline);
6496
6497
  outline-offset:var(--list-item-header-column-resizer-outline-offset);
6497
6498
  }
6498
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizing]{
6499
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22 .bp_main_module_columnResizer--17b22[data-resizing]{
6499
6500
  background-color:var(--list-item-header-column-resizer-background-color-active);
6500
6501
  }
6501
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:last-of-type .bp_main_module_columnResizer--fc23f{
6502
+ .bp_main_module_tableHeader--17b22 .bp_main_module_column--17b22:last-of-type .bp_main_module_columnResizer--17b22{
6502
6503
  display:none;
6503
6504
  }
6504
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[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]{
6505
6506
  color:var(--list-item-header-text-color-sorted);
6506
6507
  font-weight:bold;
6507
6508
  }
6508
- .bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[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{
6509
6510
  transform:rotateX(180deg);
6510
6511
  visibility:visible;
6511
6512
  }
6512
6513
 
6513
- .bp_main_module_dropdownHeaderContainer--fc23f{
6514
+ .bp_main_module_dropdownHeaderContainer--17b22{
6514
6515
  margin-bottom:var(--list-item-dropdown-header-margin-bottom);
6515
6516
  }
6516
6517
 
6517
- .bp_main_module_column--fc23f.bp_main_module_droppableColumn--fc23f{
6518
+ .bp_main_module_column--17b22.bp_main_module_droppableColumn--17b22{
6518
6519
  min-width:160px;
6519
6520
  }
6520
6521
 
6521
- .bp_main_module_column--fc23f.bp_main_module_actionColumn--fc23f{
6522
+ .bp_main_module_column--17b22.bp_main_module_actionColumn--17b22{
6522
6523
  min-width:1px;
6523
6524
  }
6524
6525
 
6525
- .bp_main_module_column--fc23f.bp_main_module_hiddenColumn--fc23f{
6526
+ .bp_main_module_column--17b22.bp_main_module_hiddenColumn--17b22{
6526
6527
  display:none;
6527
6528
  }
6528
6529
 
6529
- .bp_main_module_tableBody--fc23f[data-empty]{
6530
+ .bp_main_module_tableBody--17b22[data-empty]{
6530
6531
  text-align:center;
6531
6532
  }
6532
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f{
6533
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22{
6533
6534
  background:var(--list-item-row-background);
6534
6535
  border-radius:var(--list-item-row-border-radius);
6535
6536
  color:var(--list-item-row-text-color);
@@ -6540,7 +6541,7 @@
6540
6541
  position:relative;
6541
6542
  transform:translateZ(0);
6542
6543
  }
6543
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f::after{
6544
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22::after{
6544
6545
  background:#0000;
6545
6546
  border-top:var(--list-item-row-divider);
6546
6547
  box-sizing:border-box;
@@ -6553,20 +6554,20 @@
6553
6554
  width:100%;
6554
6555
  z-index:999;
6555
6556
  }
6556
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]{
6557
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]{
6557
6558
  --list-item-row-background:var(--list-item-row-background-selected);
6558
6559
  }
6559
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]::after{
6560
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true]::after{
6560
6561
  border:var(--list-item-row-background-selected-border);
6561
6562
  border-radius:var(--list-item-row-border-radius);
6562
6563
  }
6563
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
6564
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[aria-selected=true] .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6564
6565
  opacity:1;
6565
6566
  }
6566
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f{
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{
6567
6568
  display:none;
6568
6569
  }
6569
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f{
6570
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22{
6570
6571
  max-width:0;
6571
6572
  outline:none;
6572
6573
  overflow:hidden;
@@ -6576,25 +6577,25 @@
6576
6577
  transform:translateZ(0);
6577
6578
  white-space:nowrap;
6578
6579
  }
6579
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f[data-focus-visible]{
6580
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22[data-focus-visible]{
6580
6581
  outline:var(--list-item-cell-focus-outline);
6581
6582
  outline-offset:var(--list-item-cell-focus-outline-offset);
6582
6583
  position:relative;
6583
6584
  }
6584
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:first-child{
6585
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:first-child{
6585
6586
  border-radius:var(--list-item-first-column-item-radius);
6586
6587
  }
6587
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:last-child{
6588
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22:last-child{
6588
6589
  border-radius:var(--list-item-last-column-item-radius);
6589
6590
  }
6590
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_actions--fc23f{
6591
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_actions--17b22{
6591
6592
  overflow:unset;
6592
6593
  padding:0;
6593
6594
  position:sticky;
6594
6595
  right:0;
6595
6596
  width:var(--list-item-cell-actions-width);
6596
6597
  }
6597
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
6598
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22{
6598
6599
  align-items:center;
6599
6600
  background:var(--list-item-row-background);
6600
6601
  bottom:0;
@@ -6608,7 +6609,7 @@
6608
6609
  right:var(--list-item-cell-actions-right-offset);
6609
6610
  top:0;
6610
6611
  }
6611
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f::before{
6612
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22 .bp_main_module_actionsWrapper--17b22::before{
6612
6613
  background:linear-gradient(to left, var(--list-item-row-background), #0000);
6613
6614
  bottom:0;
6614
6615
  content:"";
@@ -6619,74 +6620,93 @@
6619
6620
  width:var(--list-item-cell-actions-fade-width);
6620
6621
  z-index:0;
6621
6622
  }
6622
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f.bp_main_module_alwaysShowSelection--fc23f{
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{
6623
6624
  opacity:1;
6624
6625
  }
6625
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f.bp_main_module_alwaysShowSelection--fc23f .bp_main_module_actionChildren--fc23f{
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{
6626
6627
  display:none;
6627
6628
  }
6628
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f[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]{
6629
6630
  opacity:1;
6630
6631
  }
6631
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f[data-state=open] .bp_main_module_actionChildren--fc23f{
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{
6632
6633
  display:block;
6633
6634
  }
6634
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_isCellHidden--fc23f{
6635
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22 .bp_main_module_cell--17b22.bp_main_module_isCellHidden--17b22{
6635
6636
  display:none;
6636
6637
  }
6637
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-dragging]{
6638
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-dragging]{
6638
6639
  opacity:.5;
6639
6640
  transform:translateZ(0);
6640
6641
  }
6641
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]{
6642
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible]{
6642
6643
  outline:var(--list-item-row-focus-outline);
6643
6644
  outline-offset:var(--list-item-row-focus-outline-offset);
6644
6645
  }
6645
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][aria-selected=true]{
6646
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22[data-focus-visible][aria-selected=true]{
6646
6647
  background:var(--list-item-row-background);
6647
6648
  outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
6648
6649
  }
6649
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child::after{
6650
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child::after{
6650
6651
  border-bottom:var(--border-1) solid var(--gray-10);
6651
6652
  }
6652
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child[aria-selected=true]::after{
6653
+ .bp_main_module_tableBody--17b22 .bp_main_module_row--17b22:last-child[aria-selected=true]::after{
6653
6654
  border-bottom:var(--list-item-row-background-selected-border);
6654
6655
  }
6655
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]),.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible],.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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]{
6656
6657
  z-index:1;
6657
6658
  }
6658
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6659
6660
  border-bottom:var(--list-item-row-hover-after-element-border);
6660
6661
  border-radius:var(--list-item-border-radius);
6661
6662
  border-top:var(--list-item-row-hover-after-element-border);
6662
6663
  box-shadow:var(--dropshadow-2);
6663
6664
  }
6664
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6665
6666
  border-bottom:var(--list-item-row-hover-after-element-border);
6666
6667
  }
6667
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6668
6669
  border-top:var(--list-item-row-hover-after-element-border);
6669
6670
  }
6670
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within[data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within[data-pressed] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered][data-dragging] .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered][data-pressed] .bp_main_module_actionsWrapper--fc23f{
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{
6671
6672
  opacity:1;
6672
6673
  }
6673
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[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{
6674
6675
  border:var(--list-item-row-border-hover);
6675
6676
  border-radius:var(--list-item-border-radius);
6676
6677
  }
6677
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]) .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
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{
6678
6679
  opacity:1;
6679
6680
  }
6680
- .bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:focus-within .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:has([aria-expanded=true]) .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f,.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-hovered] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f .bp_main_module_actionChildren--fc23f{
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{
6681
6682
  display:block;
6682
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
+ }
6683
6703
  @supports selector(:has(*)){
6684
- .bp_main_module_row--fc23f[aria-selected=true] + .bp_main_module_dropIndicator--fc23f + [aria-selected=true]::after,.bp_main_module_row--fc23f[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fc23f:first-child,.bp_main_module_row--fc23f[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fc23f:last-child,.bp_main_module_row--fc23f[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{
6685
6705
  border-start-end-radius:0;
6686
6706
  border-start-start-radius:0;
6687
6707
  border-top-width:var(--border-1);
6688
6708
  }
6689
- .bp_main_module_row--fc23f[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fc23f + [aria-selected=true]) .bp_main_module_cell--fc23f:last-child,.bp_main_module_row--fc23f[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fc23f + [aria-selected=true])::after,.bp_main_module_row--fc23f[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--fc23f:first-child,.bp_main_module_row--fc23f[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{
6690
6710
  border-bottom-width:var(--border-1);
6691
6711
  border-end-end-radius:0;
6692
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--fc23f","resizableTableContainer":"bp_main_module_resizableTableContainer--fc23f","resizableTable":"bp_main_module_resizableTable--fc23f","tableHeader":"bp_main_module_tableHeader--fc23f","column":"bp_main_module_column--fc23f","columnNameWrapper":"bp_main_module_columnNameWrapper--fc23f","columnName":"bp_main_module_columnName--fc23f","focusVisible":"bp_main_module_focusVisible--fc23f","sorted":"bp_main_module_sorted--fc23f","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--fc23f","columnResizer":"bp_main_module_columnResizer--fc23f","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--fc23f","droppableColumn":"bp_main_module_droppableColumn--fc23f","actionColumn":"bp_main_module_actionColumn--fc23f","hiddenColumn":"bp_main_module_hiddenColumn--fc23f","tableBody":"bp_main_module_tableBody--fc23f","row":"bp_main_module_row--fc23f","cell":"bp_main_module_cell--fc23f","actionsWrapper":"bp_main_module_actionsWrapper--fc23f","actionChildren":"bp_main_module_actionChildren--fc23f","actions":"bp_main_module_actions--fc23f","alwaysShowSelection":"bp_main_module_alwaysShowSelection--fc23f","isCellHidden":"bp_main_module_isCellHidden--fc23f"};
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.2",
3
+ "version": "17.19.1",
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.2",
58
+ "@box/blueprint-web-assets": "^5.11.4",
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.2",
89
+ "@box/storybook-utils": "^1.3.4",
90
90
  "@figma/code-connect": "1.4.4",
91
91
  "@playwright/test": "1.46.1",
92
92
  "@types/js-yaml": "^4.0.9",