@box/blueprint-web 18.1.0 → 18.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/components.css +293 -243
- package/dist/lib-esm/index.css +293 -243
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/list-item/row.d.ts +1 -2
- package/dist/lib-esm/list-item/table.d.ts +4 -4
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +3 -0
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +4 -0
- package/package.json +3 -3
|
@@ -5717,16 +5717,16 @@
|
|
|
5717
5717
|
.bp_list_checkbox_module_checkbox--6d182[data-disabled]{
|
|
5718
5718
|
opacity:var(--checkbox-disabled-opacity);
|
|
5719
5719
|
}
|
|
5720
|
-
.bp_main_module_tableSortingContainer--
|
|
5720
|
+
.bp_main_module_tableSortingContainer--e8456{
|
|
5721
5721
|
display:flex;
|
|
5722
5722
|
flex-direction:column;
|
|
5723
5723
|
min-width:100%;
|
|
5724
5724
|
}
|
|
5725
5725
|
|
|
5726
|
-
.bp_main_module_resizableTableContainer--
|
|
5726
|
+
.bp_main_module_resizableTableContainer--e8456{
|
|
5727
5727
|
min-width:100%;
|
|
5728
5728
|
}
|
|
5729
|
-
.bp_main_module_resizableTableContainer--
|
|
5729
|
+
.bp_main_module_resizableTableContainer--e8456 table{
|
|
5730
5730
|
--item-background:var(--list-item-header-background);
|
|
5731
5731
|
--outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
|
|
5732
5732
|
--outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
|
|
@@ -5737,10 +5737,10 @@
|
|
|
5737
5737
|
border-spacing:0;
|
|
5738
5738
|
width:100% !important;
|
|
5739
5739
|
}
|
|
5740
|
-
.bp_main_module_resizableTableContainer--
|
|
5740
|
+
.bp_main_module_resizableTableContainer--e8456 .bp_main_module_resizableTable--e8456{
|
|
5741
5741
|
table-layout:fixed !important;
|
|
5742
5742
|
}
|
|
5743
|
-
.bp_main_module_resizableTableContainer--
|
|
5743
|
+
.bp_main_module_resizableTableContainer--e8456{
|
|
5744
5744
|
--list-item-header-background:var(--bp-surface-surface);
|
|
5745
5745
|
--list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
|
|
5746
5746
|
--list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
|
|
@@ -5784,10 +5784,13 @@
|
|
|
5784
5784
|
--list-item-cell-actions-margin-block:var(--bp-space-020);
|
|
5785
5785
|
--list-item-row-outline-offset-focus-and-selected:var(--outline-offset-focus-and-selected-row-datatable, -0.35rem);
|
|
5786
5786
|
--list-item-row-hover-after-element-border:var(--bp-border-01) solid #0000;
|
|
5787
|
-
--list-item-row-
|
|
5787
|
+
--list-item-row-drop-target-background:var(--bp-surface-list-item-surface-selected);
|
|
5788
|
+
--list-item-row-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
5789
|
+
--list-item-drag-opacity:0.6;
|
|
5790
|
+
--list-item-undroppable-opacity:0.5;
|
|
5788
5791
|
}
|
|
5789
5792
|
|
|
5790
|
-
.bp_main_module_tableHeader--
|
|
5793
|
+
.bp_main_module_tableHeader--e8456{
|
|
5791
5794
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5792
5795
|
font-size:var(--bp-font-size-03);
|
|
5793
5796
|
font-style:normal;
|
|
@@ -5795,7 +5798,7 @@
|
|
|
5795
5798
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5796
5799
|
line-height:var(--bp-font-line-height-02);
|
|
5797
5800
|
}
|
|
5798
|
-
:where(body.is-inter-font) .bp_main_module_tableHeader--
|
|
5801
|
+
:where(body.is-inter-font) .bp_main_module_tableHeader--e8456{
|
|
5799
5802
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5800
5803
|
font-size:.75rem;
|
|
5801
5804
|
font-style:normal;
|
|
@@ -5806,67 +5809,67 @@
|
|
|
5806
5809
|
text-transform:none;
|
|
5807
5810
|
}
|
|
5808
5811
|
|
|
5809
|
-
.bp_main_module_tableHeader--
|
|
5812
|
+
.bp_main_module_tableHeader--e8456 tr > th{
|
|
5810
5813
|
font-weight:var(--bp-font-weight-regular);
|
|
5811
5814
|
overflow:hidden;
|
|
5812
5815
|
padding:0;
|
|
5813
5816
|
text-overflow:ellipsis;
|
|
5814
5817
|
white-space:nowrap;
|
|
5815
5818
|
}
|
|
5816
|
-
.bp_main_module_tableHeader--
|
|
5819
|
+
.bp_main_module_tableHeader--e8456 tr > th:first-child{
|
|
5817
5820
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5818
5821
|
}
|
|
5819
|
-
.bp_main_module_tableHeader--
|
|
5822
|
+
.bp_main_module_tableHeader--e8456 tr > th:last-child{
|
|
5820
5823
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5821
5824
|
}
|
|
5822
|
-
.bp_main_module_tableHeader--
|
|
5825
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456{
|
|
5823
5826
|
color:var(--list-item-header-text-color-unsorted);
|
|
5824
5827
|
outline:none;
|
|
5825
5828
|
overflow:visible;
|
|
5826
5829
|
text-align:left;
|
|
5827
5830
|
}
|
|
5828
|
-
.bp_main_module_tableHeader--
|
|
5831
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456{
|
|
5829
5832
|
align-items:center;
|
|
5830
5833
|
display:flex;
|
|
5831
5834
|
flex:1 0 0;
|
|
5832
5835
|
gap:var(--list-item-header-gap);
|
|
5833
5836
|
overflow:hidden;
|
|
5834
5837
|
}
|
|
5835
|
-
.bp_main_module_tableHeader--
|
|
5838
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456 .bp_main_module_columnName--e8456{
|
|
5836
5839
|
min-width:0;
|
|
5837
5840
|
overflow:hidden;
|
|
5838
5841
|
text-overflow:ellipsis;
|
|
5839
5842
|
white-space:nowrap;
|
|
5840
5843
|
}
|
|
5841
|
-
.bp_main_module_tableHeader--
|
|
5844
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456:focus-visible{
|
|
5842
5845
|
outline:none;
|
|
5843
5846
|
}
|
|
5844
|
-
.bp_main_module_tableHeader--
|
|
5847
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnNameWrapper--e8456.bp_main_module_focusVisible--e8456{
|
|
5845
5848
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5846
5849
|
outline:var(--list-item-header-column-focus-outline);
|
|
5847
5850
|
outline-offset:var(--list-item-header-column-focus-outline-offset);
|
|
5848
5851
|
}
|
|
5849
|
-
.bp_main_module_tableHeader--
|
|
5852
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456[colspan]{
|
|
5850
5853
|
text-align:center;
|
|
5851
5854
|
}
|
|
5852
|
-
.bp_main_module_tableHeader--
|
|
5855
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_rotateArrow--e8456{
|
|
5853
5856
|
transform:rotateX(180deg);
|
|
5854
5857
|
}
|
|
5855
|
-
.bp_main_module_tableHeader--
|
|
5858
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_sorted--e8456{
|
|
5856
5859
|
color:var(--list-item-header-text-color-sorted);
|
|
5857
5860
|
font-weight:bold;
|
|
5858
5861
|
}
|
|
5859
|
-
.bp_main_module_tableHeader--
|
|
5862
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_sortingFlexWrapper--e8456{
|
|
5860
5863
|
align-items:center;
|
|
5861
5864
|
display:flex;
|
|
5862
5865
|
gap:var(--list-item-header-gap);
|
|
5863
5866
|
padding:var(--list-item-header-column-padding);
|
|
5864
5867
|
position:relative;
|
|
5865
5868
|
}
|
|
5866
|
-
.bp_main_module_tableHeader--
|
|
5869
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_sortingFlexWrapper--e8456 svg{
|
|
5867
5870
|
flex-shrink:0;
|
|
5868
5871
|
}
|
|
5869
|
-
.bp_main_module_tableHeader--
|
|
5872
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456{
|
|
5870
5873
|
background-color:var(--list-item-header-column-resizer-background-color);
|
|
5871
5874
|
flex:0 0 auto;
|
|
5872
5875
|
height:var(--list-item-header-column-resizer-height);
|
|
@@ -5875,55 +5878,55 @@
|
|
|
5875
5878
|
touch-action:none;
|
|
5876
5879
|
width:var(--list-item-header-column-resizer-width);
|
|
5877
5880
|
}
|
|
5878
|
-
.bp_main_module_tableHeader--
|
|
5881
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizable-direction=both]{
|
|
5879
5882
|
cursor:ew-resize;
|
|
5880
5883
|
}
|
|
5881
|
-
.bp_main_module_tableHeader--
|
|
5884
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizable-direction=left]{
|
|
5882
5885
|
cursor:e-resize;
|
|
5883
5886
|
}
|
|
5884
|
-
.bp_main_module_tableHeader--
|
|
5887
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizable-direction=right]{
|
|
5885
5888
|
cursor:w-resize;
|
|
5886
5889
|
}
|
|
5887
|
-
.bp_main_module_tableHeader--
|
|
5890
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-focus-visible]{
|
|
5888
5891
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5889
5892
|
outline:var(--list-item-header-column-resizer-outline);
|
|
5890
5893
|
outline-offset:var(--list-item-header-column-resizer-outline-offset);
|
|
5891
5894
|
}
|
|
5892
|
-
.bp_main_module_tableHeader--
|
|
5895
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456 .bp_main_module_columnResizer--e8456[data-resizing]{
|
|
5893
5896
|
background-color:var(--list-item-header-column-resizer-background-color-active);
|
|
5894
5897
|
}
|
|
5895
|
-
.bp_main_module_tableHeader--
|
|
5898
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456:last-of-type .bp_main_module_columnResizer--e8456{
|
|
5896
5899
|
display:none;
|
|
5897
5900
|
}
|
|
5898
|
-
.bp_main_module_tableHeader--
|
|
5901
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
|
|
5899
5902
|
color:var(--list-item-header-text-color-sorted);
|
|
5900
5903
|
font-weight:bold;
|
|
5901
5904
|
}
|
|
5902
|
-
.bp_main_module_tableHeader--
|
|
5905
|
+
.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--e8456 .bp_main_module_column--e8456[data-focus-visible]:not([data-sort-direction]) svg{
|
|
5903
5906
|
transform:rotateX(180deg);
|
|
5904
5907
|
visibility:visible;
|
|
5905
5908
|
}
|
|
5906
5909
|
|
|
5907
|
-
.bp_main_module_dropdownHeaderContainer--
|
|
5910
|
+
.bp_main_module_dropdownHeaderContainer--e8456{
|
|
5908
5911
|
margin-bottom:var(--list-item-dropdown-header-margin-bottom);
|
|
5909
5912
|
}
|
|
5910
5913
|
|
|
5911
|
-
.bp_main_module_column--
|
|
5914
|
+
.bp_main_module_column--e8456.bp_main_module_droppableColumn--e8456{
|
|
5912
5915
|
min-width:160px;
|
|
5913
5916
|
}
|
|
5914
5917
|
|
|
5915
|
-
.bp_main_module_column--
|
|
5918
|
+
.bp_main_module_column--e8456.bp_main_module_actionColumn--e8456{
|
|
5916
5919
|
min-width:1px;
|
|
5917
5920
|
}
|
|
5918
5921
|
|
|
5919
|
-
.bp_main_module_column--
|
|
5922
|
+
.bp_main_module_column--e8456.bp_main_module_hiddenColumn--e8456{
|
|
5920
5923
|
display:none;
|
|
5921
5924
|
}
|
|
5922
5925
|
|
|
5923
|
-
.bp_main_module_tableBody--
|
|
5926
|
+
.bp_main_module_tableBody--e8456[data-empty]{
|
|
5924
5927
|
text-align:center;
|
|
5925
5928
|
}
|
|
5926
|
-
.bp_main_module_tableBody--
|
|
5929
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456{
|
|
5927
5930
|
background:var(--list-item-row-background);
|
|
5928
5931
|
border-radius:var(--list-item-row-border-radius);
|
|
5929
5932
|
color:var(--list-item-row-text-color);
|
|
@@ -5934,7 +5937,7 @@
|
|
|
5934
5937
|
position:relative;
|
|
5935
5938
|
transform:translateZ(0);
|
|
5936
5939
|
}
|
|
5937
|
-
.bp_main_module_tableBody--
|
|
5940
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456::after{
|
|
5938
5941
|
background:#0000;
|
|
5939
5942
|
border-top:var(--list-item-row-divider);
|
|
5940
5943
|
box-sizing:border-box;
|
|
@@ -5947,20 +5950,20 @@
|
|
|
5947
5950
|
width:100%;
|
|
5948
5951
|
z-index:999;
|
|
5949
5952
|
}
|
|
5950
|
-
.bp_main_module_tableBody--
|
|
5953
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true]{
|
|
5951
5954
|
--list-item-row-background:var(--list-item-row-background-selected);
|
|
5952
5955
|
}
|
|
5953
|
-
.bp_main_module_tableBody--
|
|
5956
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true]::after{
|
|
5954
5957
|
border:var(--list-item-row-background-selected-border);
|
|
5955
5958
|
border-radius:var(--list-item-row-border-radius);
|
|
5956
5959
|
}
|
|
5957
|
-
.bp_main_module_tableBody--
|
|
5960
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456{
|
|
5958
5961
|
opacity:1;
|
|
5959
5962
|
}
|
|
5960
|
-
.bp_main_module_tableBody--
|
|
5963
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[aria-selected=true] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456{
|
|
5961
5964
|
display:none;
|
|
5962
5965
|
}
|
|
5963
|
-
.bp_main_module_tableBody--
|
|
5966
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456{
|
|
5964
5967
|
max-width:0;
|
|
5965
5968
|
outline:none;
|
|
5966
5969
|
overflow:hidden;
|
|
@@ -5970,25 +5973,25 @@
|
|
|
5970
5973
|
transform:translateZ(0);
|
|
5971
5974
|
white-space:nowrap;
|
|
5972
5975
|
}
|
|
5973
|
-
.bp_main_module_tableBody--
|
|
5976
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456[data-focus-visible]{
|
|
5974
5977
|
outline:var(--list-item-cell-focus-outline);
|
|
5975
5978
|
outline-offset:var(--list-item-cell-focus-outline-offset);
|
|
5976
5979
|
position:relative;
|
|
5977
5980
|
}
|
|
5978
|
-
.bp_main_module_tableBody--
|
|
5981
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456:first-child{
|
|
5979
5982
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5980
5983
|
}
|
|
5981
|
-
.bp_main_module_tableBody--
|
|
5984
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456:last-child{
|
|
5982
5985
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5983
5986
|
}
|
|
5984
|
-
.bp_main_module_tableBody--
|
|
5987
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456.bp_main_module_actions--e8456{
|
|
5985
5988
|
overflow:unset;
|
|
5986
5989
|
padding:0;
|
|
5987
5990
|
position:sticky;
|
|
5988
5991
|
right:0;
|
|
5989
5992
|
width:var(--list-item-cell-actions-width);
|
|
5990
5993
|
}
|
|
5991
|
-
.bp_main_module_tableBody--
|
|
5994
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456{
|
|
5992
5995
|
align-items:center;
|
|
5993
5996
|
background:var(--list-item-row-background);
|
|
5994
5997
|
bottom:0;
|
|
@@ -6002,7 +6005,7 @@
|
|
|
6002
6005
|
right:var(--list-item-cell-actions-right-offset);
|
|
6003
6006
|
top:0;
|
|
6004
6007
|
}
|
|
6005
|
-
.bp_main_module_tableBody--
|
|
6008
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456::before{
|
|
6006
6009
|
background:linear-gradient(to left, var(--list-item-row-background), #0000);
|
|
6007
6010
|
bottom:0;
|
|
6008
6011
|
content:"";
|
|
@@ -6013,93 +6016,93 @@
|
|
|
6013
6016
|
width:var(--list-item-cell-actions-fade-width);
|
|
6014
6017
|
z-index:0;
|
|
6015
6018
|
}
|
|
6016
|
-
.bp_main_module_tableBody--
|
|
6019
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456.bp_main_module_alwaysShowSelection--e8456{
|
|
6017
6020
|
opacity:1;
|
|
6018
6021
|
}
|
|
6019
|
-
.bp_main_module_tableBody--
|
|
6022
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456.bp_main_module_alwaysShowSelection--e8456 .bp_main_module_actionChildren--e8456{
|
|
6020
6023
|
display:none;
|
|
6021
6024
|
}
|
|
6022
|
-
.bp_main_module_tableBody--
|
|
6025
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456[data-state=open]{
|
|
6023
6026
|
opacity:1;
|
|
6024
6027
|
}
|
|
6025
|
-
.bp_main_module_tableBody--
|
|
6028
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456[data-state=open] .bp_main_module_actionChildren--e8456{
|
|
6026
6029
|
display:block;
|
|
6027
6030
|
}
|
|
6028
|
-
.bp_main_module_tableBody--
|
|
6031
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456 .bp_main_module_cell--e8456.bp_main_module_isCellHidden--e8456{
|
|
6029
6032
|
display:none;
|
|
6030
6033
|
}
|
|
6031
|
-
.bp_main_module_tableBody--
|
|
6032
|
-
opacity
|
|
6034
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-dragging]{
|
|
6035
|
+
opacity:var(--list-item-drag-opacity);
|
|
6033
6036
|
transform:translateZ(0);
|
|
6034
6037
|
}
|
|
6035
|
-
.bp_main_module_tableBody--
|
|
6038
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]{
|
|
6036
6039
|
outline:var(--list-item-row-focus-outline);
|
|
6037
6040
|
outline-offset:var(--list-item-row-focus-outline-offset);
|
|
6038
6041
|
}
|
|
6039
|
-
.bp_main_module_tableBody--
|
|
6042
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible][aria-selected=true]{
|
|
6040
6043
|
background:var(--list-item-row-background);
|
|
6041
6044
|
outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
|
|
6042
6045
|
}
|
|
6043
|
-
.bp_main_module_tableBody--
|
|
6046
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:last-child::after{
|
|
6044
6047
|
border-bottom:var(--border-1) solid var(--gray-10);
|
|
6045
6048
|
}
|
|
6046
|
-
.bp_main_module_tableBody--
|
|
6049
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:last-child[aria-selected=true]::after{
|
|
6047
6050
|
border-bottom:var(--list-item-row-background-selected-border);
|
|
6048
6051
|
}
|
|
6049
|
-
.bp_main_module_tableBody--
|
|
6052
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]),.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible],.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]{
|
|
6050
6053
|
z-index:1;
|
|
6051
6054
|
}
|
|
6052
|
-
.bp_main_module_tableBody--
|
|
6055
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]:not([aria-selected=true])::after{
|
|
6053
6056
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6054
6057
|
border-radius:var(--list-item-border-radius);
|
|
6055
6058
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6056
6059
|
box-shadow:var(--dropshadow-2);
|
|
6057
6060
|
}
|
|
6058
|
-
.bp_main_module_tableBody--
|
|
6061
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]:last-child:not([aria-selected=true])::after{
|
|
6059
6062
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6060
6063
|
}
|
|
6061
|
-
.bp_main_module_tableBody--
|
|
6064
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
|
|
6062
6065
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6063
6066
|
}
|
|
6064
|
-
.bp_main_module_tableBody--
|
|
6067
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within[data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within[data-pressed] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered][data-dragging] .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered][data-pressed] .bp_main_module_actionsWrapper--e8456{
|
|
6065
6068
|
opacity:1;
|
|
6066
6069
|
}
|
|
6067
|
-
.bp_main_module_tableBody--
|
|
6070
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
|
|
6068
6071
|
border:var(--list-item-row-border-hover);
|
|
6069
6072
|
border-radius:var(--list-item-border-radius);
|
|
6070
6073
|
}
|
|
6071
|
-
.bp_main_module_tableBody--
|
|
6074
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]) .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456{
|
|
6072
6075
|
opacity:1;
|
|
6073
6076
|
}
|
|
6074
|
-
.bp_main_module_tableBody--
|
|
6077
|
+
.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:focus-within .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456:has([aria-expanded=true]) .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-focus-visible] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456,.bp_main_module_tableBody--e8456 .bp_main_module_row--e8456[data-hovered] .bp_main_module_cell--e8456 .bp_main_module_actionsWrapper--e8456 .bp_main_module_actionChildren--e8456{
|
|
6075
6078
|
display:block;
|
|
6076
6079
|
}
|
|
6077
|
-
.bp_main_module_tableBody--
|
|
6078
|
-
opacity
|
|
6080
|
+
.bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456:not(.bp_main_module_droppableTarget--e8456){
|
|
6081
|
+
opacity:var(--list-item-undroppable-opacity);
|
|
6079
6082
|
}
|
|
6080
|
-
.
|
|
6081
|
-
|
|
6083
|
+
.bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-dragging]{
|
|
6084
|
+
opacity:var(--list-item-drag-opacity);
|
|
6082
6085
|
}
|
|
6083
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6084
|
-
|
|
6085
|
-
box-shadow:none;
|
|
6086
|
+
.bp_main_module_rowDraggingHighlighted--e8456 .bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-drop-target]{
|
|
6087
|
+
--list-item-row-background:var(--list-item-row-drop-target-background);
|
|
6086
6088
|
}
|
|
6087
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6088
|
-
|
|
6089
|
-
|
|
6089
|
+
.bp_main_module_rowDraggingHighlighted--e8456 .bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-drop-target]::after{
|
|
6090
|
+
border:var(--list-item-row-drop-target-border);
|
|
6091
|
+
border-radius:var(--list-item-row-border-radius);
|
|
6092
|
+
box-shadow:none;
|
|
6090
6093
|
}
|
|
6091
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6094
|
+
.bp_main_module_rowDraggingHighlighted--e8456 .bp_main_module_tableBody--e8456:has(.bp_main_module_row--e8456[data-dragging]) .bp_main_module_row--e8456[data-dragging][aria-selected=true]::after{
|
|
6092
6095
|
border:var(--list-item-row-background-selected-border);
|
|
6093
6096
|
border-radius:var(--list-item-row-border-radius);
|
|
6094
6097
|
box-shadow:none;
|
|
6095
6098
|
}
|
|
6096
6099
|
@supports selector(:has(*)){
|
|
6097
|
-
.bp_main_module_row--
|
|
6100
|
+
.bp_main_module_row--e8456[aria-selected=true] + .bp_main_module_dropIndicator--e8456 + [aria-selected=true]::after,.bp_main_module_row--e8456[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--e8456:first-child,.bp_main_module_row--e8456[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--e8456:last-child,.bp_main_module_row--e8456[aria-selected=true] + [aria-selected=true]::after{
|
|
6098
6101
|
border-start-end-radius:0;
|
|
6099
6102
|
border-start-start-radius:0;
|
|
6100
6103
|
border-top-width:var(--border-1);
|
|
6101
6104
|
}
|
|
6102
|
-
.bp_main_module_row--
|
|
6105
|
+
.bp_main_module_row--e8456[aria-selected=true]:has(+ .bp_main_module_dropIndicator--e8456 + [aria-selected=true]) .bp_main_module_cell--e8456:last-child,.bp_main_module_row--e8456[aria-selected=true]:has(+ .bp_main_module_dropIndicator--e8456 + [aria-selected=true])::after,.bp_main_module_row--e8456[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--e8456:first-child,.bp_main_module_row--e8456[aria-selected=true]:has(+ [aria-selected=true])::after{
|
|
6103
6106
|
border-bottom-width:var(--border-1);
|
|
6104
6107
|
border-end-end-radius:0;
|
|
6105
6108
|
border-end-start-radius:0;
|
|
@@ -6839,7 +6842,7 @@
|
|
|
6839
6842
|
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
6840
6843
|
fill:currentcolor;
|
|
6841
6844
|
}
|
|
6842
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6845
|
+
.bp_base_grid_list_item_module_smallList--1ce37{
|
|
6843
6846
|
--small-list-gap:var(--bp-space-020);
|
|
6844
6847
|
--small-list-padding:initial;
|
|
6845
6848
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6872,7 +6875,7 @@
|
|
|
6872
6875
|
padding:var(--small-list-padding);
|
|
6873
6876
|
width:auto;
|
|
6874
6877
|
}
|
|
6875
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6878
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37{
|
|
6876
6879
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6877
6880
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6878
6881
|
--item-background:var(--small-list-item-background);
|
|
@@ -6891,11 +6894,11 @@
|
|
|
6891
6894
|
transform:translateZ(0);
|
|
6892
6895
|
width:auto;
|
|
6893
6896
|
}
|
|
6894
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6897
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
6895
6898
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6896
6899
|
grid-template-rows:100% 0;
|
|
6897
6900
|
}
|
|
6898
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6901
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
6899
6902
|
align-items:center;
|
|
6900
6903
|
aspect-ratio:1;
|
|
6901
6904
|
display:flex;
|
|
@@ -6904,13 +6907,13 @@
|
|
|
6904
6907
|
overflow:hidden;
|
|
6905
6908
|
z-index:1;
|
|
6906
6909
|
}
|
|
6907
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6910
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_thumbnailContent--1ce37 img,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_thumbnailContent--1ce37 svg{
|
|
6908
6911
|
height:100%;
|
|
6909
6912
|
object-fit:cover;
|
|
6910
6913
|
object-position:left;
|
|
6911
6914
|
width:100%;
|
|
6912
6915
|
}
|
|
6913
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6916
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
6914
6917
|
color:var(--small-list-header-color);
|
|
6915
6918
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6916
6919
|
font-size:var(--bp-font-size-05);
|
|
@@ -6920,7 +6923,7 @@
|
|
|
6920
6923
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6921
6924
|
line-height:var(--bp-font-line-height-04);
|
|
6922
6925
|
}
|
|
6923
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
6926
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
6924
6927
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6925
6928
|
font-size:.875rem;
|
|
6926
6929
|
font-style:normal;
|
|
@@ -6931,11 +6934,11 @@
|
|
|
6931
6934
|
text-transform:none;
|
|
6932
6935
|
}
|
|
6933
6936
|
|
|
6934
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6937
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
6935
6938
|
align-items:center;
|
|
6936
6939
|
display:flex;
|
|
6937
6940
|
}
|
|
6938
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6941
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
6939
6942
|
color:var(--small-list-subtitle-color);
|
|
6940
6943
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6941
6944
|
font-size:var(--bp-font-size-03);
|
|
@@ -6945,7 +6948,7 @@
|
|
|
6945
6948
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6946
6949
|
line-height:var(--bp-font-line-height-02);
|
|
6947
6950
|
}
|
|
6948
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
6951
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
6949
6952
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6950
6953
|
font-size:.75rem;
|
|
6951
6954
|
font-style:normal;
|
|
@@ -6956,17 +6959,17 @@
|
|
|
6956
6959
|
text-transform:none;
|
|
6957
6960
|
}
|
|
6958
6961
|
|
|
6959
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6962
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
6960
6963
|
display:inline-block;
|
|
6961
6964
|
overflow:hidden;
|
|
6962
6965
|
text-overflow:ellipsis;
|
|
6963
6966
|
white-space:nowrap;
|
|
6964
6967
|
}
|
|
6965
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6968
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37:not(:has(.bp_base_grid_list_item_module_header--1ce37)),.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37:not(:has(.bp_base_grid_list_item_module_subtitle--1ce37)){
|
|
6966
6969
|
grid-template-rows:100% 0;
|
|
6967
6970
|
row-gap:0;
|
|
6968
6971
|
}
|
|
6969
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6972
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
6970
6973
|
align-items:center;
|
|
6971
6974
|
display:flex;
|
|
6972
6975
|
grid-area:actions;
|
|
@@ -6976,11 +6979,11 @@
|
|
|
6976
6979
|
padding-right:0;
|
|
6977
6980
|
}
|
|
6978
6981
|
@media (pointer: coarse){
|
|
6979
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6982
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
6980
6983
|
--actions-opacity:1;
|
|
6981
6984
|
}
|
|
6982
6985
|
}
|
|
6983
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6986
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
6984
6987
|
align-items:center;
|
|
6985
6988
|
background:var(--item-background);
|
|
6986
6989
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6989,10 +6992,10 @@
|
|
|
6989
6992
|
justify-content:center;
|
|
6990
6993
|
width:var(--small-list-selection-width);
|
|
6991
6994
|
}
|
|
6992
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6995
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
6993
6996
|
background:var(--small-list-selection-hover-background);
|
|
6994
6997
|
}
|
|
6995
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6998
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
6996
6999
|
align-items:center;
|
|
6997
7000
|
border-radius:var(--small-list-inner-border-radius);
|
|
6998
7001
|
display:flex;
|
|
@@ -7000,17 +7003,17 @@
|
|
|
7000
7003
|
justify-content:flex-end;
|
|
7001
7004
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
7002
7005
|
}
|
|
7003
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7006
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37:last-child{
|
|
7004
7007
|
margin-inline-end:0;
|
|
7005
7008
|
}
|
|
7006
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7009
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37{
|
|
7007
7010
|
display:flex;
|
|
7008
7011
|
}
|
|
7009
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7012
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37:hover,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-focused],.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-hovered]{
|
|
7010
7013
|
--actions-opacity:1;
|
|
7011
7014
|
background:var(--item-hover);
|
|
7012
7015
|
}
|
|
7013
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7016
|
+
.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-active-item]::before,.bp_base_grid_list_item_module_smallList--1ce37 .bp_base_grid_list_item_module_smallListItem--1ce37[data-focus-visible]::before{
|
|
7014
7017
|
--actions-opacity:1;
|
|
7015
7018
|
border-radius:var(--small-list-focus-outline-radius);
|
|
7016
7019
|
content:"";
|
|
@@ -7024,7 +7027,7 @@
|
|
|
7024
7027
|
width:100%;
|
|
7025
7028
|
}
|
|
7026
7029
|
|
|
7027
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7030
|
+
.bp_base_grid_list_item_module_largeList--1ce37{
|
|
7028
7031
|
--large-list-gap:var(--bp-space-005);
|
|
7029
7032
|
--large-list-padding:var(--bp-space-010);
|
|
7030
7033
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -7082,7 +7085,7 @@
|
|
|
7082
7085
|
overflow:auto;
|
|
7083
7086
|
padding:var(--large-list-padding);
|
|
7084
7087
|
}
|
|
7085
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7088
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37{
|
|
7086
7089
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
7087
7090
|
--actions-opacity:0;
|
|
7088
7091
|
--item-background:var(--large-list-item-background);
|
|
@@ -7098,18 +7101,18 @@
|
|
|
7098
7101
|
position:relative;
|
|
7099
7102
|
transform:translateZ(0);
|
|
7100
7103
|
}
|
|
7101
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7104
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7102
7105
|
grid-template-rows:1fr 1fr 1fr;
|
|
7103
7106
|
}
|
|
7104
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7107
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:focus-within{
|
|
7105
7108
|
--actions-opacity:1;
|
|
7106
7109
|
}
|
|
7107
7110
|
@media (max-width: 374px){
|
|
7108
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7111
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37{
|
|
7109
7112
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
7110
7113
|
}
|
|
7111
7114
|
}
|
|
7112
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7115
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7113
7116
|
aspect-ratio:4/3;
|
|
7114
7117
|
border:var(--large-list-item-thumbnail-border);
|
|
7115
7118
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -7117,24 +7120,24 @@
|
|
|
7117
7120
|
overflow:hidden;
|
|
7118
7121
|
z-index:1;
|
|
7119
7122
|
}
|
|
7120
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7123
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7121
7124
|
height:100%;
|
|
7122
7125
|
object-fit:cover;
|
|
7123
7126
|
object-position:left;
|
|
7124
7127
|
width:100%;
|
|
7125
7128
|
}
|
|
7126
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7129
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7127
7130
|
border:none;
|
|
7128
7131
|
}
|
|
7129
7132
|
@media (max-width: 374px){
|
|
7130
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7133
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7131
7134
|
aspect-ratio:1/1;
|
|
7132
7135
|
}
|
|
7133
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7136
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7134
7137
|
object-fit:contain;
|
|
7135
7138
|
}
|
|
7136
7139
|
}
|
|
7137
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7140
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7138
7141
|
align-items:center;
|
|
7139
7142
|
display:flex;
|
|
7140
7143
|
height:var(--large-list-item-actions-height);
|
|
@@ -7146,11 +7149,11 @@
|
|
|
7146
7149
|
top:var(--large-list-item-actions-top);
|
|
7147
7150
|
}
|
|
7148
7151
|
@media (pointer: coarse){
|
|
7149
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7152
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7150
7153
|
--actions-opacity:1;
|
|
7151
7154
|
}
|
|
7152
7155
|
}
|
|
7153
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7156
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
7154
7157
|
align-items:center;
|
|
7155
7158
|
background:var(--item-background);
|
|
7156
7159
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -7159,15 +7162,15 @@
|
|
|
7159
7162
|
justify-content:center;
|
|
7160
7163
|
width:var(--large-list-item-selection-width);
|
|
7161
7164
|
}
|
|
7162
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7165
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
7163
7166
|
background:var(--large-list-item-selection-hover-background);
|
|
7164
7167
|
}
|
|
7165
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7168
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_fade--1ce37{
|
|
7166
7169
|
align-self:stretch;
|
|
7167
7170
|
background:var(--large-list-item-fade-background);
|
|
7168
7171
|
width:var(--large-list-item-fade-width);
|
|
7169
7172
|
}
|
|
7170
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7173
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7171
7174
|
align-items:center;
|
|
7172
7175
|
background:var(--item-background);
|
|
7173
7176
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -7176,14 +7179,14 @@
|
|
|
7176
7179
|
justify-content:flex-end;
|
|
7177
7180
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
7178
7181
|
}
|
|
7179
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7182
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37:last-child{
|
|
7180
7183
|
margin-inline-end:0;
|
|
7181
7184
|
}
|
|
7182
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7185
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37{
|
|
7183
7186
|
background:var(--item-background);
|
|
7184
7187
|
display:flex;
|
|
7185
7188
|
}
|
|
7186
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7189
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7187
7190
|
align-items:center;
|
|
7188
7191
|
color:var(--large-list-item-header-color);
|
|
7189
7192
|
display:inline-flex;
|
|
@@ -7200,7 +7203,7 @@
|
|
|
7200
7203
|
text-transform:var(--body-default-semibold-text-case);
|
|
7201
7204
|
white-space:nowrap;
|
|
7202
7205
|
}
|
|
7203
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7206
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7204
7207
|
align-items:center;
|
|
7205
7208
|
color:var(--large-list-item-subtitle-color);
|
|
7206
7209
|
display:flex;
|
|
@@ -7215,7 +7218,7 @@
|
|
|
7215
7218
|
text-transform:var(--caption-default-text-case);
|
|
7216
7219
|
white-space:nowrap;
|
|
7217
7220
|
}
|
|
7218
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7221
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_description--1ce37{
|
|
7219
7222
|
-webkit-box-orient:vertical;
|
|
7220
7223
|
-webkit-line-clamp:3;
|
|
7221
7224
|
color:var(--large-list-item-description-color);
|
|
@@ -7232,12 +7235,12 @@
|
|
|
7232
7235
|
text-decoration:var(--body-default-text-decoration);
|
|
7233
7236
|
text-transform:var(--body-default-text-case);
|
|
7234
7237
|
}
|
|
7235
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7238
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_snippet--1ce37{
|
|
7236
7239
|
grid-area:description;
|
|
7237
7240
|
margin:0;
|
|
7238
7241
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
7239
7242
|
}
|
|
7240
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7243
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37 .bp_base_grid_list_item_module_snippet--1ce37 .bp_base_grid_list_item_module_snippetContent--1ce37{
|
|
7241
7244
|
-webkit-box-orient:vertical;
|
|
7242
7245
|
-webkit-line-clamp:2;
|
|
7243
7246
|
border:var(--large-list-item-snippet-border);
|
|
@@ -7256,19 +7259,19 @@
|
|
|
7256
7259
|
text-decoration:var(--body-default-text-decoration);
|
|
7257
7260
|
text-transform:var(--body-default-text-case);
|
|
7258
7261
|
}
|
|
7259
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7262
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:hover,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focused],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-hovered]{
|
|
7260
7263
|
border-radius:var(--large-list-item-border-radius);
|
|
7261
7264
|
}
|
|
7262
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7265
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:hover,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focused],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-hovered]{
|
|
7263
7266
|
--actions-opacity:1;
|
|
7264
7267
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
7265
7268
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
7266
7269
|
outline:var(--large-list-item-hover-outline);
|
|
7267
7270
|
}
|
|
7268
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7271
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37:not([aria-selected=true])[data-hovered]{
|
|
7269
7272
|
--item-background:var(--large-list-item-hover-background);
|
|
7270
7273
|
}
|
|
7271
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7274
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-active-item]::before,.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[data-focus-visible]::before{
|
|
7272
7275
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
7273
7276
|
content:"";
|
|
7274
7277
|
display:block;
|
|
@@ -7280,7 +7283,7 @@
|
|
|
7280
7283
|
top:0;
|
|
7281
7284
|
width:100%;
|
|
7282
7285
|
}
|
|
7283
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7286
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]{
|
|
7284
7287
|
--actions-opacity:1;
|
|
7285
7288
|
--item-background:var(--large-list-item-selected-background);
|
|
7286
7289
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
@@ -7288,25 +7291,25 @@
|
|
|
7288
7291
|
outline:var(--large-list-item-selected-outline);
|
|
7289
7292
|
z-index:2;
|
|
7290
7293
|
}
|
|
7291
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7294
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true] .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_fade--1ce37{
|
|
7292
7295
|
background:var(--large-list-item-selected-fade-background);
|
|
7293
7296
|
}
|
|
7294
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7297
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7295
7298
|
display:none;
|
|
7296
7299
|
}
|
|
7297
7300
|
@supports selector(:has(.foo)){
|
|
7298
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7301
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--1ce37 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true]:has(+ [aria-selected=true]){
|
|
7299
7302
|
border-end-end-radius:0;
|
|
7300
7303
|
border-end-start-radius:0;
|
|
7301
7304
|
}
|
|
7302
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7305
|
+
.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--1ce37 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--1ce37 .bp_base_grid_list_item_module_largeListItem--1ce37[aria-selected=true] + [aria-selected=true]{
|
|
7303
7306
|
border-start-end-radius:0;
|
|
7304
7307
|
border-start-start-radius:0;
|
|
7305
7308
|
border-top:none;
|
|
7306
7309
|
}
|
|
7307
7310
|
}
|
|
7308
7311
|
|
|
7309
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7312
|
+
.bp_base_grid_list_item_module_gridList--1ce37{
|
|
7310
7313
|
--grid-list-minimum-item-width:188px;
|
|
7311
7314
|
--grid-list-gap:var(--bp-space-040);
|
|
7312
7315
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -7355,7 +7358,7 @@
|
|
|
7355
7358
|
overflow:auto;
|
|
7356
7359
|
padding:var(--grid-list-padding);
|
|
7357
7360
|
}
|
|
7358
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7361
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37{
|
|
7359
7362
|
--actions-opacity:0;
|
|
7360
7363
|
--item-background:var(--grid-list-item-background);
|
|
7361
7364
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -7373,15 +7376,15 @@
|
|
|
7373
7376
|
row-gap:var(--row-gap);
|
|
7374
7377
|
transform:translateZ(0);
|
|
7375
7378
|
}
|
|
7376
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7379
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37:focus-within{
|
|
7377
7380
|
--actions-opacity:1;
|
|
7378
7381
|
}
|
|
7379
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7382
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_statusPin--1ce37{
|
|
7380
7383
|
left:var(--grid-list-item-status-pin-left);
|
|
7381
7384
|
position:absolute;
|
|
7382
7385
|
top:var(--grid-list-item-status-pin-top);
|
|
7383
7386
|
}
|
|
7384
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7387
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7385
7388
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
7386
7389
|
background:var(--grid-list-thumbnail-background);
|
|
7387
7390
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -7389,25 +7392,25 @@
|
|
|
7389
7392
|
grid-area:thumbnail;
|
|
7390
7393
|
overflow:hidden;
|
|
7391
7394
|
}
|
|
7392
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7395
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7393
7396
|
height:100%;
|
|
7394
7397
|
object-fit:contain;
|
|
7395
7398
|
width:100%;
|
|
7396
7399
|
}
|
|
7397
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7400
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7398
7401
|
border:none;
|
|
7399
7402
|
}
|
|
7400
7403
|
@media (pointer: coarse){
|
|
7401
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7404
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7402
7405
|
margin-block-end:var(--space-1);
|
|
7403
7406
|
}
|
|
7404
7407
|
}
|
|
7405
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7408
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7406
7409
|
grid-area:subtitle;
|
|
7407
7410
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
7408
7411
|
opacity:var(--actions-opacity);
|
|
7409
7412
|
}
|
|
7410
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7413
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
7411
7414
|
align-items:center;
|
|
7412
7415
|
border-radius:var(--grid-list-selection-border-radius);
|
|
7413
7416
|
display:flex;
|
|
@@ -7418,10 +7421,10 @@
|
|
|
7418
7421
|
top:var(--grid-list-selection-top);
|
|
7419
7422
|
width:var(--grid-list-selection-width);
|
|
7420
7423
|
}
|
|
7421
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7424
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
7422
7425
|
background:var(--grid-list-selection-hover-background);
|
|
7423
7426
|
}
|
|
7424
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7427
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7425
7428
|
align-items:center;
|
|
7426
7429
|
background:var(--item-background);
|
|
7427
7430
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -7430,12 +7433,12 @@
|
|
|
7430
7433
|
justify-content:center;
|
|
7431
7434
|
}
|
|
7432
7435
|
@media (pointer: coarse){
|
|
7433
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7436
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7434
7437
|
grid-area:actions;
|
|
7435
7438
|
margin-block-start:0;
|
|
7436
7439
|
}
|
|
7437
7440
|
}
|
|
7438
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7441
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7439
7442
|
color:var(--grid-list-header-color);
|
|
7440
7443
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7441
7444
|
font-size:var(--bp-font-size-05);
|
|
@@ -7448,7 +7451,7 @@
|
|
|
7448
7451
|
overflow-wrap:anywhere;
|
|
7449
7452
|
text-align:center;
|
|
7450
7453
|
}
|
|
7451
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7454
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7452
7455
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7453
7456
|
font-size:.875rem;
|
|
7454
7457
|
font-style:normal;
|
|
@@ -7459,17 +7462,17 @@
|
|
|
7459
7462
|
text-transform:none;
|
|
7460
7463
|
}
|
|
7461
7464
|
|
|
7462
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7465
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7463
7466
|
align-items:center;
|
|
7464
7467
|
display:flex;
|
|
7465
7468
|
}
|
|
7466
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7469
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7467
7470
|
-webkit-box-orient:vertical;
|
|
7468
7471
|
-webkit-line-clamp:2;
|
|
7469
7472
|
display:-webkit-box;
|
|
7470
7473
|
overflow:hidden;
|
|
7471
7474
|
}
|
|
7472
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7475
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7473
7476
|
color:var(--grid-list-subtitle-color);
|
|
7474
7477
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7475
7478
|
font-size:var(--bp-font-size-03);
|
|
@@ -7484,7 +7487,7 @@
|
|
|
7484
7487
|
text-overflow:ellipsis;
|
|
7485
7488
|
white-space:nowrap;
|
|
7486
7489
|
}
|
|
7487
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7490
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7488
7491
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7489
7492
|
font-size:.75rem;
|
|
7490
7493
|
font-style:normal;
|
|
@@ -7495,16 +7498,16 @@
|
|
|
7495
7498
|
text-transform:none;
|
|
7496
7499
|
}
|
|
7497
7500
|
|
|
7498
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7501
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7499
7502
|
height:var(--grid-list-subtitle-loading-height);
|
|
7500
7503
|
}
|
|
7501
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7504
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37:hover,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-active-item],.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focus-visible],.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focused],.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-hovered]{
|
|
7502
7505
|
--actions-opacity:1;
|
|
7503
7506
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
7504
7507
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
7505
7508
|
outline:var(--grid-list-item-hover-outline);
|
|
7506
7509
|
}
|
|
7507
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7510
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-active-item]::before,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focus-visible]::before{
|
|
7508
7511
|
border-radius:var(--grid-list-item-border-radius);
|
|
7509
7512
|
content:"";
|
|
7510
7513
|
display:block;
|
|
@@ -7516,7 +7519,7 @@
|
|
|
7516
7519
|
top:0;
|
|
7517
7520
|
width:100%;
|
|
7518
7521
|
}
|
|
7519
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7522
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-active-item]::after,.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[data-focus-visible]::after{
|
|
7520
7523
|
border-radius:var(--grid-list-item-border-radius);
|
|
7521
7524
|
content:"";
|
|
7522
7525
|
display:block;
|
|
@@ -7528,16 +7531,16 @@
|
|
|
7528
7531
|
top:0;
|
|
7529
7532
|
width:100%;
|
|
7530
7533
|
}
|
|
7531
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7534
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[aria-selected=true]{
|
|
7532
7535
|
--actions-opacity:1;
|
|
7533
7536
|
--item-background:var(--grid-list-item-selected-background);
|
|
7534
7537
|
outline:var(--grid-list-item-selected-outline);
|
|
7535
7538
|
}
|
|
7536
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7539
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--1ce37) .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7537
7540
|
opacity:0;
|
|
7538
7541
|
}
|
|
7539
7542
|
@media (pointer: coarse){
|
|
7540
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7543
|
+
.bp_base_grid_list_item_module_gridList--1ce37 .bp_base_grid_list_item_module_gridListItem--1ce37{
|
|
7541
7544
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
7542
7545
|
--actions-opacity:1;
|
|
7543
7546
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -7545,7 +7548,7 @@
|
|
|
7545
7548
|
}
|
|
7546
7549
|
}
|
|
7547
7550
|
|
|
7548
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7551
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37{
|
|
7549
7552
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
7550
7553
|
--tooltip-offset:var(--bp-space-020);
|
|
7551
7554
|
--tooltip-arrow-display:none;
|
|
@@ -7572,27 +7575,27 @@
|
|
|
7572
7575
|
text-transform:var(--body-default-text-case);
|
|
7573
7576
|
z-index:var(--z-index-tooltip);
|
|
7574
7577
|
}
|
|
7575
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7578
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37 .bp_base_grid_list_item_module_tooltipArrow--1ce37 svg{
|
|
7576
7579
|
display:var(--tooltip-arrow-display);
|
|
7577
7580
|
height:.5rem;
|
|
7578
7581
|
width:1rem;
|
|
7579
7582
|
}
|
|
7580
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7583
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=top]{
|
|
7581
7584
|
margin-block-end:var(--tooltip-offset);
|
|
7582
7585
|
}
|
|
7583
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7586
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--1ce37 svg{
|
|
7584
7587
|
transform:rotate(180deg);
|
|
7585
7588
|
}
|
|
7586
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7589
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=bottom]{
|
|
7587
7590
|
margin-block-start:var(--tooltip-offset);
|
|
7588
7591
|
}
|
|
7589
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7592
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=right]{
|
|
7590
7593
|
margin-inline-start:var(--tooltip-offset);
|
|
7591
7594
|
}
|
|
7592
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7595
|
+
.bp_base_grid_list_item_module_tooltipContent--1ce37[data-placement=left]{
|
|
7593
7596
|
margin-inline-end:var(--tooltip-offset);
|
|
7594
7597
|
}
|
|
7595
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7598
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37{
|
|
7596
7599
|
--grid-v2-gap:var(--bp-space-020);
|
|
7597
7600
|
--grid-v2-padding:0;
|
|
7598
7601
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -7636,6 +7639,10 @@
|
|
|
7636
7639
|
--grid-v2-file-type-pill-background:var(--bp-gray-02);
|
|
7637
7640
|
--grid-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-05);
|
|
7638
7641
|
--grid-v2-file-type-pill-border-radius:var(--bp-radius-16);
|
|
7642
|
+
--grid-v2-drop-target-background:var(--bp-surface-item-surface-selected);
|
|
7643
|
+
--grid-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7644
|
+
--grid-v2-drag-opacity:0.6;
|
|
7645
|
+
--grid-v2-undroppable-opacity:0.5;
|
|
7639
7646
|
box-sizing:border-box;
|
|
7640
7647
|
display:grid;
|
|
7641
7648
|
gap:var(--grid-v2-gap);
|
|
@@ -7645,7 +7652,13 @@
|
|
|
7645
7652
|
overflow:auto;
|
|
7646
7653
|
padding:var(--grid-v2-padding) 0;
|
|
7647
7654
|
}
|
|
7648
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7655
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37:has(.bp_base_grid_list_item_module_gridListV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--1ce37:not(.bp_base_grid_list_item_module_droppableTarget--1ce37){
|
|
7656
|
+
opacity:var(--grid-v2-undroppable-opacity);
|
|
7657
|
+
}
|
|
7658
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37:has(.bp_base_grid_list_item_module_gridListV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-dragging]{
|
|
7659
|
+
opacity:var(--grid-v2-drag-opacity);
|
|
7660
|
+
}
|
|
7661
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37{
|
|
7649
7662
|
--actions-opacity:0;
|
|
7650
7663
|
--subtitle-opacity:1;
|
|
7651
7664
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7663,20 +7676,20 @@
|
|
|
7663
7676
|
position:relative;
|
|
7664
7677
|
transform:translateZ(0);
|
|
7665
7678
|
}
|
|
7666
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7679
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37:focus-within{
|
|
7667
7680
|
--actions-opacity:1;
|
|
7668
7681
|
--subtitle-opacity:0;
|
|
7669
7682
|
}
|
|
7670
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7683
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37:focus-within{
|
|
7671
7684
|
--subtitle-opacity:1;
|
|
7672
7685
|
}
|
|
7673
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7686
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_statusPin--1ce37{
|
|
7674
7687
|
left:var(--grid-v2-item-status-pin-left);
|
|
7675
7688
|
position:absolute;
|
|
7676
7689
|
top:var(--grid-v2-item-status-pin-top);
|
|
7677
7690
|
transition:transform .15s ease-out;
|
|
7678
7691
|
}
|
|
7679
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7692
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7680
7693
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7681
7694
|
background:var(--grid-v2-thumbnail-background);
|
|
7682
7695
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7686,28 +7699,28 @@
|
|
|
7686
7699
|
position:relative;
|
|
7687
7700
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7688
7701
|
}
|
|
7689
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7702
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img{
|
|
7690
7703
|
height:100%;
|
|
7691
7704
|
max-height:none;
|
|
7692
7705
|
max-width:none;
|
|
7693
7706
|
object-fit:cover;
|
|
7694
7707
|
width:100%;
|
|
7695
7708
|
}
|
|
7696
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7709
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img.bp_base_grid_list_item_module_isImageFile--1ce37{
|
|
7697
7710
|
object-position:center;
|
|
7698
7711
|
}
|
|
7699
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7712
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img:not(.bp_base_grid_list_item_module_isImageFile--1ce37){
|
|
7700
7713
|
object-position:top left;
|
|
7701
7714
|
}
|
|
7702
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7715
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
7703
7716
|
border:none;
|
|
7704
7717
|
}
|
|
7705
7718
|
@media (pointer: coarse){
|
|
7706
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7719
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7707
7720
|
margin-block-end:var(--bp-space-010);
|
|
7708
7721
|
}
|
|
7709
7722
|
}
|
|
7710
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7723
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_thumbnailBadges--1ce37{
|
|
7711
7724
|
align-items:center;
|
|
7712
7725
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7713
7726
|
display:flex;
|
|
@@ -7715,12 +7728,12 @@
|
|
|
7715
7728
|
position:absolute;
|
|
7716
7729
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7717
7730
|
}
|
|
7718
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7731
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37{
|
|
7719
7732
|
align-items:center;
|
|
7720
7733
|
display:flex;
|
|
7721
7734
|
justify-content:center;
|
|
7722
7735
|
}
|
|
7723
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7736
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_fileTypePill--1ce37{
|
|
7724
7737
|
background:var(--grid-v2-file-type-pill-background);
|
|
7725
7738
|
border:var(--grid-v2-file-type-pill-border);
|
|
7726
7739
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7729,13 +7742,13 @@
|
|
|
7729
7742
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7730
7743
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7731
7744
|
}
|
|
7732
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7745
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7733
7746
|
grid-area:subtitle;
|
|
7734
7747
|
margin-top:.25rem;
|
|
7735
7748
|
opacity:var(--actions-opacity);
|
|
7736
7749
|
transition:opacity .15s ease-out;
|
|
7737
7750
|
}
|
|
7738
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7751
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
7739
7752
|
align-items:center;
|
|
7740
7753
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7741
7754
|
display:flex;
|
|
@@ -7747,19 +7760,19 @@
|
|
|
7747
7760
|
transition:transform .15s ease-out;
|
|
7748
7761
|
width:var(--grid-v2-selection-width);
|
|
7749
7762
|
}
|
|
7750
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7763
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
7751
7764
|
background:var(--grid-v2-selection-hover-background);
|
|
7752
7765
|
}
|
|
7753
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7766
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
7754
7767
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7755
7768
|
display:flex;
|
|
7756
7769
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7757
7770
|
padding-inline-start:.25rem;
|
|
7758
7771
|
}
|
|
7759
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7772
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7760
7773
|
padding-inline-start:.25rem;
|
|
7761
7774
|
}
|
|
7762
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7775
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7763
7776
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7764
7777
|
font-size:var(--bp-font-size-05);
|
|
7765
7778
|
font-style:normal;
|
|
@@ -7767,7 +7780,7 @@
|
|
|
7767
7780
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7768
7781
|
line-height:var(--bp-font-line-height-04);
|
|
7769
7782
|
}
|
|
7770
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7783
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7771
7784
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7772
7785
|
font-size:.875rem;
|
|
7773
7786
|
font-style:normal;
|
|
@@ -7778,7 +7791,7 @@
|
|
|
7778
7791
|
text-transform:none;
|
|
7779
7792
|
}
|
|
7780
7793
|
|
|
7781
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7794
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
7782
7795
|
color:var(--grid-v2-header-color);
|
|
7783
7796
|
display:block;
|
|
7784
7797
|
grid-area:head;
|
|
@@ -7787,7 +7800,7 @@
|
|
|
7787
7800
|
text-overflow:ellipsis;
|
|
7788
7801
|
white-space:nowrap;
|
|
7789
7802
|
}
|
|
7790
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7803
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7791
7804
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7792
7805
|
font-size:var(--bp-font-size-04);
|
|
7793
7806
|
font-style:normal;
|
|
@@ -7795,7 +7808,7 @@
|
|
|
7795
7808
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7796
7809
|
line-height:var(--bp-font-line-height-04);
|
|
7797
7810
|
}
|
|
7798
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7811
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7799
7812
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7800
7813
|
font-size:.8125rem;
|
|
7801
7814
|
font-style:normal;
|
|
@@ -7806,7 +7819,7 @@
|
|
|
7806
7819
|
text-transform:none;
|
|
7807
7820
|
}
|
|
7808
7821
|
|
|
7809
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7822
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7810
7823
|
color:var(--grid-v2-subtitle-color);
|
|
7811
7824
|
display:block;
|
|
7812
7825
|
grid-area:subtitle;
|
|
@@ -7817,35 +7830,35 @@
|
|
|
7817
7830
|
transition:opacity .15s ease-out;
|
|
7818
7831
|
white-space:nowrap;
|
|
7819
7832
|
}
|
|
7820
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7833
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_textCentered--1ce37{
|
|
7821
7834
|
justify-content:center;
|
|
7822
7835
|
padding-inline-start:0;
|
|
7823
7836
|
text-align:center;
|
|
7824
7837
|
}
|
|
7825
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7838
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_innerCentered--1ce37{
|
|
7826
7839
|
justify-content:center;
|
|
7827
7840
|
padding-inline-start:0;
|
|
7828
7841
|
}
|
|
7829
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7842
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered]{
|
|
7830
7843
|
--actions-opacity:1;
|
|
7831
7844
|
--subtitle-opacity:0;
|
|
7832
7845
|
}
|
|
7833
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7846
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_selection--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_statusPin--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7834
7847
|
transform:translateY(-.125rem);
|
|
7835
7848
|
}
|
|
7836
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7849
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
7837
7850
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7838
7851
|
}
|
|
7839
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7852
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7840
7853
|
pointer-events:none;
|
|
7841
7854
|
}
|
|
7842
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7855
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-hovered]{
|
|
7843
7856
|
--subtitle-opacity:1;
|
|
7844
7857
|
}
|
|
7845
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7858
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[aria-selected=true] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-focus-visible] .bp_base_grid_list_item_module_subtitle--1ce37,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37.bp_base_grid_list_item_module_noActions--1ce37[data-hovered] .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
7846
7859
|
pointer-events:auto;
|
|
7847
7860
|
}
|
|
7848
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7861
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-focus-visible]::before{
|
|
7849
7862
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7850
7863
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7851
7864
|
content:"";
|
|
@@ -7854,10 +7867,10 @@
|
|
|
7854
7867
|
position:absolute;
|
|
7855
7868
|
transform:translateY(-.125rem);
|
|
7856
7869
|
}
|
|
7857
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7870
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true]{
|
|
7858
7871
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7859
7872
|
}
|
|
7860
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7873
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[aria-selected=true]::after{
|
|
7861
7874
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7862
7875
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7863
7876
|
content:"";
|
|
@@ -7866,23 +7879,35 @@
|
|
|
7866
7879
|
position:absolute;
|
|
7867
7880
|
transform:translateY(-.125rem);
|
|
7868
7881
|
}
|
|
7882
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-drop-target]{
|
|
7883
|
+
--item-background:var(--grid-v2-drop-target-background);
|
|
7884
|
+
}
|
|
7885
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-drop-target]::after,.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
7886
|
+
border:var(--grid-v2-drop-target-border);
|
|
7887
|
+
border-radius:var(--grid-v2-item-border-radius);
|
|
7888
|
+
content:"";
|
|
7889
|
+
inset:0;
|
|
7890
|
+
pointer-events:none;
|
|
7891
|
+
position:absolute;
|
|
7892
|
+
transform:none;
|
|
7893
|
+
}
|
|
7869
7894
|
@media (pointer: coarse){
|
|
7870
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7895
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37{
|
|
7871
7896
|
--actions-opacity:1;
|
|
7872
7897
|
--subtitle-opacity:1;
|
|
7873
7898
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7874
7899
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7875
7900
|
}
|
|
7876
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7901
|
+
.bp_base_grid_list_item_module_gridListV2--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
7877
7902
|
grid-area:actions;
|
|
7878
7903
|
}
|
|
7879
7904
|
}
|
|
7880
7905
|
|
|
7881
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
7906
|
+
.bp_base_grid_list_item_module_gridListV2Small--1ce37{
|
|
7882
7907
|
--grid-v2-min-item-width:15.625rem;
|
|
7883
7908
|
}
|
|
7884
7909
|
|
|
7885
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
7910
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--1ce37{
|
|
7886
7911
|
--grid-v2-min-item-width:8.75rem;
|
|
7887
7912
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
7888
7913
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -7891,7 +7916,7 @@
|
|
|
7891
7916
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
7892
7917
|
}
|
|
7893
7918
|
|
|
7894
|
-
.bp_base_grid_list_item_module_gridListV2XSmallBordered--
|
|
7919
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--1ce37 .bp_base_grid_list_item_module_gridListV2Item--1ce37::after{
|
|
7895
7920
|
border:var(--grid-v2-thumbnail-border);
|
|
7896
7921
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7897
7922
|
content:"";
|
|
@@ -7900,7 +7925,7 @@
|
|
|
7900
7925
|
position:absolute;
|
|
7901
7926
|
transform:translateY(-.125rem);
|
|
7902
7927
|
}
|
|
7903
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7928
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--1ce37{
|
|
7904
7929
|
display:grid;
|
|
7905
7930
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7906
7931
|
grid-template-columns:1fr;
|
|
@@ -7912,15 +7937,15 @@
|
|
|
7912
7937
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7913
7938
|
}
|
|
7914
7939
|
@media (pointer: coarse){
|
|
7915
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7940
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--1ce37{
|
|
7916
7941
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7917
7942
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7918
7943
|
}
|
|
7919
7944
|
}
|
|
7920
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
7945
|
+
.bp_base_grid_list_item_module_listV2ClickShield--1ce37{
|
|
7921
7946
|
display:contents;
|
|
7922
7947
|
}
|
|
7923
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7948
|
+
.bp_base_grid_list_item_module_listV2--1ce37{
|
|
7924
7949
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7925
7950
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7926
7951
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -7955,6 +7980,10 @@
|
|
|
7955
7980
|
--list-v2-file-type-pill-background:var(--bp-gray-02);
|
|
7956
7981
|
--list-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-10);
|
|
7957
7982
|
--list-v2-file-type-pill-border-radius:var(--bp-radius-08);
|
|
7983
|
+
--list-v2-drop-target-background:var(--bp-surface-list-item-surface-selected);
|
|
7984
|
+
--list-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7985
|
+
--list-v2-drag-opacity:0.6;
|
|
7986
|
+
--list-v2-undroppable-opacity:0.5;
|
|
7958
7987
|
box-sizing:border-box;
|
|
7959
7988
|
display:flex;
|
|
7960
7989
|
flex-direction:column;
|
|
@@ -7965,7 +7994,13 @@
|
|
|
7965
7994
|
padding:var(--list-v2-padding);
|
|
7966
7995
|
width:100%;
|
|
7967
7996
|
}
|
|
7968
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7997
|
+
.bp_base_grid_list_item_module_listV2--1ce37:has(.bp_base_grid_list_item_module_listV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_listV2Item--1ce37:not(.bp_base_grid_list_item_module_droppableTarget--1ce37){
|
|
7998
|
+
opacity:var(--list-v2-undroppable-opacity);
|
|
7999
|
+
}
|
|
8000
|
+
.bp_base_grid_list_item_module_listV2--1ce37:has(.bp_base_grid_list_item_module_listV2Item--1ce37[data-dragging]) .bp_base_grid_list_item_module_listV2Item--1ce37[data-dragging]{
|
|
8001
|
+
opacity:var(--list-v2-drag-opacity);
|
|
8002
|
+
}
|
|
8003
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37{
|
|
7969
8004
|
--actions-opacity:0;
|
|
7970
8005
|
--item-background:var(--list-v2-item-background);
|
|
7971
8006
|
align-items:center;
|
|
@@ -7983,10 +8018,10 @@
|
|
|
7983
8018
|
position:relative;
|
|
7984
8019
|
transition:background .15s ease-out;
|
|
7985
8020
|
}
|
|
7986
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8021
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:not(:first-child){
|
|
7987
8022
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
7988
8023
|
}
|
|
7989
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8024
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_listV2Divider--1ce37{
|
|
7990
8025
|
background:var(--list-v2-divider-color);
|
|
7991
8026
|
height:.0625rem;
|
|
7992
8027
|
left:0;
|
|
@@ -7995,10 +8030,10 @@
|
|
|
7995
8030
|
right:0;
|
|
7996
8031
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
7997
8032
|
}
|
|
7998
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8033
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:first-child .bp_base_grid_list_item_module_listV2Divider--1ce37{
|
|
7999
8034
|
display:none;
|
|
8000
8035
|
}
|
|
8001
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8036
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
8002
8037
|
align-items:center;
|
|
8003
8038
|
align-self:stretch;
|
|
8004
8039
|
aspect-ratio:4/3;
|
|
@@ -8012,15 +8047,15 @@
|
|
|
8012
8047
|
position:relative;
|
|
8013
8048
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
8014
8049
|
}
|
|
8015
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8050
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 img,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 svg{
|
|
8016
8051
|
height:100%;
|
|
8017
8052
|
object-fit:cover;
|
|
8018
8053
|
width:100%;
|
|
8019
8054
|
}
|
|
8020
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8055
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37.bp_base_grid_list_item_module_loading--1ce37{
|
|
8021
8056
|
border:none;
|
|
8022
8057
|
}
|
|
8023
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8058
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_thumbnailBadges--1ce37{
|
|
8024
8059
|
align-items:center;
|
|
8025
8060
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
8026
8061
|
display:flex;
|
|
@@ -8028,17 +8063,17 @@
|
|
|
8028
8063
|
position:absolute;
|
|
8029
8064
|
right:var(--list-v2-thumbnail-badges-right);
|
|
8030
8065
|
}
|
|
8031
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8066
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37{
|
|
8032
8067
|
align-items:center;
|
|
8033
8068
|
display:flex;
|
|
8034
8069
|
justify-content:center;
|
|
8035
8070
|
}
|
|
8036
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8071
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37 img,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_statusBadge--1ce37 svg{
|
|
8037
8072
|
height:.875rem;
|
|
8038
8073
|
object-fit:contain;
|
|
8039
8074
|
width:.875rem;
|
|
8040
8075
|
}
|
|
8041
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8076
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37 .bp_base_grid_list_item_module_fileTypePill--1ce37{
|
|
8042
8077
|
align-items:center;
|
|
8043
8078
|
background:var(--list-v2-file-type-pill-background);
|
|
8044
8079
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -8047,7 +8082,7 @@
|
|
|
8047
8082
|
height:var(--list-v2-file-type-pill-height);
|
|
8048
8083
|
padding:var(--list-v2-file-type-pill-padding);
|
|
8049
8084
|
}
|
|
8050
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8085
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_content--1ce37{
|
|
8051
8086
|
display:flex;
|
|
8052
8087
|
flex-direction:column;
|
|
8053
8088
|
gap:var(--list-v2-content-gap);
|
|
@@ -8055,7 +8090,7 @@
|
|
|
8055
8090
|
min-width:0;
|
|
8056
8091
|
padding-right:.5rem;
|
|
8057
8092
|
}
|
|
8058
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8093
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
8059
8094
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8060
8095
|
font-size:var(--bp-font-size-05);
|
|
8061
8096
|
font-style:normal;
|
|
@@ -8063,7 +8098,7 @@
|
|
|
8063
8098
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8064
8099
|
line-height:var(--bp-font-line-height-04);
|
|
8065
8100
|
}
|
|
8066
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8101
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
8067
8102
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8068
8103
|
font-size:.875rem;
|
|
8069
8104
|
font-style:normal;
|
|
@@ -8074,14 +8109,14 @@
|
|
|
8074
8109
|
text-transform:none;
|
|
8075
8110
|
}
|
|
8076
8111
|
|
|
8077
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8112
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_header--1ce37{
|
|
8078
8113
|
color:var(--list-v2-header-color);
|
|
8079
8114
|
display:block;
|
|
8080
8115
|
overflow:hidden;
|
|
8081
8116
|
text-overflow:ellipsis;
|
|
8082
8117
|
white-space:nowrap;
|
|
8083
8118
|
}
|
|
8084
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8119
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
8085
8120
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8086
8121
|
font-size:var(--bp-font-size-04);
|
|
8087
8122
|
font-style:normal;
|
|
@@ -8089,7 +8124,7 @@
|
|
|
8089
8124
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8090
8125
|
line-height:var(--bp-font-line-height-04);
|
|
8091
8126
|
}
|
|
8092
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8127
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
8093
8128
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8094
8129
|
font-size:.8125rem;
|
|
8095
8130
|
font-style:normal;
|
|
@@ -8100,14 +8135,14 @@
|
|
|
8100
8135
|
text-transform:none;
|
|
8101
8136
|
}
|
|
8102
8137
|
|
|
8103
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8138
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_subtitle--1ce37{
|
|
8104
8139
|
color:var(--list-v2-subtitle-color);
|
|
8105
8140
|
display:block;
|
|
8106
8141
|
overflow:hidden;
|
|
8107
8142
|
text-overflow:ellipsis;
|
|
8108
8143
|
white-space:nowrap;
|
|
8109
8144
|
}
|
|
8110
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8145
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
8111
8146
|
align-items:center;
|
|
8112
8147
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
8113
8148
|
display:flex;
|
|
@@ -8121,11 +8156,11 @@
|
|
|
8121
8156
|
transition:opacity .15s ease-out;
|
|
8122
8157
|
}
|
|
8123
8158
|
@media (pointer: coarse){
|
|
8124
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8159
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37{
|
|
8125
8160
|
--actions-opacity:1;
|
|
8126
8161
|
}
|
|
8127
8162
|
}
|
|
8128
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8163
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37{
|
|
8129
8164
|
align-items:center;
|
|
8130
8165
|
border-radius:var(--list-v2-selection-border-radius);
|
|
8131
8166
|
display:flex;
|
|
@@ -8133,28 +8168,28 @@
|
|
|
8133
8168
|
justify-content:center;
|
|
8134
8169
|
width:var(--list-v2-selection-size);
|
|
8135
8170
|
}
|
|
8136
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8171
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_selection--1ce37:hover{
|
|
8137
8172
|
background:var(--list-v2-selection-hover-background);
|
|
8138
8173
|
}
|
|
8139
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8174
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_inner--1ce37{
|
|
8140
8175
|
align-items:center;
|
|
8141
8176
|
display:flex;
|
|
8142
8177
|
gap:var(--list-v2-actions-gap);
|
|
8143
8178
|
}
|
|
8144
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8179
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37 .bp_base_grid_list_item_module_actions--1ce37 .bp_base_grid_list_item_module_actionsCheckboxWrapper--1ce37{
|
|
8145
8180
|
display:flex;
|
|
8146
8181
|
}
|
|
8147
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8182
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:hover,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true],.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible],.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-hovered]{
|
|
8148
8183
|
--actions-opacity:1;
|
|
8149
8184
|
}
|
|
8150
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8185
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37 .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:hover .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-hovered] .bp_base_grid_list_item_module_thumbnail--1ce37{
|
|
8151
8186
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
8152
8187
|
transform:translateY(-.125rem);
|
|
8153
8188
|
}
|
|
8154
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8189
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37.bp_base_grid_list_item_module_isItemInteracted--1ce37,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37:hover,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-hovered]{
|
|
8155
8190
|
--item-background:var(--list-v2-hover-background);
|
|
8156
8191
|
}
|
|
8157
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8192
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible]::before{
|
|
8158
8193
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
8159
8194
|
border-radius:var(--list-v2-focus-border-radius);
|
|
8160
8195
|
content:"";
|
|
@@ -8163,10 +8198,10 @@
|
|
|
8163
8198
|
position:absolute;
|
|
8164
8199
|
transform:translateY(-.125rem);
|
|
8165
8200
|
}
|
|
8166
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8201
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true]{
|
|
8167
8202
|
--item-background:var(--list-v2-selected-background);
|
|
8168
8203
|
}
|
|
8169
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8204
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[aria-selected=true]::after{
|
|
8170
8205
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
8171
8206
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8172
8207
|
content:"";
|
|
@@ -8175,13 +8210,28 @@
|
|
|
8175
8210
|
position:absolute;
|
|
8176
8211
|
transform:translateY(-.125rem);
|
|
8177
8212
|
}
|
|
8178
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8213
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-focus-visible][aria-selected=true]::after{
|
|
8179
8214
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8180
8215
|
inset:-.1875rem;
|
|
8181
8216
|
transform:translateY(-.125rem);
|
|
8182
8217
|
}
|
|
8218
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target]{
|
|
8219
|
+
--item-background:var(--list-v2-drop-target-background);
|
|
8220
|
+
}
|
|
8221
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target] .bp_base_grid_list_item_module_listV2Divider--1ce37{
|
|
8222
|
+
display:none;
|
|
8223
|
+
}
|
|
8224
|
+
.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target]::after,.bp_base_grid_list_item_module_listV2--1ce37 .bp_base_grid_list_item_module_listV2Item--1ce37[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8225
|
+
border:var(--list-v2-drop-target-border);
|
|
8226
|
+
border-radius:var(--list-v2-item-border-radius);
|
|
8227
|
+
content:"";
|
|
8228
|
+
inset:0;
|
|
8229
|
+
pointer-events:none;
|
|
8230
|
+
position:absolute;
|
|
8231
|
+
transform:none;
|
|
8232
|
+
}
|
|
8183
8233
|
|
|
8184
|
-
.bp_base_grid_list_item_module_staticList--
|
|
8234
|
+
.bp_base_grid_list_item_module_staticList--1ce37 .bp_base_grid_list_item_module_staticListItem--1ce37{
|
|
8185
8235
|
display:contents;
|
|
8186
8236
|
}
|
|
8187
8237
|
.bp_guided_tooltip_module_content--39841{
|