@box/blueprint-web 18.3.0 → 18.4.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 +298 -256
- package/dist/lib-esm/index.css +298 -256
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/list-item/row.d.ts +5 -0
- package/dist/lib-esm/list-item/row.js +3 -1
- 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 +5 -0
- package/package.json +3 -3
|
@@ -5830,16 +5830,16 @@
|
|
|
5830
5830
|
.bp_list_checkbox_module_checkbox--6d182[data-disabled]{
|
|
5831
5831
|
opacity:var(--checkbox-disabled-opacity);
|
|
5832
5832
|
}
|
|
5833
|
-
.bp_main_module_tableSortingContainer--
|
|
5833
|
+
.bp_main_module_tableSortingContainer--fceb8{
|
|
5834
5834
|
display:flex;
|
|
5835
5835
|
flex-direction:column;
|
|
5836
5836
|
min-width:100%;
|
|
5837
5837
|
}
|
|
5838
5838
|
|
|
5839
|
-
.bp_main_module_resizableTableContainer--
|
|
5839
|
+
.bp_main_module_resizableTableContainer--fceb8{
|
|
5840
5840
|
min-width:100%;
|
|
5841
5841
|
}
|
|
5842
|
-
.bp_main_module_resizableTableContainer--
|
|
5842
|
+
.bp_main_module_resizableTableContainer--fceb8 table{
|
|
5843
5843
|
--item-background:var(--list-item-header-background);
|
|
5844
5844
|
--outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
|
|
5845
5845
|
--outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
|
|
@@ -5850,10 +5850,10 @@
|
|
|
5850
5850
|
border-spacing:0;
|
|
5851
5851
|
width:100% !important;
|
|
5852
5852
|
}
|
|
5853
|
-
.bp_main_module_resizableTableContainer--
|
|
5853
|
+
.bp_main_module_resizableTableContainer--fceb8 .bp_main_module_resizableTable--fceb8{
|
|
5854
5854
|
table-layout:fixed !important;
|
|
5855
5855
|
}
|
|
5856
|
-
.bp_main_module_resizableTableContainer--
|
|
5856
|
+
.bp_main_module_resizableTableContainer--fceb8{
|
|
5857
5857
|
--list-item-header-background:var(--bp-surface-surface);
|
|
5858
5858
|
--list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
|
|
5859
5859
|
--list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
|
|
@@ -5901,9 +5901,16 @@
|
|
|
5901
5901
|
--list-item-row-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
5902
5902
|
--list-item-drag-opacity:0.6;
|
|
5903
5903
|
--list-item-undroppable-opacity:0.5;
|
|
5904
|
+
--list-item-row-highlight-background:var(--bp-surface-inline-notice-surface-success);
|
|
5905
|
+
--list-item-row-highlight-duration:3s;
|
|
5904
5906
|
}
|
|
5905
5907
|
|
|
5906
|
-
|
|
5908
|
+
@keyframes bp_main_module_rowHighlight--fceb8{
|
|
5909
|
+
from{
|
|
5910
|
+
background-color:var(--list-item-row-highlight-background);
|
|
5911
|
+
}
|
|
5912
|
+
}
|
|
5913
|
+
.bp_main_module_tableHeader--fceb8{
|
|
5907
5914
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5908
5915
|
font-size:var(--bp-font-size-03);
|
|
5909
5916
|
font-style:normal;
|
|
@@ -5911,7 +5918,7 @@
|
|
|
5911
5918
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5912
5919
|
line-height:var(--bp-font-line-height-02);
|
|
5913
5920
|
}
|
|
5914
|
-
:where(body.is-inter-font) .bp_main_module_tableHeader--
|
|
5921
|
+
:where(body.is-inter-font) .bp_main_module_tableHeader--fceb8{
|
|
5915
5922
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5916
5923
|
font-size:.75rem;
|
|
5917
5924
|
font-style:normal;
|
|
@@ -5922,67 +5929,67 @@
|
|
|
5922
5929
|
text-transform:none;
|
|
5923
5930
|
}
|
|
5924
5931
|
|
|
5925
|
-
.bp_main_module_tableHeader--
|
|
5932
|
+
.bp_main_module_tableHeader--fceb8 tr > th{
|
|
5926
5933
|
font-weight:var(--bp-font-weight-regular);
|
|
5927
5934
|
overflow:hidden;
|
|
5928
5935
|
padding:0;
|
|
5929
5936
|
text-overflow:ellipsis;
|
|
5930
5937
|
white-space:nowrap;
|
|
5931
5938
|
}
|
|
5932
|
-
.bp_main_module_tableHeader--
|
|
5939
|
+
.bp_main_module_tableHeader--fceb8 tr > th:first-child{
|
|
5933
5940
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5934
5941
|
}
|
|
5935
|
-
.bp_main_module_tableHeader--
|
|
5942
|
+
.bp_main_module_tableHeader--fceb8 tr > th:last-child{
|
|
5936
5943
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5937
5944
|
}
|
|
5938
|
-
.bp_main_module_tableHeader--
|
|
5945
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8{
|
|
5939
5946
|
color:var(--list-item-header-text-color-unsorted);
|
|
5940
5947
|
outline:none;
|
|
5941
5948
|
overflow:visible;
|
|
5942
5949
|
text-align:left;
|
|
5943
5950
|
}
|
|
5944
|
-
.bp_main_module_tableHeader--
|
|
5951
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8{
|
|
5945
5952
|
align-items:center;
|
|
5946
5953
|
display:flex;
|
|
5947
5954
|
flex:1 0 0;
|
|
5948
5955
|
gap:var(--list-item-header-gap);
|
|
5949
5956
|
overflow:hidden;
|
|
5950
5957
|
}
|
|
5951
|
-
.bp_main_module_tableHeader--
|
|
5958
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8 .bp_main_module_columnName--fceb8{
|
|
5952
5959
|
min-width:0;
|
|
5953
5960
|
overflow:hidden;
|
|
5954
5961
|
text-overflow:ellipsis;
|
|
5955
5962
|
white-space:nowrap;
|
|
5956
5963
|
}
|
|
5957
|
-
.bp_main_module_tableHeader--
|
|
5964
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8:focus-visible{
|
|
5958
5965
|
outline:none;
|
|
5959
5966
|
}
|
|
5960
|
-
.bp_main_module_tableHeader--
|
|
5967
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8.bp_main_module_focusVisible--fceb8{
|
|
5961
5968
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5962
5969
|
outline:var(--list-item-header-column-focus-outline);
|
|
5963
5970
|
outline-offset:var(--list-item-header-column-focus-outline-offset);
|
|
5964
5971
|
}
|
|
5965
|
-
.bp_main_module_tableHeader--
|
|
5972
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8[colspan]{
|
|
5966
5973
|
text-align:center;
|
|
5967
5974
|
}
|
|
5968
|
-
.bp_main_module_tableHeader--
|
|
5975
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_rotateArrow--fceb8{
|
|
5969
5976
|
transform:rotateX(180deg);
|
|
5970
5977
|
}
|
|
5971
|
-
.bp_main_module_tableHeader--
|
|
5978
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_sorted--fceb8{
|
|
5972
5979
|
color:var(--list-item-header-text-color-sorted);
|
|
5973
5980
|
font-weight:bold;
|
|
5974
5981
|
}
|
|
5975
|
-
.bp_main_module_tableHeader--
|
|
5982
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_sortingFlexWrapper--fceb8{
|
|
5976
5983
|
align-items:center;
|
|
5977
5984
|
display:flex;
|
|
5978
5985
|
gap:var(--list-item-header-gap);
|
|
5979
5986
|
padding:var(--list-item-header-column-padding);
|
|
5980
5987
|
position:relative;
|
|
5981
5988
|
}
|
|
5982
|
-
.bp_main_module_tableHeader--
|
|
5989
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_sortingFlexWrapper--fceb8 svg{
|
|
5983
5990
|
flex-shrink:0;
|
|
5984
5991
|
}
|
|
5985
|
-
.bp_main_module_tableHeader--
|
|
5992
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8{
|
|
5986
5993
|
background-color:var(--list-item-header-column-resizer-background-color);
|
|
5987
5994
|
flex:0 0 auto;
|
|
5988
5995
|
height:var(--list-item-header-column-resizer-height);
|
|
@@ -5991,55 +5998,55 @@
|
|
|
5991
5998
|
touch-action:none;
|
|
5992
5999
|
width:var(--list-item-header-column-resizer-width);
|
|
5993
6000
|
}
|
|
5994
|
-
.bp_main_module_tableHeader--
|
|
6001
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizable-direction=both]{
|
|
5995
6002
|
cursor:ew-resize;
|
|
5996
6003
|
}
|
|
5997
|
-
.bp_main_module_tableHeader--
|
|
6004
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizable-direction=left]{
|
|
5998
6005
|
cursor:e-resize;
|
|
5999
6006
|
}
|
|
6000
|
-
.bp_main_module_tableHeader--
|
|
6007
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizable-direction=right]{
|
|
6001
6008
|
cursor:w-resize;
|
|
6002
6009
|
}
|
|
6003
|
-
.bp_main_module_tableHeader--
|
|
6010
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-focus-visible]{
|
|
6004
6011
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
6005
6012
|
outline:var(--list-item-header-column-resizer-outline);
|
|
6006
6013
|
outline-offset:var(--list-item-header-column-resizer-outline-offset);
|
|
6007
6014
|
}
|
|
6008
|
-
.bp_main_module_tableHeader--
|
|
6015
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizing]{
|
|
6009
6016
|
background-color:var(--list-item-header-column-resizer-background-color-active);
|
|
6010
6017
|
}
|
|
6011
|
-
.bp_main_module_tableHeader--
|
|
6018
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8:last-of-type .bp_main_module_columnResizer--fceb8{
|
|
6012
6019
|
display:none;
|
|
6013
6020
|
}
|
|
6014
|
-
.bp_main_module_tableHeader--
|
|
6021
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
|
|
6015
6022
|
color:var(--list-item-header-text-color-sorted);
|
|
6016
6023
|
font-weight:bold;
|
|
6017
6024
|
}
|
|
6018
|
-
.bp_main_module_tableHeader--
|
|
6025
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8[data-focus-visible]:not([data-sort-direction]) svg{
|
|
6019
6026
|
transform:rotateX(180deg);
|
|
6020
6027
|
visibility:visible;
|
|
6021
6028
|
}
|
|
6022
6029
|
|
|
6023
|
-
.bp_main_module_dropdownHeaderContainer--
|
|
6030
|
+
.bp_main_module_dropdownHeaderContainer--fceb8{
|
|
6024
6031
|
margin-bottom:var(--list-item-dropdown-header-margin-bottom);
|
|
6025
6032
|
}
|
|
6026
6033
|
|
|
6027
|
-
.bp_main_module_column--
|
|
6034
|
+
.bp_main_module_column--fceb8.bp_main_module_droppableColumn--fceb8{
|
|
6028
6035
|
min-width:160px;
|
|
6029
6036
|
}
|
|
6030
6037
|
|
|
6031
|
-
.bp_main_module_column--
|
|
6038
|
+
.bp_main_module_column--fceb8.bp_main_module_actionColumn--fceb8{
|
|
6032
6039
|
min-width:1px;
|
|
6033
6040
|
}
|
|
6034
6041
|
|
|
6035
|
-
.bp_main_module_column--
|
|
6042
|
+
.bp_main_module_column--fceb8.bp_main_module_hiddenColumn--fceb8{
|
|
6036
6043
|
display:none;
|
|
6037
6044
|
}
|
|
6038
6045
|
|
|
6039
|
-
.bp_main_module_tableBody--
|
|
6046
|
+
.bp_main_module_tableBody--fceb8[data-empty]{
|
|
6040
6047
|
text-align:center;
|
|
6041
6048
|
}
|
|
6042
|
-
.bp_main_module_tableBody--
|
|
6049
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8{
|
|
6043
6050
|
background:var(--list-item-row-background);
|
|
6044
6051
|
border-radius:var(--list-item-row-border-radius);
|
|
6045
6052
|
color:var(--list-item-row-text-color);
|
|
@@ -6050,7 +6057,7 @@
|
|
|
6050
6057
|
position:relative;
|
|
6051
6058
|
transform:translateZ(0);
|
|
6052
6059
|
}
|
|
6053
|
-
.bp_main_module_tableBody--
|
|
6060
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8::after{
|
|
6054
6061
|
background:#0000;
|
|
6055
6062
|
border-top:var(--list-item-row-divider);
|
|
6056
6063
|
box-sizing:border-box;
|
|
@@ -6063,20 +6070,20 @@
|
|
|
6063
6070
|
width:100%;
|
|
6064
6071
|
z-index:999;
|
|
6065
6072
|
}
|
|
6066
|
-
.bp_main_module_tableBody--
|
|
6073
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true]{
|
|
6067
6074
|
--list-item-row-background:var(--list-item-row-background-selected);
|
|
6068
6075
|
}
|
|
6069
|
-
.bp_main_module_tableBody--
|
|
6076
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true]::after{
|
|
6070
6077
|
border:var(--list-item-row-background-selected-border);
|
|
6071
6078
|
border-radius:var(--list-item-row-border-radius);
|
|
6072
6079
|
}
|
|
6073
|
-
.bp_main_module_tableBody--
|
|
6080
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6074
6081
|
opacity:1;
|
|
6075
6082
|
}
|
|
6076
|
-
.bp_main_module_tableBody--
|
|
6083
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8{
|
|
6077
6084
|
display:none;
|
|
6078
6085
|
}
|
|
6079
|
-
.bp_main_module_tableBody--
|
|
6086
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8{
|
|
6080
6087
|
max-width:0;
|
|
6081
6088
|
outline:none;
|
|
6082
6089
|
overflow:hidden;
|
|
@@ -6086,25 +6093,25 @@
|
|
|
6086
6093
|
transform:translateZ(0);
|
|
6087
6094
|
white-space:nowrap;
|
|
6088
6095
|
}
|
|
6089
|
-
.bp_main_module_tableBody--
|
|
6096
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8[data-focus-visible]{
|
|
6090
6097
|
outline:var(--list-item-cell-focus-outline);
|
|
6091
6098
|
outline-offset:var(--list-item-cell-focus-outline-offset);
|
|
6092
6099
|
position:relative;
|
|
6093
6100
|
}
|
|
6094
|
-
.bp_main_module_tableBody--
|
|
6101
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8:first-child{
|
|
6095
6102
|
border-radius:var(--list-item-first-column-item-radius);
|
|
6096
6103
|
}
|
|
6097
|
-
.bp_main_module_tableBody--
|
|
6104
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8:last-child{
|
|
6098
6105
|
border-radius:var(--list-item-last-column-item-radius);
|
|
6099
6106
|
}
|
|
6100
|
-
.bp_main_module_tableBody--
|
|
6107
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8.bp_main_module_actions--fceb8{
|
|
6101
6108
|
overflow:unset;
|
|
6102
6109
|
padding:0;
|
|
6103
6110
|
position:sticky;
|
|
6104
6111
|
right:0;
|
|
6105
6112
|
width:var(--list-item-cell-actions-width);
|
|
6106
6113
|
}
|
|
6107
|
-
.bp_main_module_tableBody--
|
|
6114
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6108
6115
|
align-items:center;
|
|
6109
6116
|
background:var(--list-item-row-background);
|
|
6110
6117
|
bottom:0;
|
|
@@ -6118,7 +6125,7 @@
|
|
|
6118
6125
|
right:var(--list-item-cell-actions-right-offset);
|
|
6119
6126
|
top:0;
|
|
6120
6127
|
}
|
|
6121
|
-
.bp_main_module_tableBody--
|
|
6128
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8::before{
|
|
6122
6129
|
background:linear-gradient(to left, var(--list-item-row-background), #0000);
|
|
6123
6130
|
bottom:0;
|
|
6124
6131
|
content:"";
|
|
@@ -6129,93 +6136,101 @@
|
|
|
6129
6136
|
width:var(--list-item-cell-actions-fade-width);
|
|
6130
6137
|
z-index:0;
|
|
6131
6138
|
}
|
|
6132
|
-
.bp_main_module_tableBody--
|
|
6139
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8.bp_main_module_alwaysShowSelection--fceb8{
|
|
6133
6140
|
opacity:1;
|
|
6134
6141
|
}
|
|
6135
|
-
.bp_main_module_tableBody--
|
|
6142
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8.bp_main_module_alwaysShowSelection--fceb8 .bp_main_module_actionChildren--fceb8{
|
|
6136
6143
|
display:none;
|
|
6137
6144
|
}
|
|
6138
|
-
.bp_main_module_tableBody--
|
|
6145
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8[data-state=open]{
|
|
6139
6146
|
opacity:1;
|
|
6140
6147
|
}
|
|
6141
|
-
.bp_main_module_tableBody--
|
|
6148
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8[data-state=open] .bp_main_module_actionChildren--fceb8{
|
|
6142
6149
|
display:block;
|
|
6143
6150
|
}
|
|
6144
|
-
.bp_main_module_tableBody--
|
|
6151
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8.bp_main_module_isCellHidden--fceb8{
|
|
6145
6152
|
display:none;
|
|
6146
6153
|
}
|
|
6147
|
-
.bp_main_module_tableBody--
|
|
6154
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6155
|
+
animation:bp_main_module_rowHighlight--fceb8 var(--list-item-row-highlight-duration) ease-out;
|
|
6156
|
+
}
|
|
6157
|
+
@media (prefers-reduced-motion: reduce){
|
|
6158
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6159
|
+
animation-timing-function:step-end;
|
|
6160
|
+
}
|
|
6161
|
+
}
|
|
6162
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-dragging]{
|
|
6148
6163
|
opacity:var(--list-item-drag-opacity);
|
|
6149
6164
|
transform:translateZ(0);
|
|
6150
6165
|
}
|
|
6151
|
-
.bp_main_module_tableBody--
|
|
6166
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]{
|
|
6152
6167
|
outline:var(--list-item-row-focus-outline);
|
|
6153
6168
|
outline-offset:var(--list-item-row-focus-outline-offset);
|
|
6154
6169
|
}
|
|
6155
|
-
.bp_main_module_tableBody--
|
|
6170
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible][aria-selected=true]{
|
|
6156
6171
|
background:var(--list-item-row-background);
|
|
6157
6172
|
outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
|
|
6158
6173
|
}
|
|
6159
|
-
.bp_main_module_tableBody--
|
|
6174
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:last-child::after{
|
|
6160
6175
|
border-bottom:var(--border-1) solid var(--gray-10);
|
|
6161
6176
|
}
|
|
6162
|
-
.bp_main_module_tableBody--
|
|
6177
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:last-child[aria-selected=true]::after{
|
|
6163
6178
|
border-bottom:var(--list-item-row-background-selected-border);
|
|
6164
6179
|
}
|
|
6165
|
-
.bp_main_module_tableBody--
|
|
6180
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]),.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible],.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]{
|
|
6166
6181
|
z-index:1;
|
|
6167
6182
|
}
|
|
6168
|
-
.bp_main_module_tableBody--
|
|
6183
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]:not([aria-selected=true])::after{
|
|
6169
6184
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6170
6185
|
border-radius:var(--list-item-border-radius);
|
|
6171
6186
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6172
6187
|
box-shadow:var(--dropshadow-2);
|
|
6173
6188
|
}
|
|
6174
|
-
.bp_main_module_tableBody--
|
|
6189
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]:last-child:not([aria-selected=true])::after{
|
|
6175
6190
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6176
6191
|
}
|
|
6177
|
-
.bp_main_module_tableBody--
|
|
6192
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
|
|
6178
6193
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6179
6194
|
}
|
|
6180
|
-
.bp_main_module_tableBody--
|
|
6195
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within[data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within[data-pressed] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered][data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered][data-pressed] .bp_main_module_actionsWrapper--fceb8{
|
|
6181
6196
|
opacity:1;
|
|
6182
6197
|
}
|
|
6183
|
-
.bp_main_module_tableBody--
|
|
6198
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
|
|
6184
6199
|
border:var(--list-item-row-border-hover);
|
|
6185
6200
|
border-radius:var(--list-item-border-radius);
|
|
6186
6201
|
}
|
|
6187
|
-
.bp_main_module_tableBody--
|
|
6202
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]) .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6188
6203
|
opacity:1;
|
|
6189
6204
|
}
|
|
6190
|
-
.bp_main_module_tableBody--
|
|
6205
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]) .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8{
|
|
6191
6206
|
display:block;
|
|
6192
6207
|
}
|
|
6193
|
-
.bp_main_module_tableBody--
|
|
6208
|
+
.bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8:not(.bp_main_module_droppableTarget--fceb8){
|
|
6194
6209
|
opacity:var(--list-item-undroppable-opacity);
|
|
6195
6210
|
}
|
|
6196
|
-
.bp_main_module_tableBody--
|
|
6211
|
+
.bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-dragging]{
|
|
6197
6212
|
opacity:var(--list-item-drag-opacity);
|
|
6198
6213
|
}
|
|
6199
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6214
|
+
.bp_main_module_rowDraggingHighlighted--fceb8 .bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-drop-target]{
|
|
6200
6215
|
--list-item-row-background:var(--list-item-row-drop-target-background);
|
|
6201
6216
|
}
|
|
6202
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6217
|
+
.bp_main_module_rowDraggingHighlighted--fceb8 .bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-drop-target]::after{
|
|
6203
6218
|
border:var(--list-item-row-drop-target-border);
|
|
6204
6219
|
border-radius:var(--list-item-row-border-radius);
|
|
6205
6220
|
box-shadow:none;
|
|
6206
6221
|
}
|
|
6207
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6222
|
+
.bp_main_module_rowDraggingHighlighted--fceb8 .bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-dragging][aria-selected=true]::after{
|
|
6208
6223
|
border:var(--list-item-row-background-selected-border);
|
|
6209
6224
|
border-radius:var(--list-item-row-border-radius);
|
|
6210
6225
|
box-shadow:none;
|
|
6211
6226
|
}
|
|
6212
6227
|
@supports selector(:has(*)){
|
|
6213
|
-
.bp_main_module_row--
|
|
6228
|
+
.bp_main_module_row--fceb8[aria-selected=true] + .bp_main_module_dropIndicator--fceb8 + [aria-selected=true]::after,.bp_main_module_row--fceb8[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fceb8:first-child,.bp_main_module_row--fceb8[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fceb8:last-child,.bp_main_module_row--fceb8[aria-selected=true] + [aria-selected=true]::after{
|
|
6214
6229
|
border-start-end-radius:0;
|
|
6215
6230
|
border-start-start-radius:0;
|
|
6216
6231
|
border-top-width:var(--border-1);
|
|
6217
6232
|
}
|
|
6218
|
-
.bp_main_module_row--
|
|
6233
|
+
.bp_main_module_row--fceb8[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fceb8 + [aria-selected=true]) .bp_main_module_cell--fceb8:last-child,.bp_main_module_row--fceb8[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fceb8 + [aria-selected=true])::after,.bp_main_module_row--fceb8[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--fceb8:first-child,.bp_main_module_row--fceb8[aria-selected=true]:has(+ [aria-selected=true])::after{
|
|
6219
6234
|
border-bottom-width:var(--border-1);
|
|
6220
6235
|
border-end-end-radius:0;
|
|
6221
6236
|
border-end-start-radius:0;
|
|
@@ -6955,7 +6970,7 @@
|
|
|
6955
6970
|
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
6956
6971
|
fill:currentcolor;
|
|
6957
6972
|
}
|
|
6958
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6973
|
+
.bp_base_grid_list_item_module_smallList--c86e5{
|
|
6959
6974
|
--small-list-gap:var(--bp-space-020);
|
|
6960
6975
|
--small-list-padding:initial;
|
|
6961
6976
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6988,7 +7003,7 @@
|
|
|
6988
7003
|
padding:var(--small-list-padding);
|
|
6989
7004
|
width:auto;
|
|
6990
7005
|
}
|
|
6991
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7006
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5{
|
|
6992
7007
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6993
7008
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6994
7009
|
--item-background:var(--small-list-item-background);
|
|
@@ -7007,11 +7022,11 @@
|
|
|
7007
7022
|
transform:translateZ(0);
|
|
7008
7023
|
width:auto;
|
|
7009
7024
|
}
|
|
7010
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7025
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7011
7026
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
7012
7027
|
grid-template-rows:100% 0;
|
|
7013
7028
|
}
|
|
7014
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7029
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7015
7030
|
align-items:center;
|
|
7016
7031
|
aspect-ratio:1;
|
|
7017
7032
|
display:flex;
|
|
@@ -7020,13 +7035,13 @@
|
|
|
7020
7035
|
overflow:hidden;
|
|
7021
7036
|
z-index:1;
|
|
7022
7037
|
}
|
|
7023
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7038
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_thumbnailContent--c86e5 img,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_thumbnailContent--c86e5 svg{
|
|
7024
7039
|
height:100%;
|
|
7025
7040
|
object-fit:cover;
|
|
7026
7041
|
object-position:left;
|
|
7027
7042
|
width:100%;
|
|
7028
7043
|
}
|
|
7029
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7044
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7030
7045
|
color:var(--small-list-header-color);
|
|
7031
7046
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7032
7047
|
font-size:var(--bp-font-size-05);
|
|
@@ -7036,7 +7051,7 @@
|
|
|
7036
7051
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7037
7052
|
line-height:var(--bp-font-line-height-04);
|
|
7038
7053
|
}
|
|
7039
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7054
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7040
7055
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7041
7056
|
font-size:.875rem;
|
|
7042
7057
|
font-style:normal;
|
|
@@ -7047,11 +7062,11 @@
|
|
|
7047
7062
|
text-transform:none;
|
|
7048
7063
|
}
|
|
7049
7064
|
|
|
7050
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7065
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7051
7066
|
align-items:center;
|
|
7052
7067
|
display:flex;
|
|
7053
7068
|
}
|
|
7054
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7069
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7055
7070
|
color:var(--small-list-subtitle-color);
|
|
7056
7071
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7057
7072
|
font-size:var(--bp-font-size-03);
|
|
@@ -7061,7 +7076,7 @@
|
|
|
7061
7076
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7062
7077
|
line-height:var(--bp-font-line-height-02);
|
|
7063
7078
|
}
|
|
7064
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7079
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7065
7080
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7066
7081
|
font-size:.75rem;
|
|
7067
7082
|
font-style:normal;
|
|
@@ -7072,17 +7087,17 @@
|
|
|
7072
7087
|
text-transform:none;
|
|
7073
7088
|
}
|
|
7074
7089
|
|
|
7075
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7090
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7076
7091
|
display:inline-block;
|
|
7077
7092
|
overflow:hidden;
|
|
7078
7093
|
text-overflow:ellipsis;
|
|
7079
7094
|
white-space:nowrap;
|
|
7080
7095
|
}
|
|
7081
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7096
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5:not(:has(.bp_base_grid_list_item_module_header--c86e5)),.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5:not(:has(.bp_base_grid_list_item_module_subtitle--c86e5)){
|
|
7082
7097
|
grid-template-rows:100% 0;
|
|
7083
7098
|
row-gap:0;
|
|
7084
7099
|
}
|
|
7085
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7100
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7086
7101
|
align-items:center;
|
|
7087
7102
|
display:flex;
|
|
7088
7103
|
grid-area:actions;
|
|
@@ -7092,11 +7107,11 @@
|
|
|
7092
7107
|
padding-right:0;
|
|
7093
7108
|
}
|
|
7094
7109
|
@media (pointer: coarse){
|
|
7095
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7110
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7096
7111
|
--actions-opacity:1;
|
|
7097
7112
|
}
|
|
7098
7113
|
}
|
|
7099
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7114
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7100
7115
|
align-items:center;
|
|
7101
7116
|
background:var(--item-background);
|
|
7102
7117
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -7105,10 +7120,10 @@
|
|
|
7105
7120
|
justify-content:center;
|
|
7106
7121
|
width:var(--small-list-selection-width);
|
|
7107
7122
|
}
|
|
7108
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7123
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7109
7124
|
background:var(--small-list-selection-hover-background);
|
|
7110
7125
|
}
|
|
7111
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7126
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7112
7127
|
align-items:center;
|
|
7113
7128
|
border-radius:var(--small-list-inner-border-radius);
|
|
7114
7129
|
display:flex;
|
|
@@ -7116,17 +7131,17 @@
|
|
|
7116
7131
|
justify-content:flex-end;
|
|
7117
7132
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
7118
7133
|
}
|
|
7119
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7134
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5:last-child{
|
|
7120
7135
|
margin-inline-end:0;
|
|
7121
7136
|
}
|
|
7122
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7137
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--c86e5{
|
|
7123
7138
|
display:flex;
|
|
7124
7139
|
}
|
|
7125
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7140
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5:hover,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-focused],.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-hovered]{
|
|
7126
7141
|
--actions-opacity:1;
|
|
7127
7142
|
background:var(--item-hover);
|
|
7128
7143
|
}
|
|
7129
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7144
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-active-item]::before,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-focus-visible]::before{
|
|
7130
7145
|
--actions-opacity:1;
|
|
7131
7146
|
border-radius:var(--small-list-focus-outline-radius);
|
|
7132
7147
|
content:"";
|
|
@@ -7140,7 +7155,7 @@
|
|
|
7140
7155
|
width:100%;
|
|
7141
7156
|
}
|
|
7142
7157
|
|
|
7143
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7158
|
+
.bp_base_grid_list_item_module_largeList--c86e5{
|
|
7144
7159
|
--large-list-gap:var(--bp-space-005);
|
|
7145
7160
|
--large-list-padding:var(--bp-space-010);
|
|
7146
7161
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -7198,7 +7213,7 @@
|
|
|
7198
7213
|
overflow:auto;
|
|
7199
7214
|
padding:var(--large-list-padding);
|
|
7200
7215
|
}
|
|
7201
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7216
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5{
|
|
7202
7217
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
7203
7218
|
--actions-opacity:0;
|
|
7204
7219
|
--item-background:var(--large-list-item-background);
|
|
@@ -7214,18 +7229,18 @@
|
|
|
7214
7229
|
position:relative;
|
|
7215
7230
|
transform:translateZ(0);
|
|
7216
7231
|
}
|
|
7217
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7232
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7218
7233
|
grid-template-rows:1fr 1fr 1fr;
|
|
7219
7234
|
}
|
|
7220
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7235
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:focus-within{
|
|
7221
7236
|
--actions-opacity:1;
|
|
7222
7237
|
}
|
|
7223
7238
|
@media (max-width: 374px){
|
|
7224
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7239
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5{
|
|
7225
7240
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
7226
7241
|
}
|
|
7227
7242
|
}
|
|
7228
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7243
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7229
7244
|
aspect-ratio:4/3;
|
|
7230
7245
|
border:var(--large-list-item-thumbnail-border);
|
|
7231
7246
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -7233,24 +7248,24 @@
|
|
|
7233
7248
|
overflow:hidden;
|
|
7234
7249
|
z-index:1;
|
|
7235
7250
|
}
|
|
7236
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7251
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7237
7252
|
height:100%;
|
|
7238
7253
|
object-fit:cover;
|
|
7239
7254
|
object-position:left;
|
|
7240
7255
|
width:100%;
|
|
7241
7256
|
}
|
|
7242
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7257
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7243
7258
|
border:none;
|
|
7244
7259
|
}
|
|
7245
7260
|
@media (max-width: 374px){
|
|
7246
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7261
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7247
7262
|
aspect-ratio:1/1;
|
|
7248
7263
|
}
|
|
7249
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7264
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7250
7265
|
object-fit:contain;
|
|
7251
7266
|
}
|
|
7252
7267
|
}
|
|
7253
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7268
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7254
7269
|
align-items:center;
|
|
7255
7270
|
display:flex;
|
|
7256
7271
|
height:var(--large-list-item-actions-height);
|
|
@@ -7262,11 +7277,11 @@
|
|
|
7262
7277
|
top:var(--large-list-item-actions-top);
|
|
7263
7278
|
}
|
|
7264
7279
|
@media (pointer: coarse){
|
|
7265
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7280
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7266
7281
|
--actions-opacity:1;
|
|
7267
7282
|
}
|
|
7268
7283
|
}
|
|
7269
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7284
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7270
7285
|
align-items:center;
|
|
7271
7286
|
background:var(--item-background);
|
|
7272
7287
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -7275,15 +7290,15 @@
|
|
|
7275
7290
|
justify-content:center;
|
|
7276
7291
|
width:var(--large-list-item-selection-width);
|
|
7277
7292
|
}
|
|
7278
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7293
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7279
7294
|
background:var(--large-list-item-selection-hover-background);
|
|
7280
7295
|
}
|
|
7281
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7296
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_fade--c86e5{
|
|
7282
7297
|
align-self:stretch;
|
|
7283
7298
|
background:var(--large-list-item-fade-background);
|
|
7284
7299
|
width:var(--large-list-item-fade-width);
|
|
7285
7300
|
}
|
|
7286
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7301
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7287
7302
|
align-items:center;
|
|
7288
7303
|
background:var(--item-background);
|
|
7289
7304
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -7292,14 +7307,14 @@
|
|
|
7292
7307
|
justify-content:flex-end;
|
|
7293
7308
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
7294
7309
|
}
|
|
7295
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7310
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5:last-child{
|
|
7296
7311
|
margin-inline-end:0;
|
|
7297
7312
|
}
|
|
7298
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7313
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--c86e5{
|
|
7299
7314
|
background:var(--item-background);
|
|
7300
7315
|
display:flex;
|
|
7301
7316
|
}
|
|
7302
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7317
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7303
7318
|
align-items:center;
|
|
7304
7319
|
color:var(--large-list-item-header-color);
|
|
7305
7320
|
display:inline-flex;
|
|
@@ -7316,7 +7331,7 @@
|
|
|
7316
7331
|
text-transform:var(--body-default-semibold-text-case);
|
|
7317
7332
|
white-space:nowrap;
|
|
7318
7333
|
}
|
|
7319
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7334
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7320
7335
|
align-items:center;
|
|
7321
7336
|
color:var(--large-list-item-subtitle-color);
|
|
7322
7337
|
display:flex;
|
|
@@ -7331,7 +7346,7 @@
|
|
|
7331
7346
|
text-transform:var(--caption-default-text-case);
|
|
7332
7347
|
white-space:nowrap;
|
|
7333
7348
|
}
|
|
7334
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7349
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_description--c86e5{
|
|
7335
7350
|
-webkit-box-orient:vertical;
|
|
7336
7351
|
-webkit-line-clamp:3;
|
|
7337
7352
|
color:var(--large-list-item-description-color);
|
|
@@ -7348,12 +7363,12 @@
|
|
|
7348
7363
|
text-decoration:var(--body-default-text-decoration);
|
|
7349
7364
|
text-transform:var(--body-default-text-case);
|
|
7350
7365
|
}
|
|
7351
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7366
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_snippet--c86e5{
|
|
7352
7367
|
grid-area:description;
|
|
7353
7368
|
margin:0;
|
|
7354
7369
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
7355
7370
|
}
|
|
7356
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7371
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_snippet--c86e5 .bp_base_grid_list_item_module_snippetContent--c86e5{
|
|
7357
7372
|
-webkit-box-orient:vertical;
|
|
7358
7373
|
-webkit-line-clamp:2;
|
|
7359
7374
|
border:var(--large-list-item-snippet-border);
|
|
@@ -7372,19 +7387,19 @@
|
|
|
7372
7387
|
text-decoration:var(--body-default-text-decoration);
|
|
7373
7388
|
text-transform:var(--body-default-text-case);
|
|
7374
7389
|
}
|
|
7375
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7390
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:hover,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focused],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-hovered]{
|
|
7376
7391
|
border-radius:var(--large-list-item-border-radius);
|
|
7377
7392
|
}
|
|
7378
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7393
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:hover,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focused],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-hovered]{
|
|
7379
7394
|
--actions-opacity:1;
|
|
7380
7395
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
7381
7396
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
7382
7397
|
outline:var(--large-list-item-hover-outline);
|
|
7383
7398
|
}
|
|
7384
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7399
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:not([aria-selected=true])[data-hovered]{
|
|
7385
7400
|
--item-background:var(--large-list-item-hover-background);
|
|
7386
7401
|
}
|
|
7387
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7402
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-active-item]::before,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focus-visible]::before{
|
|
7388
7403
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
7389
7404
|
content:"";
|
|
7390
7405
|
display:block;
|
|
@@ -7396,7 +7411,7 @@
|
|
|
7396
7411
|
top:0;
|
|
7397
7412
|
width:100%;
|
|
7398
7413
|
}
|
|
7399
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7414
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]{
|
|
7400
7415
|
--actions-opacity:1;
|
|
7401
7416
|
--item-background:var(--large-list-item-selected-background);
|
|
7402
7417
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
@@ -7404,25 +7419,25 @@
|
|
|
7404
7419
|
outline:var(--large-list-item-selected-outline);
|
|
7405
7420
|
z-index:2;
|
|
7406
7421
|
}
|
|
7407
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7422
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true] .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_fade--c86e5{
|
|
7408
7423
|
background:var(--large-list-item-selected-fade-background);
|
|
7409
7424
|
}
|
|
7410
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7425
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7411
7426
|
display:none;
|
|
7412
7427
|
}
|
|
7413
7428
|
@supports selector(:has(.foo)){
|
|
7414
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7429
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--c86e5 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]:has(+ [aria-selected=true]){
|
|
7415
7430
|
border-end-end-radius:0;
|
|
7416
7431
|
border-end-start-radius:0;
|
|
7417
7432
|
}
|
|
7418
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7433
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--c86e5 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true] + [aria-selected=true]{
|
|
7419
7434
|
border-start-end-radius:0;
|
|
7420
7435
|
border-start-start-radius:0;
|
|
7421
7436
|
border-top:none;
|
|
7422
7437
|
}
|
|
7423
7438
|
}
|
|
7424
7439
|
|
|
7425
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7440
|
+
.bp_base_grid_list_item_module_gridList--c86e5{
|
|
7426
7441
|
--grid-list-minimum-item-width:188px;
|
|
7427
7442
|
--grid-list-gap:var(--bp-space-040);
|
|
7428
7443
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -7471,7 +7486,7 @@
|
|
|
7471
7486
|
overflow:auto;
|
|
7472
7487
|
padding:var(--grid-list-padding);
|
|
7473
7488
|
}
|
|
7474
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7489
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5{
|
|
7475
7490
|
--actions-opacity:0;
|
|
7476
7491
|
--item-background:var(--grid-list-item-background);
|
|
7477
7492
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -7489,15 +7504,15 @@
|
|
|
7489
7504
|
row-gap:var(--row-gap);
|
|
7490
7505
|
transform:translateZ(0);
|
|
7491
7506
|
}
|
|
7492
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7507
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5:focus-within{
|
|
7493
7508
|
--actions-opacity:1;
|
|
7494
7509
|
}
|
|
7495
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7510
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_statusPin--c86e5{
|
|
7496
7511
|
left:var(--grid-list-item-status-pin-left);
|
|
7497
7512
|
position:absolute;
|
|
7498
7513
|
top:var(--grid-list-item-status-pin-top);
|
|
7499
7514
|
}
|
|
7500
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7515
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7501
7516
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
7502
7517
|
background:var(--grid-list-thumbnail-background);
|
|
7503
7518
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -7505,25 +7520,25 @@
|
|
|
7505
7520
|
grid-area:thumbnail;
|
|
7506
7521
|
overflow:hidden;
|
|
7507
7522
|
}
|
|
7508
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7523
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7509
7524
|
height:100%;
|
|
7510
7525
|
object-fit:contain;
|
|
7511
7526
|
width:100%;
|
|
7512
7527
|
}
|
|
7513
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7528
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7514
7529
|
border:none;
|
|
7515
7530
|
}
|
|
7516
7531
|
@media (pointer: coarse){
|
|
7517
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7532
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7518
7533
|
margin-block-end:var(--space-1);
|
|
7519
7534
|
}
|
|
7520
7535
|
}
|
|
7521
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7536
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7522
7537
|
grid-area:subtitle;
|
|
7523
7538
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
7524
7539
|
opacity:var(--actions-opacity);
|
|
7525
7540
|
}
|
|
7526
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7541
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7527
7542
|
align-items:center;
|
|
7528
7543
|
border-radius:var(--grid-list-selection-border-radius);
|
|
7529
7544
|
display:flex;
|
|
@@ -7534,10 +7549,10 @@
|
|
|
7534
7549
|
top:var(--grid-list-selection-top);
|
|
7535
7550
|
width:var(--grid-list-selection-width);
|
|
7536
7551
|
}
|
|
7537
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7552
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7538
7553
|
background:var(--grid-list-selection-hover-background);
|
|
7539
7554
|
}
|
|
7540
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7555
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7541
7556
|
align-items:center;
|
|
7542
7557
|
background:var(--item-background);
|
|
7543
7558
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -7546,12 +7561,12 @@
|
|
|
7546
7561
|
justify-content:center;
|
|
7547
7562
|
}
|
|
7548
7563
|
@media (pointer: coarse){
|
|
7549
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7564
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7550
7565
|
grid-area:actions;
|
|
7551
7566
|
margin-block-start:0;
|
|
7552
7567
|
}
|
|
7553
7568
|
}
|
|
7554
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7569
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7555
7570
|
color:var(--grid-list-header-color);
|
|
7556
7571
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7557
7572
|
font-size:var(--bp-font-size-05);
|
|
@@ -7564,7 +7579,7 @@
|
|
|
7564
7579
|
overflow-wrap:anywhere;
|
|
7565
7580
|
text-align:center;
|
|
7566
7581
|
}
|
|
7567
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7582
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7568
7583
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7569
7584
|
font-size:.875rem;
|
|
7570
7585
|
font-style:normal;
|
|
@@ -7575,17 +7590,17 @@
|
|
|
7575
7590
|
text-transform:none;
|
|
7576
7591
|
}
|
|
7577
7592
|
|
|
7578
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7593
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7579
7594
|
align-items:center;
|
|
7580
7595
|
display:flex;
|
|
7581
7596
|
}
|
|
7582
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7597
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7583
7598
|
-webkit-box-orient:vertical;
|
|
7584
7599
|
-webkit-line-clamp:2;
|
|
7585
7600
|
display:-webkit-box;
|
|
7586
7601
|
overflow:hidden;
|
|
7587
7602
|
}
|
|
7588
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7603
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7589
7604
|
color:var(--grid-list-subtitle-color);
|
|
7590
7605
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7591
7606
|
font-size:var(--bp-font-size-03);
|
|
@@ -7600,7 +7615,7 @@
|
|
|
7600
7615
|
text-overflow:ellipsis;
|
|
7601
7616
|
white-space:nowrap;
|
|
7602
7617
|
}
|
|
7603
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7618
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7604
7619
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7605
7620
|
font-size:.75rem;
|
|
7606
7621
|
font-style:normal;
|
|
@@ -7611,16 +7626,16 @@
|
|
|
7611
7626
|
text-transform:none;
|
|
7612
7627
|
}
|
|
7613
7628
|
|
|
7614
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7629
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7615
7630
|
height:var(--grid-list-subtitle-loading-height);
|
|
7616
7631
|
}
|
|
7617
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7632
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5:hover,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focused],.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-hovered]{
|
|
7618
7633
|
--actions-opacity:1;
|
|
7619
7634
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
7620
7635
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
7621
7636
|
outline:var(--grid-list-item-hover-outline);
|
|
7622
7637
|
}
|
|
7623
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7638
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-active-item]::before,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focus-visible]::before{
|
|
7624
7639
|
border-radius:var(--grid-list-item-border-radius);
|
|
7625
7640
|
content:"";
|
|
7626
7641
|
display:block;
|
|
@@ -7632,7 +7647,7 @@
|
|
|
7632
7647
|
top:0;
|
|
7633
7648
|
width:100%;
|
|
7634
7649
|
}
|
|
7635
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7650
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-active-item]::after,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focus-visible]::after{
|
|
7636
7651
|
border-radius:var(--grid-list-item-border-radius);
|
|
7637
7652
|
content:"";
|
|
7638
7653
|
display:block;
|
|
@@ -7644,16 +7659,16 @@
|
|
|
7644
7659
|
top:0;
|
|
7645
7660
|
width:100%;
|
|
7646
7661
|
}
|
|
7647
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7662
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[aria-selected=true]{
|
|
7648
7663
|
--actions-opacity:1;
|
|
7649
7664
|
--item-background:var(--grid-list-item-selected-background);
|
|
7650
7665
|
outline:var(--grid-list-item-selected-outline);
|
|
7651
7666
|
}
|
|
7652
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7667
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--c86e5) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7653
7668
|
opacity:0;
|
|
7654
7669
|
}
|
|
7655
7670
|
@media (pointer: coarse){
|
|
7656
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7671
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5{
|
|
7657
7672
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
7658
7673
|
--actions-opacity:1;
|
|
7659
7674
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -7661,7 +7676,7 @@
|
|
|
7661
7676
|
}
|
|
7662
7677
|
}
|
|
7663
7678
|
|
|
7664
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7679
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5{
|
|
7665
7680
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
7666
7681
|
--tooltip-offset:var(--bp-space-020);
|
|
7667
7682
|
--tooltip-arrow-display:none;
|
|
@@ -7688,27 +7703,32 @@
|
|
|
7688
7703
|
text-transform:var(--body-default-text-case);
|
|
7689
7704
|
z-index:var(--z-index-tooltip);
|
|
7690
7705
|
}
|
|
7691
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7706
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5 .bp_base_grid_list_item_module_tooltipArrow--c86e5 svg{
|
|
7692
7707
|
display:var(--tooltip-arrow-display);
|
|
7693
7708
|
height:.5rem;
|
|
7694
7709
|
width:1rem;
|
|
7695
7710
|
}
|
|
7696
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7711
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=top]{
|
|
7697
7712
|
margin-block-end:var(--tooltip-offset);
|
|
7698
7713
|
}
|
|
7699
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7714
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--c86e5 svg{
|
|
7700
7715
|
transform:rotate(180deg);
|
|
7701
7716
|
}
|
|
7702
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7717
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=bottom]{
|
|
7703
7718
|
margin-block-start:var(--tooltip-offset);
|
|
7704
7719
|
}
|
|
7705
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7720
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=right]{
|
|
7706
7721
|
margin-inline-start:var(--tooltip-offset);
|
|
7707
7722
|
}
|
|
7708
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7723
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=left]{
|
|
7709
7724
|
margin-inline-end:var(--tooltip-offset);
|
|
7710
7725
|
}
|
|
7711
|
-
|
|
7726
|
+
@keyframes bp_base_grid_list_item_module_itemHighlight--c86e5{
|
|
7727
|
+
from{
|
|
7728
|
+
background-color:var(--item-highlight-background);
|
|
7729
|
+
}
|
|
7730
|
+
}
|
|
7731
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5{
|
|
7712
7732
|
--grid-v2-gap:var(--bp-space-020);
|
|
7713
7733
|
--grid-v2-padding:0;
|
|
7714
7734
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -7756,6 +7776,8 @@
|
|
|
7756
7776
|
--grid-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7757
7777
|
--grid-v2-drag-opacity:0.6;
|
|
7758
7778
|
--grid-v2-undroppable-opacity:0.5;
|
|
7779
|
+
--grid-v2-highlight-background:var(--bp-surface-inline-notice-surface-success);
|
|
7780
|
+
--grid-v2-highlight-duration:3s;
|
|
7759
7781
|
box-sizing:border-box;
|
|
7760
7782
|
display:grid;
|
|
7761
7783
|
gap:var(--grid-v2-gap);
|
|
@@ -7765,13 +7787,13 @@
|
|
|
7765
7787
|
overflow:auto;
|
|
7766
7788
|
padding:var(--grid-v2-padding) 0;
|
|
7767
7789
|
}
|
|
7768
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7790
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5:has(.bp_base_grid_list_item_module_gridListV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--c86e5:not(.bp_base_grid_list_item_module_droppableTarget--c86e5){
|
|
7769
7791
|
opacity:var(--grid-v2-undroppable-opacity);
|
|
7770
7792
|
}
|
|
7771
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7793
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5:has(.bp_base_grid_list_item_module_gridListV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-dragging]{
|
|
7772
7794
|
opacity:var(--grid-v2-drag-opacity);
|
|
7773
7795
|
}
|
|
7774
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7796
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5{
|
|
7775
7797
|
--actions-opacity:0;
|
|
7776
7798
|
--subtitle-opacity:1;
|
|
7777
7799
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7789,20 +7811,20 @@
|
|
|
7789
7811
|
position:relative;
|
|
7790
7812
|
transform:translateZ(0);
|
|
7791
7813
|
}
|
|
7792
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7814
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5:focus-within{
|
|
7793
7815
|
--actions-opacity:1;
|
|
7794
7816
|
--subtitle-opacity:0;
|
|
7795
7817
|
}
|
|
7796
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7818
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5:focus-within{
|
|
7797
7819
|
--subtitle-opacity:1;
|
|
7798
7820
|
}
|
|
7799
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7821
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_statusPin--c86e5{
|
|
7800
7822
|
left:var(--grid-v2-item-status-pin-left);
|
|
7801
7823
|
position:absolute;
|
|
7802
7824
|
top:var(--grid-v2-item-status-pin-top);
|
|
7803
7825
|
transition:transform .15s ease-out;
|
|
7804
7826
|
}
|
|
7805
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7827
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7806
7828
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7807
7829
|
background:var(--grid-v2-thumbnail-background);
|
|
7808
7830
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7812,28 +7834,28 @@
|
|
|
7812
7834
|
position:relative;
|
|
7813
7835
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7814
7836
|
}
|
|
7815
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7837
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7816
7838
|
height:100%;
|
|
7817
7839
|
max-height:none;
|
|
7818
7840
|
max-width:none;
|
|
7819
7841
|
object-fit:cover;
|
|
7820
7842
|
width:100%;
|
|
7821
7843
|
}
|
|
7822
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7844
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img.bp_base_grid_list_item_module_isImageFile--c86e5{
|
|
7823
7845
|
object-position:center;
|
|
7824
7846
|
}
|
|
7825
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7847
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img:not(.bp_base_grid_list_item_module_isImageFile--c86e5){
|
|
7826
7848
|
object-position:top left;
|
|
7827
7849
|
}
|
|
7828
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7850
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7829
7851
|
border:none;
|
|
7830
7852
|
}
|
|
7831
7853
|
@media (pointer: coarse){
|
|
7832
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7854
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7833
7855
|
margin-block-end:var(--bp-space-010);
|
|
7834
7856
|
}
|
|
7835
7857
|
}
|
|
7836
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7858
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_thumbnailBadges--c86e5{
|
|
7837
7859
|
align-items:center;
|
|
7838
7860
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7839
7861
|
display:flex;
|
|
@@ -7841,12 +7863,12 @@
|
|
|
7841
7863
|
position:absolute;
|
|
7842
7864
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7843
7865
|
}
|
|
7844
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7866
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5{
|
|
7845
7867
|
align-items:center;
|
|
7846
7868
|
display:flex;
|
|
7847
7869
|
justify-content:center;
|
|
7848
7870
|
}
|
|
7849
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7871
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_fileTypePill--c86e5{
|
|
7850
7872
|
background:var(--grid-v2-file-type-pill-background);
|
|
7851
7873
|
border:var(--grid-v2-file-type-pill-border);
|
|
7852
7874
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7855,13 +7877,13 @@
|
|
|
7855
7877
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7856
7878
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7857
7879
|
}
|
|
7858
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7880
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7859
7881
|
grid-area:subtitle;
|
|
7860
7882
|
margin-top:.25rem;
|
|
7861
7883
|
opacity:var(--actions-opacity);
|
|
7862
7884
|
transition:opacity .15s ease-out;
|
|
7863
7885
|
}
|
|
7864
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7886
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7865
7887
|
align-items:center;
|
|
7866
7888
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7867
7889
|
display:flex;
|
|
@@ -7873,25 +7895,25 @@
|
|
|
7873
7895
|
transition:transform .15s ease-out;
|
|
7874
7896
|
width:var(--grid-v2-selection-width);
|
|
7875
7897
|
}
|
|
7876
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7898
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7877
7899
|
background:var(--grid-v2-selection-hover-background);
|
|
7878
7900
|
}
|
|
7879
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7901
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7880
7902
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7881
7903
|
display:flex;
|
|
7882
7904
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7883
7905
|
padding-inline-start:.25rem;
|
|
7884
7906
|
}
|
|
7885
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7907
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5{
|
|
7886
7908
|
--actions-opacity:1;
|
|
7887
7909
|
}
|
|
7888
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7910
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7889
7911
|
display:none;
|
|
7890
7912
|
}
|
|
7891
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7913
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7892
7914
|
padding-inline-start:.25rem;
|
|
7893
7915
|
}
|
|
7894
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7916
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7895
7917
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7896
7918
|
font-size:var(--bp-font-size-05);
|
|
7897
7919
|
font-style:normal;
|
|
@@ -7899,7 +7921,7 @@
|
|
|
7899
7921
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7900
7922
|
line-height:var(--bp-font-line-height-04);
|
|
7901
7923
|
}
|
|
7902
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7924
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7903
7925
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7904
7926
|
font-size:.875rem;
|
|
7905
7927
|
font-style:normal;
|
|
@@ -7910,7 +7932,7 @@
|
|
|
7910
7932
|
text-transform:none;
|
|
7911
7933
|
}
|
|
7912
7934
|
|
|
7913
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7935
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7914
7936
|
color:var(--grid-v2-header-color);
|
|
7915
7937
|
display:block;
|
|
7916
7938
|
grid-area:head;
|
|
@@ -7919,7 +7941,7 @@
|
|
|
7919
7941
|
text-overflow:ellipsis;
|
|
7920
7942
|
white-space:nowrap;
|
|
7921
7943
|
}
|
|
7922
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7944
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7923
7945
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7924
7946
|
font-size:var(--bp-font-size-04);
|
|
7925
7947
|
font-style:normal;
|
|
@@ -7927,7 +7949,7 @@
|
|
|
7927
7949
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7928
7950
|
line-height:var(--bp-font-line-height-04);
|
|
7929
7951
|
}
|
|
7930
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7952
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7931
7953
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7932
7954
|
font-size:.8125rem;
|
|
7933
7955
|
font-style:normal;
|
|
@@ -7938,7 +7960,7 @@
|
|
|
7938
7960
|
text-transform:none;
|
|
7939
7961
|
}
|
|
7940
7962
|
|
|
7941
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7963
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7942
7964
|
color:var(--grid-v2-subtitle-color);
|
|
7943
7965
|
display:block;
|
|
7944
7966
|
grid-area:subtitle;
|
|
@@ -7949,43 +7971,43 @@
|
|
|
7949
7971
|
transition:opacity .15s ease-out;
|
|
7950
7972
|
white-space:nowrap;
|
|
7951
7973
|
}
|
|
7952
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7974
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_textCentered--c86e5{
|
|
7953
7975
|
justify-content:center;
|
|
7954
7976
|
padding-inline-start:0;
|
|
7955
7977
|
text-align:center;
|
|
7956
7978
|
}
|
|
7957
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7979
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_innerCentered--c86e5{
|
|
7958
7980
|
justify-content:center;
|
|
7959
7981
|
padding-inline-start:0;
|
|
7960
7982
|
}
|
|
7961
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7983
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered]{
|
|
7962
7984
|
--actions-opacity:1;
|
|
7963
7985
|
--subtitle-opacity:0;
|
|
7964
7986
|
}
|
|
7965
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7987
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7966
7988
|
transform:translateY(-.125rem);
|
|
7967
7989
|
}
|
|
7968
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7990
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7969
7991
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7970
7992
|
}
|
|
7971
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7993
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7972
7994
|
pointer-events:none;
|
|
7973
7995
|
}
|
|
7974
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7975
|
-
.bp_base_grid_list_item_module_isItemInteracted--
|
|
7996
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5:is([data-hovered],
|
|
7997
|
+
.bp_base_grid_list_item_module_isItemInteracted--c86e5,
|
|
7976
7998
|
[data-focus-visible],
|
|
7977
7999
|
[aria-selected=true],
|
|
7978
8000
|
:focus-within,
|
|
7979
|
-
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--
|
|
8001
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7980
8002
|
display:flex;
|
|
7981
8003
|
}
|
|
7982
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8004
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-hovered]{
|
|
7983
8005
|
--subtitle-opacity:1;
|
|
7984
8006
|
}
|
|
7985
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8007
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[aria-selected=true] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-focus-visible] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-hovered] .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7986
8008
|
pointer-events:auto;
|
|
7987
8009
|
}
|
|
7988
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8010
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible]::before{
|
|
7989
8011
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7990
8012
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7991
8013
|
content:"";
|
|
@@ -7994,10 +8016,10 @@
|
|
|
7994
8016
|
position:absolute;
|
|
7995
8017
|
transform:translateY(-.125rem);
|
|
7996
8018
|
}
|
|
7997
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8019
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true]{
|
|
7998
8020
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7999
8021
|
}
|
|
8000
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8022
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true]::after{
|
|
8001
8023
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
8002
8024
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
8003
8025
|
content:"";
|
|
@@ -8006,10 +8028,19 @@
|
|
|
8006
8028
|
position:absolute;
|
|
8007
8029
|
transform:translateY(-.125rem);
|
|
8008
8030
|
}
|
|
8009
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8031
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-drop-target]{
|
|
8010
8032
|
--item-background:var(--grid-v2-drop-target-background);
|
|
8011
8033
|
}
|
|
8012
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8034
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8035
|
+
--item-highlight-background:var(--grid-v2-highlight-background);
|
|
8036
|
+
animation:bp_base_grid_list_item_module_itemHighlight--c86e5 var(--grid-v2-highlight-duration) ease-out;
|
|
8037
|
+
}
|
|
8038
|
+
@media (prefers-reduced-motion: reduce){
|
|
8039
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8040
|
+
animation-timing-function:step-end;
|
|
8041
|
+
}
|
|
8042
|
+
}
|
|
8043
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-drop-target]::after,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8013
8044
|
border:var(--grid-v2-drop-target-border);
|
|
8014
8045
|
border-radius:var(--grid-v2-item-border-radius);
|
|
8015
8046
|
content:"";
|
|
@@ -8019,25 +8050,25 @@
|
|
|
8019
8050
|
transform:none;
|
|
8020
8051
|
}
|
|
8021
8052
|
@media (pointer: coarse){
|
|
8022
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8053
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5{
|
|
8023
8054
|
--actions-opacity:1;
|
|
8024
8055
|
--subtitle-opacity:1;
|
|
8025
8056
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
8026
8057
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
8027
8058
|
}
|
|
8028
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8059
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
8029
8060
|
grid-area:actions;
|
|
8030
8061
|
}
|
|
8031
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8062
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8032
8063
|
display:flex;
|
|
8033
8064
|
}
|
|
8034
8065
|
}
|
|
8035
8066
|
|
|
8036
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
8067
|
+
.bp_base_grid_list_item_module_gridListV2Small--c86e5{
|
|
8037
8068
|
--grid-v2-min-item-width:15.625rem;
|
|
8038
8069
|
}
|
|
8039
8070
|
|
|
8040
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
8071
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--c86e5{
|
|
8041
8072
|
--grid-v2-min-item-width:8.75rem;
|
|
8042
8073
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
8043
8074
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -8046,7 +8077,7 @@
|
|
|
8046
8077
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
8047
8078
|
}
|
|
8048
8079
|
|
|
8049
|
-
.bp_base_grid_list_item_module_gridListV2XSmallBordered--
|
|
8080
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5::after{
|
|
8050
8081
|
border:var(--grid-v2-thumbnail-border);
|
|
8051
8082
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
8052
8083
|
content:"";
|
|
@@ -8055,7 +8086,7 @@
|
|
|
8055
8086
|
position:absolute;
|
|
8056
8087
|
transform:translateY(-.125rem);
|
|
8057
8088
|
}
|
|
8058
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8089
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--c86e5{
|
|
8059
8090
|
display:grid;
|
|
8060
8091
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
8061
8092
|
grid-template-columns:1fr;
|
|
@@ -8067,15 +8098,15 @@
|
|
|
8067
8098
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
8068
8099
|
}
|
|
8069
8100
|
@media (pointer: coarse){
|
|
8070
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8101
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--c86e5{
|
|
8071
8102
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
8072
8103
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
8073
8104
|
}
|
|
8074
8105
|
}
|
|
8075
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
8106
|
+
.bp_base_grid_list_item_module_listV2ClickShield--c86e5{
|
|
8076
8107
|
display:contents;
|
|
8077
8108
|
}
|
|
8078
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8109
|
+
.bp_base_grid_list_item_module_listV2--c86e5{
|
|
8079
8110
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
8080
8111
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
8081
8112
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -8114,6 +8145,8 @@
|
|
|
8114
8145
|
--list-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
8115
8146
|
--list-v2-drag-opacity:0.6;
|
|
8116
8147
|
--list-v2-undroppable-opacity:0.5;
|
|
8148
|
+
--list-v2-highlight-background:var(--bp-surface-inline-notice-surface-success);
|
|
8149
|
+
--list-v2-highlight-duration:3s;
|
|
8117
8150
|
box-sizing:border-box;
|
|
8118
8151
|
display:flex;
|
|
8119
8152
|
flex-direction:column;
|
|
@@ -8124,13 +8157,13 @@
|
|
|
8124
8157
|
padding:var(--list-v2-padding);
|
|
8125
8158
|
width:100%;
|
|
8126
8159
|
}
|
|
8127
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8160
|
+
.bp_base_grid_list_item_module_listV2--c86e5:has(.bp_base_grid_list_item_module_listV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_listV2Item--c86e5:not(.bp_base_grid_list_item_module_droppableTarget--c86e5){
|
|
8128
8161
|
opacity:var(--list-v2-undroppable-opacity);
|
|
8129
8162
|
}
|
|
8130
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8163
|
+
.bp_base_grid_list_item_module_listV2--c86e5:has(.bp_base_grid_list_item_module_listV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_listV2Item--c86e5[data-dragging]{
|
|
8131
8164
|
opacity:var(--list-v2-drag-opacity);
|
|
8132
8165
|
}
|
|
8133
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8166
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5{
|
|
8134
8167
|
--actions-opacity:0;
|
|
8135
8168
|
--item-background:var(--list-v2-item-background);
|
|
8136
8169
|
align-items:center;
|
|
@@ -8148,10 +8181,10 @@
|
|
|
8148
8181
|
position:relative;
|
|
8149
8182
|
transition:background .15s ease-out;
|
|
8150
8183
|
}
|
|
8151
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8184
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:not(:first-child){
|
|
8152
8185
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
8153
8186
|
}
|
|
8154
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8187
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_listV2Divider--c86e5{
|
|
8155
8188
|
background:var(--list-v2-divider-color);
|
|
8156
8189
|
height:.0625rem;
|
|
8157
8190
|
left:0;
|
|
@@ -8160,10 +8193,10 @@
|
|
|
8160
8193
|
right:0;
|
|
8161
8194
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
8162
8195
|
}
|
|
8163
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8196
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:first-child .bp_base_grid_list_item_module_listV2Divider--c86e5{
|
|
8164
8197
|
display:none;
|
|
8165
8198
|
}
|
|
8166
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8199
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
8167
8200
|
align-items:center;
|
|
8168
8201
|
align-self:stretch;
|
|
8169
8202
|
aspect-ratio:4/3;
|
|
@@ -8177,15 +8210,15 @@
|
|
|
8177
8210
|
position:relative;
|
|
8178
8211
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
8179
8212
|
}
|
|
8180
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8213
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 svg{
|
|
8181
8214
|
height:100%;
|
|
8182
8215
|
object-fit:cover;
|
|
8183
8216
|
width:100%;
|
|
8184
8217
|
}
|
|
8185
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8218
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
8186
8219
|
border:none;
|
|
8187
8220
|
}
|
|
8188
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8221
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_thumbnailBadges--c86e5{
|
|
8189
8222
|
align-items:center;
|
|
8190
8223
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
8191
8224
|
display:flex;
|
|
@@ -8193,17 +8226,17 @@
|
|
|
8193
8226
|
position:absolute;
|
|
8194
8227
|
right:var(--list-v2-thumbnail-badges-right);
|
|
8195
8228
|
}
|
|
8196
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8229
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5{
|
|
8197
8230
|
align-items:center;
|
|
8198
8231
|
display:flex;
|
|
8199
8232
|
justify-content:center;
|
|
8200
8233
|
}
|
|
8201
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8234
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5 img,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5 svg{
|
|
8202
8235
|
height:.875rem;
|
|
8203
8236
|
object-fit:contain;
|
|
8204
8237
|
width:.875rem;
|
|
8205
8238
|
}
|
|
8206
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8239
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_fileTypePill--c86e5{
|
|
8207
8240
|
align-items:center;
|
|
8208
8241
|
background:var(--list-v2-file-type-pill-background);
|
|
8209
8242
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -8212,7 +8245,7 @@
|
|
|
8212
8245
|
height:var(--list-v2-file-type-pill-height);
|
|
8213
8246
|
padding:var(--list-v2-file-type-pill-padding);
|
|
8214
8247
|
}
|
|
8215
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8248
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_content--c86e5{
|
|
8216
8249
|
display:flex;
|
|
8217
8250
|
flex-direction:column;
|
|
8218
8251
|
gap:var(--list-v2-content-gap);
|
|
@@ -8220,7 +8253,7 @@
|
|
|
8220
8253
|
min-width:0;
|
|
8221
8254
|
padding-right:.5rem;
|
|
8222
8255
|
}
|
|
8223
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8256
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
8224
8257
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8225
8258
|
font-size:var(--bp-font-size-05);
|
|
8226
8259
|
font-style:normal;
|
|
@@ -8228,7 +8261,7 @@
|
|
|
8228
8261
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8229
8262
|
line-height:var(--bp-font-line-height-04);
|
|
8230
8263
|
}
|
|
8231
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8264
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
8232
8265
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8233
8266
|
font-size:.875rem;
|
|
8234
8267
|
font-style:normal;
|
|
@@ -8239,14 +8272,14 @@
|
|
|
8239
8272
|
text-transform:none;
|
|
8240
8273
|
}
|
|
8241
8274
|
|
|
8242
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8275
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
8243
8276
|
color:var(--list-v2-header-color);
|
|
8244
8277
|
display:block;
|
|
8245
8278
|
overflow:hidden;
|
|
8246
8279
|
text-overflow:ellipsis;
|
|
8247
8280
|
white-space:nowrap;
|
|
8248
8281
|
}
|
|
8249
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8282
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
8250
8283
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8251
8284
|
font-size:var(--bp-font-size-04);
|
|
8252
8285
|
font-style:normal;
|
|
@@ -8254,7 +8287,7 @@
|
|
|
8254
8287
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8255
8288
|
line-height:var(--bp-font-line-height-04);
|
|
8256
8289
|
}
|
|
8257
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8290
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
8258
8291
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8259
8292
|
font-size:.8125rem;
|
|
8260
8293
|
font-style:normal;
|
|
@@ -8265,14 +8298,14 @@
|
|
|
8265
8298
|
text-transform:none;
|
|
8266
8299
|
}
|
|
8267
8300
|
|
|
8268
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8301
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
8269
8302
|
color:var(--list-v2-subtitle-color);
|
|
8270
8303
|
display:block;
|
|
8271
8304
|
overflow:hidden;
|
|
8272
8305
|
text-overflow:ellipsis;
|
|
8273
8306
|
white-space:nowrap;
|
|
8274
8307
|
}
|
|
8275
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8308
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
8276
8309
|
align-items:center;
|
|
8277
8310
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
8278
8311
|
display:flex;
|
|
@@ -8286,11 +8319,11 @@
|
|
|
8286
8319
|
transition:opacity .15s ease-out;
|
|
8287
8320
|
}
|
|
8288
8321
|
@media (pointer: coarse){
|
|
8289
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8322
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
8290
8323
|
--actions-opacity:1;
|
|
8291
8324
|
}
|
|
8292
8325
|
}
|
|
8293
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8326
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
8294
8327
|
align-items:center;
|
|
8295
8328
|
border-radius:var(--list-v2-selection-border-radius);
|
|
8296
8329
|
display:flex;
|
|
@@ -8298,49 +8331,49 @@
|
|
|
8298
8331
|
justify-content:center;
|
|
8299
8332
|
width:var(--list-v2-selection-size);
|
|
8300
8333
|
}
|
|
8301
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8334
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
8302
8335
|
background:var(--list-v2-selection-hover-background);
|
|
8303
8336
|
}
|
|
8304
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8337
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8305
8338
|
align-items:center;
|
|
8306
8339
|
display:flex;
|
|
8307
8340
|
gap:var(--list-v2-actions-gap);
|
|
8308
8341
|
}
|
|
8309
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8342
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--c86e5{
|
|
8310
8343
|
align-items:center;
|
|
8311
8344
|
display:flex;
|
|
8312
8345
|
}
|
|
8313
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8346
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5{
|
|
8314
8347
|
--actions-opacity:1;
|
|
8315
8348
|
}
|
|
8316
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8349
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8317
8350
|
display:none;
|
|
8318
8351
|
}
|
|
8319
8352
|
@media (pointer: coarse){
|
|
8320
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8353
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8321
8354
|
display:flex;
|
|
8322
8355
|
}
|
|
8323
8356
|
}
|
|
8324
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8357
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:hover,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true],.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible],.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-hovered]{
|
|
8325
8358
|
--actions-opacity:1;
|
|
8326
8359
|
}
|
|
8327
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8360
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:hover .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
8328
8361
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
8329
8362
|
transform:translateY(-.125rem);
|
|
8330
8363
|
}
|
|
8331
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8364
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:is(:hover,
|
|
8332
8365
|
[data-hovered],
|
|
8333
|
-
.bp_base_grid_list_item_module_isItemInteracted--
|
|
8366
|
+
.bp_base_grid_list_item_module_isItemInteracted--c86e5,
|
|
8334
8367
|
[data-focus-visible],
|
|
8335
8368
|
[aria-selected=true],
|
|
8336
8369
|
:focus-within,
|
|
8337
|
-
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--
|
|
8370
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8338
8371
|
display:flex;
|
|
8339
8372
|
}
|
|
8340
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8373
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:hover,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-hovered]{
|
|
8341
8374
|
--item-background:var(--list-v2-hover-background);
|
|
8342
8375
|
}
|
|
8343
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8376
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible]::before{
|
|
8344
8377
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
8345
8378
|
border-radius:var(--list-v2-focus-border-radius);
|
|
8346
8379
|
content:"";
|
|
@@ -8349,10 +8382,10 @@
|
|
|
8349
8382
|
position:absolute;
|
|
8350
8383
|
transform:translateY(-.125rem);
|
|
8351
8384
|
}
|
|
8352
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8385
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true]{
|
|
8353
8386
|
--item-background:var(--list-v2-selected-background);
|
|
8354
8387
|
}
|
|
8355
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8388
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true]::after{
|
|
8356
8389
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
8357
8390
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8358
8391
|
content:"";
|
|
@@ -8361,18 +8394,27 @@
|
|
|
8361
8394
|
position:absolute;
|
|
8362
8395
|
transform:translateY(-.125rem);
|
|
8363
8396
|
}
|
|
8364
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8397
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible][aria-selected=true]::after{
|
|
8365
8398
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8366
8399
|
inset:-.1875rem;
|
|
8367
8400
|
transform:translateY(-.125rem);
|
|
8368
8401
|
}
|
|
8369
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8402
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8403
|
+
--item-highlight-background:var(--list-v2-highlight-background);
|
|
8404
|
+
animation:bp_base_grid_list_item_module_itemHighlight--c86e5 var(--list-v2-highlight-duration) ease-out;
|
|
8405
|
+
}
|
|
8406
|
+
@media (prefers-reduced-motion: reduce){
|
|
8407
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8408
|
+
animation-timing-function:step-end;
|
|
8409
|
+
}
|
|
8410
|
+
}
|
|
8411
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target]{
|
|
8370
8412
|
--item-background:var(--list-v2-drop-target-background);
|
|
8371
8413
|
}
|
|
8372
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8414
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target] .bp_base_grid_list_item_module_listV2Divider--c86e5{
|
|
8373
8415
|
display:none;
|
|
8374
8416
|
}
|
|
8375
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8417
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target]::after,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8376
8418
|
border:var(--list-v2-drop-target-border);
|
|
8377
8419
|
border-radius:var(--list-v2-item-border-radius);
|
|
8378
8420
|
content:"";
|
|
@@ -8382,7 +8424,7 @@
|
|
|
8382
8424
|
transform:none;
|
|
8383
8425
|
}
|
|
8384
8426
|
|
|
8385
|
-
.bp_base_grid_list_item_module_staticList--
|
|
8427
|
+
.bp_base_grid_list_item_module_staticList--c86e5 .bp_base_grid_list_item_module_staticListItem--c86e5{
|
|
8386
8428
|
display:contents;
|
|
8387
8429
|
}
|
|
8388
8430
|
.bp_guided_tooltip_module_content--1247c{
|