@box/blueprint-web 17.18.0 → 17.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -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--
|
|
6327
|
+
.bp_main_module_tableSortingContainer--fc23f{
|
|
6328
6328
|
display:flex;
|
|
6329
6329
|
flex-direction:column;
|
|
6330
6330
|
min-width:100%;
|
|
6331
6331
|
}
|
|
6332
6332
|
|
|
6333
|
-
.bp_main_module_resizableTableContainer--
|
|
6333
|
+
.bp_main_module_resizableTableContainer--fc23f{
|
|
6334
6334
|
min-width:100%;
|
|
6335
6335
|
}
|
|
6336
|
-
.bp_main_module_resizableTableContainer--
|
|
6336
|
+
.bp_main_module_resizableTableContainer--fc23f 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--
|
|
6347
|
+
.bp_main_module_resizableTableContainer--fc23f .bp_main_module_resizableTable--fc23f{
|
|
6348
6348
|
table-layout:fixed !important;
|
|
6349
6349
|
}
|
|
6350
|
-
.bp_main_module_resizableTableContainer--
|
|
6350
|
+
.bp_main_module_resizableTableContainer--fc23f{
|
|
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,13 @@
|
|
|
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;
|
|
6393
6394
|
}
|
|
6394
6395
|
|
|
6395
|
-
.bp_main_module_tableHeader--
|
|
6396
|
+
.bp_main_module_tableHeader--fc23f{
|
|
6396
6397
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6397
6398
|
font-size:var(--bp-font-size-03);
|
|
6398
6399
|
font-style:normal;
|
|
@@ -6400,7 +6401,7 @@
|
|
|
6400
6401
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6401
6402
|
line-height:var(--bp-font-line-height-02);
|
|
6402
6403
|
}
|
|
6403
|
-
:where(body.is-inter-font) .bp_main_module_tableHeader--
|
|
6404
|
+
:where(body.is-inter-font) .bp_main_module_tableHeader--fc23f{
|
|
6404
6405
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6405
6406
|
font-size:.75rem;
|
|
6406
6407
|
font-style:normal;
|
|
@@ -6411,67 +6412,67 @@
|
|
|
6411
6412
|
text-transform:none;
|
|
6412
6413
|
}
|
|
6413
6414
|
|
|
6414
|
-
.bp_main_module_tableHeader--
|
|
6415
|
+
.bp_main_module_tableHeader--fc23f tr > th{
|
|
6415
6416
|
font-weight:var(--bp-font-weight-regular);
|
|
6416
6417
|
overflow:hidden;
|
|
6417
6418
|
padding:0;
|
|
6418
6419
|
text-overflow:ellipsis;
|
|
6419
6420
|
white-space:nowrap;
|
|
6420
6421
|
}
|
|
6421
|
-
.bp_main_module_tableHeader--
|
|
6422
|
+
.bp_main_module_tableHeader--fc23f tr > th:first-child{
|
|
6422
6423
|
border-radius:var(--list-item-first-column-item-radius);
|
|
6423
6424
|
}
|
|
6424
|
-
.bp_main_module_tableHeader--
|
|
6425
|
+
.bp_main_module_tableHeader--fc23f tr > th:last-child{
|
|
6425
6426
|
border-radius:var(--list-item-last-column-item-radius);
|
|
6426
6427
|
}
|
|
6427
|
-
.bp_main_module_tableHeader--
|
|
6428
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f{
|
|
6428
6429
|
color:var(--list-item-header-text-color-unsorted);
|
|
6429
6430
|
outline:none;
|
|
6430
6431
|
overflow:visible;
|
|
6431
6432
|
text-align:left;
|
|
6432
6433
|
}
|
|
6433
|
-
.bp_main_module_tableHeader--
|
|
6434
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f{
|
|
6434
6435
|
align-items:center;
|
|
6435
6436
|
display:flex;
|
|
6436
6437
|
flex:1 0 0;
|
|
6437
6438
|
gap:var(--list-item-header-gap);
|
|
6438
6439
|
overflow:hidden;
|
|
6439
6440
|
}
|
|
6440
|
-
.bp_main_module_tableHeader--
|
|
6441
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f .bp_main_module_columnName--fc23f{
|
|
6441
6442
|
min-width:0;
|
|
6442
6443
|
overflow:hidden;
|
|
6443
6444
|
text-overflow:ellipsis;
|
|
6444
6445
|
white-space:nowrap;
|
|
6445
6446
|
}
|
|
6446
|
-
.bp_main_module_tableHeader--
|
|
6447
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f:focus-visible{
|
|
6447
6448
|
outline:none;
|
|
6448
6449
|
}
|
|
6449
|
-
.bp_main_module_tableHeader--
|
|
6450
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f.bp_main_module_focusVisible--fc23f{
|
|
6450
6451
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
6451
6452
|
outline:var(--list-item-header-column-focus-outline);
|
|
6452
6453
|
outline-offset:var(--list-item-header-column-focus-outline-offset);
|
|
6453
6454
|
}
|
|
6454
|
-
.bp_main_module_tableHeader--
|
|
6455
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[colspan]{
|
|
6455
6456
|
text-align:center;
|
|
6456
6457
|
}
|
|
6457
|
-
.bp_main_module_tableHeader--
|
|
6458
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_rotateArrow--fc23f{
|
|
6458
6459
|
transform:rotateX(180deg);
|
|
6459
6460
|
}
|
|
6460
|
-
.bp_main_module_tableHeader--
|
|
6461
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sorted--fc23f{
|
|
6461
6462
|
color:var(--list-item-header-text-color-sorted);
|
|
6462
6463
|
font-weight:bold;
|
|
6463
6464
|
}
|
|
6464
|
-
.bp_main_module_tableHeader--
|
|
6465
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f{
|
|
6465
6466
|
align-items:center;
|
|
6466
6467
|
display:flex;
|
|
6467
6468
|
gap:var(--list-item-header-gap);
|
|
6468
6469
|
padding:var(--list-item-header-column-padding);
|
|
6469
6470
|
position:relative;
|
|
6470
6471
|
}
|
|
6471
|
-
.bp_main_module_tableHeader--
|
|
6472
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f svg{
|
|
6472
6473
|
flex-shrink:0;
|
|
6473
6474
|
}
|
|
6474
|
-
.bp_main_module_tableHeader--
|
|
6475
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f{
|
|
6475
6476
|
background-color:var(--list-item-header-column-resizer-background-color);
|
|
6476
6477
|
flex:0 0 auto;
|
|
6477
6478
|
height:var(--list-item-header-column-resizer-height);
|
|
@@ -6480,55 +6481,55 @@
|
|
|
6480
6481
|
touch-action:none;
|
|
6481
6482
|
width:var(--list-item-header-column-resizer-width);
|
|
6482
6483
|
}
|
|
6483
|
-
.bp_main_module_tableHeader--
|
|
6484
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=both]{
|
|
6484
6485
|
cursor:ew-resize;
|
|
6485
6486
|
}
|
|
6486
|
-
.bp_main_module_tableHeader--
|
|
6487
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=left]{
|
|
6487
6488
|
cursor:e-resize;
|
|
6488
6489
|
}
|
|
6489
|
-
.bp_main_module_tableHeader--
|
|
6490
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=right]{
|
|
6490
6491
|
cursor:w-resize;
|
|
6491
6492
|
}
|
|
6492
|
-
.bp_main_module_tableHeader--
|
|
6493
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-focus-visible]{
|
|
6493
6494
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
6494
6495
|
outline:var(--list-item-header-column-resizer-outline);
|
|
6495
6496
|
outline-offset:var(--list-item-header-column-resizer-outline-offset);
|
|
6496
6497
|
}
|
|
6497
|
-
.bp_main_module_tableHeader--
|
|
6498
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizing]{
|
|
6498
6499
|
background-color:var(--list-item-header-column-resizer-background-color-active);
|
|
6499
6500
|
}
|
|
6500
|
-
.bp_main_module_tableHeader--
|
|
6501
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:last-of-type .bp_main_module_columnResizer--fc23f{
|
|
6501
6502
|
display:none;
|
|
6502
6503
|
}
|
|
6503
|
-
.bp_main_module_tableHeader--
|
|
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]{
|
|
6504
6505
|
color:var(--list-item-header-text-color-sorted);
|
|
6505
6506
|
font-weight:bold;
|
|
6506
6507
|
}
|
|
6507
|
-
.bp_main_module_tableHeader--
|
|
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{
|
|
6508
6509
|
transform:rotateX(180deg);
|
|
6509
6510
|
visibility:visible;
|
|
6510
6511
|
}
|
|
6511
6512
|
|
|
6512
|
-
.bp_main_module_dropdownHeaderContainer--
|
|
6513
|
+
.bp_main_module_dropdownHeaderContainer--fc23f{
|
|
6513
6514
|
margin-bottom:var(--list-item-dropdown-header-margin-bottom);
|
|
6514
6515
|
}
|
|
6515
6516
|
|
|
6516
|
-
.bp_main_module_column--
|
|
6517
|
+
.bp_main_module_column--fc23f.bp_main_module_droppableColumn--fc23f{
|
|
6517
6518
|
min-width:160px;
|
|
6518
6519
|
}
|
|
6519
6520
|
|
|
6520
|
-
.bp_main_module_column--
|
|
6521
|
+
.bp_main_module_column--fc23f.bp_main_module_actionColumn--fc23f{
|
|
6521
6522
|
min-width:1px;
|
|
6522
6523
|
}
|
|
6523
6524
|
|
|
6524
|
-
.bp_main_module_column--
|
|
6525
|
+
.bp_main_module_column--fc23f.bp_main_module_hiddenColumn--fc23f{
|
|
6525
6526
|
display:none;
|
|
6526
6527
|
}
|
|
6527
6528
|
|
|
6528
|
-
.bp_main_module_tableBody--
|
|
6529
|
+
.bp_main_module_tableBody--fc23f[data-empty]{
|
|
6529
6530
|
text-align:center;
|
|
6530
6531
|
}
|
|
6531
|
-
.bp_main_module_tableBody--
|
|
6532
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f{
|
|
6532
6533
|
background:var(--list-item-row-background);
|
|
6533
6534
|
border-radius:var(--list-item-row-border-radius);
|
|
6534
6535
|
color:var(--list-item-row-text-color);
|
|
@@ -6539,7 +6540,7 @@
|
|
|
6539
6540
|
position:relative;
|
|
6540
6541
|
transform:translateZ(0);
|
|
6541
6542
|
}
|
|
6542
|
-
.bp_main_module_tableBody--
|
|
6543
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f::after{
|
|
6543
6544
|
background:#0000;
|
|
6544
6545
|
border-top:var(--list-item-row-divider);
|
|
6545
6546
|
box-sizing:border-box;
|
|
@@ -6552,20 +6553,20 @@
|
|
|
6552
6553
|
width:100%;
|
|
6553
6554
|
z-index:999;
|
|
6554
6555
|
}
|
|
6555
|
-
.bp_main_module_tableBody--
|
|
6556
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]{
|
|
6556
6557
|
--list-item-row-background:var(--list-item-row-background-selected);
|
|
6557
6558
|
}
|
|
6558
|
-
.bp_main_module_tableBody--
|
|
6559
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]::after{
|
|
6559
6560
|
border:var(--list-item-row-background-selected-border);
|
|
6560
6561
|
border-radius:var(--list-item-row-border-radius);
|
|
6561
6562
|
}
|
|
6562
|
-
.bp_main_module_tableBody--
|
|
6563
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
|
|
6563
6564
|
opacity:1;
|
|
6564
6565
|
}
|
|
6565
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6566
6567
|
display:none;
|
|
6567
6568
|
}
|
|
6568
|
-
.bp_main_module_tableBody--
|
|
6569
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f{
|
|
6569
6570
|
max-width:0;
|
|
6570
6571
|
outline:none;
|
|
6571
6572
|
overflow:hidden;
|
|
@@ -6575,25 +6576,25 @@
|
|
|
6575
6576
|
transform:translateZ(0);
|
|
6576
6577
|
white-space:nowrap;
|
|
6577
6578
|
}
|
|
6578
|
-
.bp_main_module_tableBody--
|
|
6579
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f[data-focus-visible]{
|
|
6579
6580
|
outline:var(--list-item-cell-focus-outline);
|
|
6580
6581
|
outline-offset:var(--list-item-cell-focus-outline-offset);
|
|
6581
6582
|
position:relative;
|
|
6582
6583
|
}
|
|
6583
|
-
.bp_main_module_tableBody--
|
|
6584
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:first-child{
|
|
6584
6585
|
border-radius:var(--list-item-first-column-item-radius);
|
|
6585
6586
|
}
|
|
6586
|
-
.bp_main_module_tableBody--
|
|
6587
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:last-child{
|
|
6587
6588
|
border-radius:var(--list-item-last-column-item-radius);
|
|
6588
6589
|
}
|
|
6589
|
-
.bp_main_module_tableBody--
|
|
6590
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_actions--fc23f{
|
|
6590
6591
|
overflow:unset;
|
|
6591
6592
|
padding:0;
|
|
6592
6593
|
position:sticky;
|
|
6593
6594
|
right:0;
|
|
6594
6595
|
width:var(--list-item-cell-actions-width);
|
|
6595
6596
|
}
|
|
6596
|
-
.bp_main_module_tableBody--
|
|
6597
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
|
|
6597
6598
|
align-items:center;
|
|
6598
6599
|
background:var(--list-item-row-background);
|
|
6599
6600
|
bottom:0;
|
|
@@ -6607,84 +6608,85 @@
|
|
|
6607
6608
|
right:var(--list-item-cell-actions-right-offset);
|
|
6608
6609
|
top:0;
|
|
6609
6610
|
}
|
|
6610
|
-
.bp_main_module_tableBody--
|
|
6611
|
-
|
|
6611
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f::before{
|
|
6612
|
+
background:linear-gradient(to left, var(--list-item-row-background), #0000);
|
|
6613
|
+
bottom:0;
|
|
6612
6614
|
content:"";
|
|
6613
|
-
|
|
6614
|
-
|
|
6615
|
-
left:0;
|
|
6615
|
+
left:calc(var(--list-item-cell-actions-fade-width)*-1);
|
|
6616
|
+
pointer-events:none;
|
|
6616
6617
|
position:absolute;
|
|
6617
|
-
|
|
6618
|
+
top:0;
|
|
6619
|
+
width:var(--list-item-cell-actions-fade-width);
|
|
6618
6620
|
z-index:0;
|
|
6619
6621
|
}
|
|
6620
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6621
6623
|
opacity:1;
|
|
6622
6624
|
}
|
|
6623
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6624
6626
|
display:none;
|
|
6625
6627
|
}
|
|
6626
|
-
.bp_main_module_tableBody--
|
|
6628
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f[data-state=open]{
|
|
6627
6629
|
opacity:1;
|
|
6628
6630
|
}
|
|
6629
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6630
6632
|
display:block;
|
|
6631
6633
|
}
|
|
6632
|
-
.bp_main_module_tableBody--
|
|
6634
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_isCellHidden--fc23f{
|
|
6633
6635
|
display:none;
|
|
6634
6636
|
}
|
|
6635
|
-
.bp_main_module_tableBody--
|
|
6637
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-dragging]{
|
|
6636
6638
|
opacity:.5;
|
|
6637
6639
|
transform:translateZ(0);
|
|
6638
6640
|
}
|
|
6639
|
-
.bp_main_module_tableBody--
|
|
6641
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]{
|
|
6640
6642
|
outline:var(--list-item-row-focus-outline);
|
|
6641
6643
|
outline-offset:var(--list-item-row-focus-outline-offset);
|
|
6642
6644
|
}
|
|
6643
|
-
.bp_main_module_tableBody--
|
|
6645
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][aria-selected=true]{
|
|
6644
6646
|
background:var(--list-item-row-background);
|
|
6645
6647
|
outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
|
|
6646
6648
|
}
|
|
6647
|
-
.bp_main_module_tableBody--
|
|
6649
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child::after{
|
|
6648
6650
|
border-bottom:var(--border-1) solid var(--gray-10);
|
|
6649
6651
|
}
|
|
6650
|
-
.bp_main_module_tableBody--
|
|
6652
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child[aria-selected=true]::after{
|
|
6651
6653
|
border-bottom:var(--list-item-row-background-selected-border);
|
|
6652
6654
|
}
|
|
6653
|
-
.bp_main_module_tableBody--
|
|
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]{
|
|
6654
6656
|
z-index:1;
|
|
6655
6657
|
}
|
|
6656
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6657
6659
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6658
6660
|
border-radius:var(--list-item-border-radius);
|
|
6659
6661
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6660
6662
|
box-shadow:var(--dropshadow-2);
|
|
6661
6663
|
}
|
|
6662
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6663
6665
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6664
6666
|
}
|
|
6665
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6666
6668
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6667
6669
|
}
|
|
6668
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6669
6671
|
opacity:1;
|
|
6670
6672
|
}
|
|
6671
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6672
6674
|
border:var(--list-item-row-border-hover);
|
|
6673
6675
|
border-radius:var(--list-item-border-radius);
|
|
6674
6676
|
}
|
|
6675
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6676
6678
|
opacity:1;
|
|
6677
6679
|
}
|
|
6678
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6679
6681
|
display:block;
|
|
6680
6682
|
}
|
|
6681
6683
|
@supports selector(:has(*)){
|
|
6682
|
-
.bp_main_module_row--
|
|
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{
|
|
6683
6685
|
border-start-end-radius:0;
|
|
6684
6686
|
border-start-start-radius:0;
|
|
6685
6687
|
border-top-width:var(--border-1);
|
|
6686
6688
|
}
|
|
6687
|
-
.bp_main_module_row--
|
|
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{
|
|
6688
6690
|
border-bottom-width:var(--border-1);
|
|
6689
6691
|
border-end-end-radius:0;
|
|
6690
6692
|
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--
|
|
6327
|
+
.bp_main_module_tableSortingContainer--fc23f{
|
|
6328
6328
|
display:flex;
|
|
6329
6329
|
flex-direction:column;
|
|
6330
6330
|
min-width:100%;
|
|
6331
6331
|
}
|
|
6332
6332
|
|
|
6333
|
-
.bp_main_module_resizableTableContainer--
|
|
6333
|
+
.bp_main_module_resizableTableContainer--fc23f{
|
|
6334
6334
|
min-width:100%;
|
|
6335
6335
|
}
|
|
6336
|
-
.bp_main_module_resizableTableContainer--
|
|
6336
|
+
.bp_main_module_resizableTableContainer--fc23f 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--
|
|
6347
|
+
.bp_main_module_resizableTableContainer--fc23f .bp_main_module_resizableTable--fc23f{
|
|
6348
6348
|
table-layout:fixed !important;
|
|
6349
6349
|
}
|
|
6350
|
-
.bp_main_module_resizableTableContainer--
|
|
6350
|
+
.bp_main_module_resizableTableContainer--fc23f{
|
|
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,13 @@
|
|
|
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;
|
|
6393
6394
|
}
|
|
6394
6395
|
|
|
6395
|
-
.bp_main_module_tableHeader--
|
|
6396
|
+
.bp_main_module_tableHeader--fc23f{
|
|
6396
6397
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6397
6398
|
font-size:var(--bp-font-size-03);
|
|
6398
6399
|
font-style:normal;
|
|
@@ -6400,7 +6401,7 @@
|
|
|
6400
6401
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6401
6402
|
line-height:var(--bp-font-line-height-02);
|
|
6402
6403
|
}
|
|
6403
|
-
:where(body.is-inter-font) .bp_main_module_tableHeader--
|
|
6404
|
+
:where(body.is-inter-font) .bp_main_module_tableHeader--fc23f{
|
|
6404
6405
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6405
6406
|
font-size:.75rem;
|
|
6406
6407
|
font-style:normal;
|
|
@@ -6411,67 +6412,67 @@
|
|
|
6411
6412
|
text-transform:none;
|
|
6412
6413
|
}
|
|
6413
6414
|
|
|
6414
|
-
.bp_main_module_tableHeader--
|
|
6415
|
+
.bp_main_module_tableHeader--fc23f tr > th{
|
|
6415
6416
|
font-weight:var(--bp-font-weight-regular);
|
|
6416
6417
|
overflow:hidden;
|
|
6417
6418
|
padding:0;
|
|
6418
6419
|
text-overflow:ellipsis;
|
|
6419
6420
|
white-space:nowrap;
|
|
6420
6421
|
}
|
|
6421
|
-
.bp_main_module_tableHeader--
|
|
6422
|
+
.bp_main_module_tableHeader--fc23f tr > th:first-child{
|
|
6422
6423
|
border-radius:var(--list-item-first-column-item-radius);
|
|
6423
6424
|
}
|
|
6424
|
-
.bp_main_module_tableHeader--
|
|
6425
|
+
.bp_main_module_tableHeader--fc23f tr > th:last-child{
|
|
6425
6426
|
border-radius:var(--list-item-last-column-item-radius);
|
|
6426
6427
|
}
|
|
6427
|
-
.bp_main_module_tableHeader--
|
|
6428
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f{
|
|
6428
6429
|
color:var(--list-item-header-text-color-unsorted);
|
|
6429
6430
|
outline:none;
|
|
6430
6431
|
overflow:visible;
|
|
6431
6432
|
text-align:left;
|
|
6432
6433
|
}
|
|
6433
|
-
.bp_main_module_tableHeader--
|
|
6434
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f{
|
|
6434
6435
|
align-items:center;
|
|
6435
6436
|
display:flex;
|
|
6436
6437
|
flex:1 0 0;
|
|
6437
6438
|
gap:var(--list-item-header-gap);
|
|
6438
6439
|
overflow:hidden;
|
|
6439
6440
|
}
|
|
6440
|
-
.bp_main_module_tableHeader--
|
|
6441
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f .bp_main_module_columnName--fc23f{
|
|
6441
6442
|
min-width:0;
|
|
6442
6443
|
overflow:hidden;
|
|
6443
6444
|
text-overflow:ellipsis;
|
|
6444
6445
|
white-space:nowrap;
|
|
6445
6446
|
}
|
|
6446
|
-
.bp_main_module_tableHeader--
|
|
6447
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f:focus-visible{
|
|
6447
6448
|
outline:none;
|
|
6448
6449
|
}
|
|
6449
|
-
.bp_main_module_tableHeader--
|
|
6450
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnNameWrapper--fc23f.bp_main_module_focusVisible--fc23f{
|
|
6450
6451
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
6451
6452
|
outline:var(--list-item-header-column-focus-outline);
|
|
6452
6453
|
outline-offset:var(--list-item-header-column-focus-outline-offset);
|
|
6453
6454
|
}
|
|
6454
|
-
.bp_main_module_tableHeader--
|
|
6455
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f[colspan]{
|
|
6455
6456
|
text-align:center;
|
|
6456
6457
|
}
|
|
6457
|
-
.bp_main_module_tableHeader--
|
|
6458
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_rotateArrow--fc23f{
|
|
6458
6459
|
transform:rotateX(180deg);
|
|
6459
6460
|
}
|
|
6460
|
-
.bp_main_module_tableHeader--
|
|
6461
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sorted--fc23f{
|
|
6461
6462
|
color:var(--list-item-header-text-color-sorted);
|
|
6462
6463
|
font-weight:bold;
|
|
6463
6464
|
}
|
|
6464
|
-
.bp_main_module_tableHeader--
|
|
6465
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f{
|
|
6465
6466
|
align-items:center;
|
|
6466
6467
|
display:flex;
|
|
6467
6468
|
gap:var(--list-item-header-gap);
|
|
6468
6469
|
padding:var(--list-item-header-column-padding);
|
|
6469
6470
|
position:relative;
|
|
6470
6471
|
}
|
|
6471
|
-
.bp_main_module_tableHeader--
|
|
6472
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_sortingFlexWrapper--fc23f svg{
|
|
6472
6473
|
flex-shrink:0;
|
|
6473
6474
|
}
|
|
6474
|
-
.bp_main_module_tableHeader--
|
|
6475
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f{
|
|
6475
6476
|
background-color:var(--list-item-header-column-resizer-background-color);
|
|
6476
6477
|
flex:0 0 auto;
|
|
6477
6478
|
height:var(--list-item-header-column-resizer-height);
|
|
@@ -6480,55 +6481,55 @@
|
|
|
6480
6481
|
touch-action:none;
|
|
6481
6482
|
width:var(--list-item-header-column-resizer-width);
|
|
6482
6483
|
}
|
|
6483
|
-
.bp_main_module_tableHeader--
|
|
6484
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=both]{
|
|
6484
6485
|
cursor:ew-resize;
|
|
6485
6486
|
}
|
|
6486
|
-
.bp_main_module_tableHeader--
|
|
6487
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=left]{
|
|
6487
6488
|
cursor:e-resize;
|
|
6488
6489
|
}
|
|
6489
|
-
.bp_main_module_tableHeader--
|
|
6490
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizable-direction=right]{
|
|
6490
6491
|
cursor:w-resize;
|
|
6491
6492
|
}
|
|
6492
|
-
.bp_main_module_tableHeader--
|
|
6493
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-focus-visible]{
|
|
6493
6494
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
6494
6495
|
outline:var(--list-item-header-column-resizer-outline);
|
|
6495
6496
|
outline-offset:var(--list-item-header-column-resizer-outline-offset);
|
|
6496
6497
|
}
|
|
6497
|
-
.bp_main_module_tableHeader--
|
|
6498
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f .bp_main_module_columnResizer--fc23f[data-resizing]{
|
|
6498
6499
|
background-color:var(--list-item-header-column-resizer-background-color-active);
|
|
6499
6500
|
}
|
|
6500
|
-
.bp_main_module_tableHeader--
|
|
6501
|
+
.bp_main_module_tableHeader--fc23f .bp_main_module_column--fc23f:last-of-type .bp_main_module_columnResizer--fc23f{
|
|
6501
6502
|
display:none;
|
|
6502
6503
|
}
|
|
6503
|
-
.bp_main_module_tableHeader--
|
|
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]{
|
|
6504
6505
|
color:var(--list-item-header-text-color-sorted);
|
|
6505
6506
|
font-weight:bold;
|
|
6506
6507
|
}
|
|
6507
|
-
.bp_main_module_tableHeader--
|
|
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{
|
|
6508
6509
|
transform:rotateX(180deg);
|
|
6509
6510
|
visibility:visible;
|
|
6510
6511
|
}
|
|
6511
6512
|
|
|
6512
|
-
.bp_main_module_dropdownHeaderContainer--
|
|
6513
|
+
.bp_main_module_dropdownHeaderContainer--fc23f{
|
|
6513
6514
|
margin-bottom:var(--list-item-dropdown-header-margin-bottom);
|
|
6514
6515
|
}
|
|
6515
6516
|
|
|
6516
|
-
.bp_main_module_column--
|
|
6517
|
+
.bp_main_module_column--fc23f.bp_main_module_droppableColumn--fc23f{
|
|
6517
6518
|
min-width:160px;
|
|
6518
6519
|
}
|
|
6519
6520
|
|
|
6520
|
-
.bp_main_module_column--
|
|
6521
|
+
.bp_main_module_column--fc23f.bp_main_module_actionColumn--fc23f{
|
|
6521
6522
|
min-width:1px;
|
|
6522
6523
|
}
|
|
6523
6524
|
|
|
6524
|
-
.bp_main_module_column--
|
|
6525
|
+
.bp_main_module_column--fc23f.bp_main_module_hiddenColumn--fc23f{
|
|
6525
6526
|
display:none;
|
|
6526
6527
|
}
|
|
6527
6528
|
|
|
6528
|
-
.bp_main_module_tableBody--
|
|
6529
|
+
.bp_main_module_tableBody--fc23f[data-empty]{
|
|
6529
6530
|
text-align:center;
|
|
6530
6531
|
}
|
|
6531
|
-
.bp_main_module_tableBody--
|
|
6532
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f{
|
|
6532
6533
|
background:var(--list-item-row-background);
|
|
6533
6534
|
border-radius:var(--list-item-row-border-radius);
|
|
6534
6535
|
color:var(--list-item-row-text-color);
|
|
@@ -6539,7 +6540,7 @@
|
|
|
6539
6540
|
position:relative;
|
|
6540
6541
|
transform:translateZ(0);
|
|
6541
6542
|
}
|
|
6542
|
-
.bp_main_module_tableBody--
|
|
6543
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f::after{
|
|
6543
6544
|
background:#0000;
|
|
6544
6545
|
border-top:var(--list-item-row-divider);
|
|
6545
6546
|
box-sizing:border-box;
|
|
@@ -6552,20 +6553,20 @@
|
|
|
6552
6553
|
width:100%;
|
|
6553
6554
|
z-index:999;
|
|
6554
6555
|
}
|
|
6555
|
-
.bp_main_module_tableBody--
|
|
6556
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]{
|
|
6556
6557
|
--list-item-row-background:var(--list-item-row-background-selected);
|
|
6557
6558
|
}
|
|
6558
|
-
.bp_main_module_tableBody--
|
|
6559
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true]::after{
|
|
6559
6560
|
border:var(--list-item-row-background-selected-border);
|
|
6560
6561
|
border-radius:var(--list-item-row-border-radius);
|
|
6561
6562
|
}
|
|
6562
|
-
.bp_main_module_tableBody--
|
|
6563
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[aria-selected=true] .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
|
|
6563
6564
|
opacity:1;
|
|
6564
6565
|
}
|
|
6565
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6566
6567
|
display:none;
|
|
6567
6568
|
}
|
|
6568
|
-
.bp_main_module_tableBody--
|
|
6569
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f{
|
|
6569
6570
|
max-width:0;
|
|
6570
6571
|
outline:none;
|
|
6571
6572
|
overflow:hidden;
|
|
@@ -6575,25 +6576,25 @@
|
|
|
6575
6576
|
transform:translateZ(0);
|
|
6576
6577
|
white-space:nowrap;
|
|
6577
6578
|
}
|
|
6578
|
-
.bp_main_module_tableBody--
|
|
6579
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f[data-focus-visible]{
|
|
6579
6580
|
outline:var(--list-item-cell-focus-outline);
|
|
6580
6581
|
outline-offset:var(--list-item-cell-focus-outline-offset);
|
|
6581
6582
|
position:relative;
|
|
6582
6583
|
}
|
|
6583
|
-
.bp_main_module_tableBody--
|
|
6584
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:first-child{
|
|
6584
6585
|
border-radius:var(--list-item-first-column-item-radius);
|
|
6585
6586
|
}
|
|
6586
|
-
.bp_main_module_tableBody--
|
|
6587
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f:last-child{
|
|
6587
6588
|
border-radius:var(--list-item-last-column-item-radius);
|
|
6588
6589
|
}
|
|
6589
|
-
.bp_main_module_tableBody--
|
|
6590
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_actions--fc23f{
|
|
6590
6591
|
overflow:unset;
|
|
6591
6592
|
padding:0;
|
|
6592
6593
|
position:sticky;
|
|
6593
6594
|
right:0;
|
|
6594
6595
|
width:var(--list-item-cell-actions-width);
|
|
6595
6596
|
}
|
|
6596
|
-
.bp_main_module_tableBody--
|
|
6597
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f{
|
|
6597
6598
|
align-items:center;
|
|
6598
6599
|
background:var(--list-item-row-background);
|
|
6599
6600
|
bottom:0;
|
|
@@ -6607,84 +6608,85 @@
|
|
|
6607
6608
|
right:var(--list-item-cell-actions-right-offset);
|
|
6608
6609
|
top:0;
|
|
6609
6610
|
}
|
|
6610
|
-
.bp_main_module_tableBody--
|
|
6611
|
-
|
|
6611
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f::before{
|
|
6612
|
+
background:linear-gradient(to left, var(--list-item-row-background), #0000);
|
|
6613
|
+
bottom:0;
|
|
6612
6614
|
content:"";
|
|
6613
|
-
|
|
6614
|
-
|
|
6615
|
-
left:0;
|
|
6615
|
+
left:calc(var(--list-item-cell-actions-fade-width)*-1);
|
|
6616
|
+
pointer-events:none;
|
|
6616
6617
|
position:absolute;
|
|
6617
|
-
|
|
6618
|
+
top:0;
|
|
6619
|
+
width:var(--list-item-cell-actions-fade-width);
|
|
6618
6620
|
z-index:0;
|
|
6619
6621
|
}
|
|
6620
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6621
6623
|
opacity:1;
|
|
6622
6624
|
}
|
|
6623
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6624
6626
|
display:none;
|
|
6625
6627
|
}
|
|
6626
|
-
.bp_main_module_tableBody--
|
|
6628
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f .bp_main_module_actionsWrapper--fc23f[data-state=open]{
|
|
6627
6629
|
opacity:1;
|
|
6628
6630
|
}
|
|
6629
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6630
6632
|
display:block;
|
|
6631
6633
|
}
|
|
6632
|
-
.bp_main_module_tableBody--
|
|
6634
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f .bp_main_module_cell--fc23f.bp_main_module_isCellHidden--fc23f{
|
|
6633
6635
|
display:none;
|
|
6634
6636
|
}
|
|
6635
|
-
.bp_main_module_tableBody--
|
|
6637
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-dragging]{
|
|
6636
6638
|
opacity:.5;
|
|
6637
6639
|
transform:translateZ(0);
|
|
6638
6640
|
}
|
|
6639
|
-
.bp_main_module_tableBody--
|
|
6641
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible]{
|
|
6640
6642
|
outline:var(--list-item-row-focus-outline);
|
|
6641
6643
|
outline-offset:var(--list-item-row-focus-outline-offset);
|
|
6642
6644
|
}
|
|
6643
|
-
.bp_main_module_tableBody--
|
|
6645
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f[data-focus-visible][aria-selected=true]{
|
|
6644
6646
|
background:var(--list-item-row-background);
|
|
6645
6647
|
outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
|
|
6646
6648
|
}
|
|
6647
|
-
.bp_main_module_tableBody--
|
|
6649
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child::after{
|
|
6648
6650
|
border-bottom:var(--border-1) solid var(--gray-10);
|
|
6649
6651
|
}
|
|
6650
|
-
.bp_main_module_tableBody--
|
|
6652
|
+
.bp_main_module_tableBody--fc23f .bp_main_module_row--fc23f:last-child[aria-selected=true]::after{
|
|
6651
6653
|
border-bottom:var(--list-item-row-background-selected-border);
|
|
6652
6654
|
}
|
|
6653
|
-
.bp_main_module_tableBody--
|
|
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]{
|
|
6654
6656
|
z-index:1;
|
|
6655
6657
|
}
|
|
6656
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6657
6659
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6658
6660
|
border-radius:var(--list-item-border-radius);
|
|
6659
6661
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6660
6662
|
box-shadow:var(--dropshadow-2);
|
|
6661
6663
|
}
|
|
6662
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6663
6665
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6664
6666
|
}
|
|
6665
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6666
6668
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6667
6669
|
}
|
|
6668
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6669
6671
|
opacity:1;
|
|
6670
6672
|
}
|
|
6671
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6672
6674
|
border:var(--list-item-row-border-hover);
|
|
6673
6675
|
border-radius:var(--list-item-border-radius);
|
|
6674
6676
|
}
|
|
6675
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6676
6678
|
opacity:1;
|
|
6677
6679
|
}
|
|
6678
|
-
.bp_main_module_tableBody--
|
|
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{
|
|
6679
6681
|
display:block;
|
|
6680
6682
|
}
|
|
6681
6683
|
@supports selector(:has(*)){
|
|
6682
|
-
.bp_main_module_row--
|
|
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{
|
|
6683
6685
|
border-start-end-radius:0;
|
|
6684
6686
|
border-start-start-radius:0;
|
|
6685
6687
|
border-top-width:var(--border-1);
|
|
6686
6688
|
}
|
|
6687
|
-
.bp_main_module_row--
|
|
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{
|
|
6688
6690
|
border-bottom-width:var(--border-1);
|
|
6689
6691
|
border-end-end-radius:0;
|
|
6690
6692
|
border-end-start-radius:0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--
|
|
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"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "17.18.
|
|
3
|
+
"version": "17.18.2",
|
|
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.
|
|
58
|
+
"@box/blueprint-web-assets": "^5.11.2",
|
|
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.
|
|
89
|
+
"@box/storybook-utils": "^1.3.2",
|
|
90
90
|
"@figma/code-connect": "1.4.4",
|
|
91
91
|
"@playwright/test": "1.46.1",
|
|
92
92
|
"@types/js-yaml": "^4.0.9",
|