@box/blueprint-web 18.5.6 → 18.6.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 +238 -208
- package/dist/lib-esm/index.css +238 -208
- package/dist/lib-esm/large-list-v2/index.d.ts +5 -1
- package/dist/lib-esm/large-list-v2/index.js +3 -0
- package/dist/lib-esm/large-list-v2/large-list-v2-content.d.ts +1 -1
- package/dist/lib-esm/large-list-v2/large-list-v2-content.js +1 -1
- package/dist/lib-esm/large-list-v2/large-list-v2-description.d.ts +6 -0
- package/dist/lib-esm/large-list-v2/large-list-v2-description.js +33 -0
- package/dist/lib-esm/large-list-v2/types.d.ts +2 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js +5 -5
- 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/index.d.ts +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +2 -0
- package/package.json +3 -3
|
@@ -6972,7 +6972,7 @@
|
|
|
6972
6972
|
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
6973
6973
|
fill:currentcolor;
|
|
6974
6974
|
}
|
|
6975
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6975
|
+
.bp_base_grid_list_item_module_smallList--896fb{
|
|
6976
6976
|
--small-list-gap:var(--bp-space-020);
|
|
6977
6977
|
--small-list-padding:initial;
|
|
6978
6978
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -7005,7 +7005,7 @@
|
|
|
7005
7005
|
padding:var(--small-list-padding);
|
|
7006
7006
|
width:auto;
|
|
7007
7007
|
}
|
|
7008
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7008
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb{
|
|
7009
7009
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
7010
7010
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
7011
7011
|
--item-background:var(--small-list-item-background);
|
|
@@ -7024,11 +7024,11 @@
|
|
|
7024
7024
|
transform:translateZ(0);
|
|
7025
7025
|
width:auto;
|
|
7026
7026
|
}
|
|
7027
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7027
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7028
7028
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
7029
7029
|
grid-template-rows:100% 0;
|
|
7030
7030
|
}
|
|
7031
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7031
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7032
7032
|
align-items:center;
|
|
7033
7033
|
aspect-ratio:1;
|
|
7034
7034
|
display:flex;
|
|
@@ -7037,13 +7037,13 @@
|
|
|
7037
7037
|
overflow:hidden;
|
|
7038
7038
|
z-index:1;
|
|
7039
7039
|
}
|
|
7040
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7040
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_thumbnailContent--896fb img,.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_thumbnailContent--896fb svg{
|
|
7041
7041
|
height:100%;
|
|
7042
7042
|
object-fit:cover;
|
|
7043
7043
|
object-position:left;
|
|
7044
7044
|
width:100%;
|
|
7045
7045
|
}
|
|
7046
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7046
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7047
7047
|
color:var(--small-list-header-color);
|
|
7048
7048
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7049
7049
|
font-size:var(--bp-font-size-05);
|
|
@@ -7053,7 +7053,7 @@
|
|
|
7053
7053
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7054
7054
|
line-height:var(--bp-font-line-height-04);
|
|
7055
7055
|
}
|
|
7056
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7056
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7057
7057
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7058
7058
|
font-size:.875rem;
|
|
7059
7059
|
font-style:normal;
|
|
@@ -7064,11 +7064,11 @@
|
|
|
7064
7064
|
text-transform:none;
|
|
7065
7065
|
}
|
|
7066
7066
|
|
|
7067
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7067
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_header--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7068
7068
|
align-items:center;
|
|
7069
7069
|
display:flex;
|
|
7070
7070
|
}
|
|
7071
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7071
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7072
7072
|
color:var(--small-list-subtitle-color);
|
|
7073
7073
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7074
7074
|
font-size:var(--bp-font-size-03);
|
|
@@ -7078,7 +7078,7 @@
|
|
|
7078
7078
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7079
7079
|
line-height:var(--bp-font-line-height-02);
|
|
7080
7080
|
}
|
|
7081
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7081
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7082
7082
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7083
7083
|
font-size:.75rem;
|
|
7084
7084
|
font-style:normal;
|
|
@@ -7089,17 +7089,17 @@
|
|
|
7089
7089
|
text-transform:none;
|
|
7090
7090
|
}
|
|
7091
7091
|
|
|
7092
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7092
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_header--896fb,.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7093
7093
|
display:inline-block;
|
|
7094
7094
|
overflow:hidden;
|
|
7095
7095
|
text-overflow:ellipsis;
|
|
7096
7096
|
white-space:nowrap;
|
|
7097
7097
|
}
|
|
7098
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7098
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb:not(:has(.bp_base_grid_list_item_module_header--896fb)),.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb:not(:has(.bp_base_grid_list_item_module_subtitle--896fb)){
|
|
7099
7099
|
grid-template-rows:100% 0;
|
|
7100
7100
|
row-gap:0;
|
|
7101
7101
|
}
|
|
7102
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7102
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7103
7103
|
align-items:center;
|
|
7104
7104
|
display:flex;
|
|
7105
7105
|
grid-area:actions;
|
|
@@ -7109,11 +7109,11 @@
|
|
|
7109
7109
|
padding-right:0;
|
|
7110
7110
|
}
|
|
7111
7111
|
@media (pointer: coarse){
|
|
7112
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7112
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7113
7113
|
--actions-opacity:1;
|
|
7114
7114
|
}
|
|
7115
7115
|
}
|
|
7116
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7116
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb{
|
|
7117
7117
|
align-items:center;
|
|
7118
7118
|
background:var(--item-background);
|
|
7119
7119
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -7122,10 +7122,10 @@
|
|
|
7122
7122
|
justify-content:center;
|
|
7123
7123
|
width:var(--small-list-selection-width);
|
|
7124
7124
|
}
|
|
7125
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7125
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb:hover{
|
|
7126
7126
|
background:var(--small-list-selection-hover-background);
|
|
7127
7127
|
}
|
|
7128
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7128
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7129
7129
|
align-items:center;
|
|
7130
7130
|
border-radius:var(--small-list-inner-border-radius);
|
|
7131
7131
|
display:flex;
|
|
@@ -7133,17 +7133,17 @@
|
|
|
7133
7133
|
justify-content:flex-end;
|
|
7134
7134
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
7135
7135
|
}
|
|
7136
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7136
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb:last-child{
|
|
7137
7137
|
margin-inline-end:0;
|
|
7138
7138
|
}
|
|
7139
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7139
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_actionsCheckboxWrapper--896fb{
|
|
7140
7140
|
display:flex;
|
|
7141
7141
|
}
|
|
7142
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7142
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb:hover,.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb[data-active-item],.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb[data-focus-visible],.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb[data-focused],.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb[data-hovered]{
|
|
7143
7143
|
--actions-opacity:1;
|
|
7144
7144
|
background:var(--item-hover);
|
|
7145
7145
|
}
|
|
7146
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7146
|
+
.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb[data-active-item]::before,.bp_base_grid_list_item_module_smallList--896fb .bp_base_grid_list_item_module_smallListItem--896fb[data-focus-visible]::before{
|
|
7147
7147
|
--actions-opacity:1;
|
|
7148
7148
|
border-radius:var(--small-list-focus-outline-radius);
|
|
7149
7149
|
content:"";
|
|
@@ -7157,7 +7157,7 @@
|
|
|
7157
7157
|
width:100%;
|
|
7158
7158
|
}
|
|
7159
7159
|
|
|
7160
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7160
|
+
.bp_base_grid_list_item_module_largeList--896fb{
|
|
7161
7161
|
--large-list-gap:var(--bp-space-005);
|
|
7162
7162
|
--large-list-padding:var(--bp-space-010);
|
|
7163
7163
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -7215,7 +7215,7 @@
|
|
|
7215
7215
|
overflow:auto;
|
|
7216
7216
|
padding:var(--large-list-padding);
|
|
7217
7217
|
}
|
|
7218
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7218
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb{
|
|
7219
7219
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
7220
7220
|
--actions-opacity:0;
|
|
7221
7221
|
--item-background:var(--large-list-item-background);
|
|
@@ -7231,18 +7231,18 @@
|
|
|
7231
7231
|
position:relative;
|
|
7232
7232
|
transform:translateZ(0);
|
|
7233
7233
|
}
|
|
7234
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7234
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7235
7235
|
grid-template-rows:1fr 1fr 1fr;
|
|
7236
7236
|
}
|
|
7237
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7237
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb:focus-within{
|
|
7238
7238
|
--actions-opacity:1;
|
|
7239
7239
|
}
|
|
7240
7240
|
@media (max-width: 374px){
|
|
7241
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7241
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb{
|
|
7242
7242
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
7243
7243
|
}
|
|
7244
7244
|
}
|
|
7245
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7245
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7246
7246
|
aspect-ratio:4/3;
|
|
7247
7247
|
border:var(--large-list-item-thumbnail-border);
|
|
7248
7248
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -7250,24 +7250,24 @@
|
|
|
7250
7250
|
overflow:hidden;
|
|
7251
7251
|
z-index:1;
|
|
7252
7252
|
}
|
|
7253
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7253
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb img{
|
|
7254
7254
|
height:100%;
|
|
7255
7255
|
object-fit:cover;
|
|
7256
7256
|
object-position:left;
|
|
7257
7257
|
width:100%;
|
|
7258
7258
|
}
|
|
7259
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7259
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7260
7260
|
border:none;
|
|
7261
7261
|
}
|
|
7262
7262
|
@media (max-width: 374px){
|
|
7263
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7263
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7264
7264
|
aspect-ratio:1/1;
|
|
7265
7265
|
}
|
|
7266
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7266
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb img{
|
|
7267
7267
|
object-fit:contain;
|
|
7268
7268
|
}
|
|
7269
7269
|
}
|
|
7270
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7270
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7271
7271
|
align-items:center;
|
|
7272
7272
|
display:flex;
|
|
7273
7273
|
height:var(--large-list-item-actions-height);
|
|
@@ -7279,11 +7279,11 @@
|
|
|
7279
7279
|
top:var(--large-list-item-actions-top);
|
|
7280
7280
|
}
|
|
7281
7281
|
@media (pointer: coarse){
|
|
7282
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7282
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7283
7283
|
--actions-opacity:1;
|
|
7284
7284
|
}
|
|
7285
7285
|
}
|
|
7286
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7286
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb{
|
|
7287
7287
|
align-items:center;
|
|
7288
7288
|
background:var(--item-background);
|
|
7289
7289
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -7292,15 +7292,15 @@
|
|
|
7292
7292
|
justify-content:center;
|
|
7293
7293
|
width:var(--large-list-item-selection-width);
|
|
7294
7294
|
}
|
|
7295
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7295
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb:hover{
|
|
7296
7296
|
background:var(--large-list-item-selection-hover-background);
|
|
7297
7297
|
}
|
|
7298
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7298
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_fade--896fb{
|
|
7299
7299
|
align-self:stretch;
|
|
7300
7300
|
background:var(--large-list-item-fade-background);
|
|
7301
7301
|
width:var(--large-list-item-fade-width);
|
|
7302
7302
|
}
|
|
7303
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7303
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7304
7304
|
align-items:center;
|
|
7305
7305
|
background:var(--item-background);
|
|
7306
7306
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -7309,14 +7309,14 @@
|
|
|
7309
7309
|
justify-content:flex-end;
|
|
7310
7310
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
7311
7311
|
}
|
|
7312
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7312
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb:last-child{
|
|
7313
7313
|
margin-inline-end:0;
|
|
7314
7314
|
}
|
|
7315
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7315
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_actionsCheckboxWrapper--896fb{
|
|
7316
7316
|
background:var(--item-background);
|
|
7317
7317
|
display:flex;
|
|
7318
7318
|
}
|
|
7319
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7319
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7320
7320
|
align-items:center;
|
|
7321
7321
|
color:var(--large-list-item-header-color);
|
|
7322
7322
|
display:inline-flex;
|
|
@@ -7333,7 +7333,7 @@
|
|
|
7333
7333
|
text-transform:var(--body-default-semibold-text-case);
|
|
7334
7334
|
white-space:nowrap;
|
|
7335
7335
|
}
|
|
7336
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7336
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7337
7337
|
align-items:center;
|
|
7338
7338
|
color:var(--large-list-item-subtitle-color);
|
|
7339
7339
|
display:flex;
|
|
@@ -7348,7 +7348,7 @@
|
|
|
7348
7348
|
text-transform:var(--caption-default-text-case);
|
|
7349
7349
|
white-space:nowrap;
|
|
7350
7350
|
}
|
|
7351
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7351
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_description--896fb{
|
|
7352
7352
|
-webkit-box-orient:vertical;
|
|
7353
7353
|
-webkit-line-clamp:3;
|
|
7354
7354
|
color:var(--large-list-item-description-color);
|
|
@@ -7365,12 +7365,12 @@
|
|
|
7365
7365
|
text-decoration:var(--body-default-text-decoration);
|
|
7366
7366
|
text-transform:var(--body-default-text-case);
|
|
7367
7367
|
}
|
|
7368
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7368
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_snippet--896fb{
|
|
7369
7369
|
grid-area:description;
|
|
7370
7370
|
margin:0;
|
|
7371
7371
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
7372
7372
|
}
|
|
7373
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7373
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb .bp_base_grid_list_item_module_snippet--896fb .bp_base_grid_list_item_module_snippetContent--896fb{
|
|
7374
7374
|
-webkit-box-orient:vertical;
|
|
7375
7375
|
-webkit-line-clamp:2;
|
|
7376
7376
|
border:var(--large-list-item-snippet-border);
|
|
@@ -7389,19 +7389,19 @@
|
|
|
7389
7389
|
text-decoration:var(--body-default-text-decoration);
|
|
7390
7390
|
text-transform:var(--body-default-text-case);
|
|
7391
7391
|
}
|
|
7392
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7392
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb:hover,.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-active-item],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-focus-visible],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-focused],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-hovered]{
|
|
7393
7393
|
border-radius:var(--large-list-item-border-radius);
|
|
7394
7394
|
}
|
|
7395
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7395
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb:hover,.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-active-item],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-focus-visible],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-focused],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-hovered]{
|
|
7396
7396
|
--actions-opacity:1;
|
|
7397
7397
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
7398
7398
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
7399
7399
|
outline:var(--large-list-item-hover-outline);
|
|
7400
7400
|
}
|
|
7401
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7401
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb:not([aria-selected=true])[data-hovered]{
|
|
7402
7402
|
--item-background:var(--large-list-item-hover-background);
|
|
7403
7403
|
}
|
|
7404
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7404
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-active-item]::before,.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[data-focus-visible]::before{
|
|
7405
7405
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
7406
7406
|
content:"";
|
|
7407
7407
|
display:block;
|
|
@@ -7413,7 +7413,7 @@
|
|
|
7413
7413
|
top:0;
|
|
7414
7414
|
width:100%;
|
|
7415
7415
|
}
|
|
7416
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7416
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true]{
|
|
7417
7417
|
--actions-opacity:1;
|
|
7418
7418
|
--item-background:var(--large-list-item-selected-background);
|
|
7419
7419
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
@@ -7421,25 +7421,25 @@
|
|
|
7421
7421
|
outline:var(--large-list-item-selected-outline);
|
|
7422
7422
|
z-index:2;
|
|
7423
7423
|
}
|
|
7424
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7424
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true] .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_fade--896fb{
|
|
7425
7425
|
background:var(--large-list-item-selected-fade-background);
|
|
7426
7426
|
}
|
|
7427
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7427
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7428
7428
|
display:none;
|
|
7429
7429
|
}
|
|
7430
7430
|
@supports selector(:has(.foo)){
|
|
7431
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7431
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--896fb + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true]:has(+ [aria-selected=true]){
|
|
7432
7432
|
border-end-end-radius:0;
|
|
7433
7433
|
border-end-start-radius:0;
|
|
7434
7434
|
}
|
|
7435
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7435
|
+
.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--896fb + [aria-selected=true],.bp_base_grid_list_item_module_largeList--896fb .bp_base_grid_list_item_module_largeListItem--896fb[aria-selected=true] + [aria-selected=true]{
|
|
7436
7436
|
border-start-end-radius:0;
|
|
7437
7437
|
border-start-start-radius:0;
|
|
7438
7438
|
border-top:none;
|
|
7439
7439
|
}
|
|
7440
7440
|
}
|
|
7441
7441
|
|
|
7442
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7442
|
+
.bp_base_grid_list_item_module_gridList--896fb{
|
|
7443
7443
|
--grid-list-minimum-item-width:188px;
|
|
7444
7444
|
--grid-list-gap:var(--bp-space-040);
|
|
7445
7445
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -7488,7 +7488,7 @@
|
|
|
7488
7488
|
overflow:auto;
|
|
7489
7489
|
padding:var(--grid-list-padding);
|
|
7490
7490
|
}
|
|
7491
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7491
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb{
|
|
7492
7492
|
--actions-opacity:0;
|
|
7493
7493
|
--item-background:var(--grid-list-item-background);
|
|
7494
7494
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -7506,15 +7506,15 @@
|
|
|
7506
7506
|
row-gap:var(--row-gap);
|
|
7507
7507
|
transform:translateZ(0);
|
|
7508
7508
|
}
|
|
7509
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7509
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb:focus-within{
|
|
7510
7510
|
--actions-opacity:1;
|
|
7511
7511
|
}
|
|
7512
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7512
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_statusPin--896fb{
|
|
7513
7513
|
left:var(--grid-list-item-status-pin-left);
|
|
7514
7514
|
position:absolute;
|
|
7515
7515
|
top:var(--grid-list-item-status-pin-top);
|
|
7516
7516
|
}
|
|
7517
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7517
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7518
7518
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
7519
7519
|
background:var(--grid-list-thumbnail-background);
|
|
7520
7520
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -7522,25 +7522,25 @@
|
|
|
7522
7522
|
grid-area:thumbnail;
|
|
7523
7523
|
overflow:hidden;
|
|
7524
7524
|
}
|
|
7525
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7525
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb img{
|
|
7526
7526
|
height:100%;
|
|
7527
7527
|
object-fit:contain;
|
|
7528
7528
|
width:100%;
|
|
7529
7529
|
}
|
|
7530
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7530
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7531
7531
|
border:none;
|
|
7532
7532
|
}
|
|
7533
7533
|
@media (pointer: coarse){
|
|
7534
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7534
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7535
7535
|
margin-block-end:var(--space-1);
|
|
7536
7536
|
}
|
|
7537
7537
|
}
|
|
7538
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7538
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7539
7539
|
grid-area:subtitle;
|
|
7540
7540
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
7541
7541
|
opacity:var(--actions-opacity);
|
|
7542
7542
|
}
|
|
7543
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7543
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb{
|
|
7544
7544
|
align-items:center;
|
|
7545
7545
|
border-radius:var(--grid-list-selection-border-radius);
|
|
7546
7546
|
display:flex;
|
|
@@ -7551,10 +7551,10 @@
|
|
|
7551
7551
|
top:var(--grid-list-selection-top);
|
|
7552
7552
|
width:var(--grid-list-selection-width);
|
|
7553
7553
|
}
|
|
7554
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7554
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb:hover{
|
|
7555
7555
|
background:var(--grid-list-selection-hover-background);
|
|
7556
7556
|
}
|
|
7557
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7557
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7558
7558
|
align-items:center;
|
|
7559
7559
|
background:var(--item-background);
|
|
7560
7560
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -7563,12 +7563,12 @@
|
|
|
7563
7563
|
justify-content:center;
|
|
7564
7564
|
}
|
|
7565
7565
|
@media (pointer: coarse){
|
|
7566
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7566
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7567
7567
|
grid-area:actions;
|
|
7568
7568
|
margin-block-start:0;
|
|
7569
7569
|
}
|
|
7570
7570
|
}
|
|
7571
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7571
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7572
7572
|
color:var(--grid-list-header-color);
|
|
7573
7573
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7574
7574
|
font-size:var(--bp-font-size-05);
|
|
@@ -7581,7 +7581,7 @@
|
|
|
7581
7581
|
overflow-wrap:anywhere;
|
|
7582
7582
|
text-align:center;
|
|
7583
7583
|
}
|
|
7584
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7584
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7585
7585
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7586
7586
|
font-size:.875rem;
|
|
7587
7587
|
font-style:normal;
|
|
@@ -7592,17 +7592,17 @@
|
|
|
7592
7592
|
text-transform:none;
|
|
7593
7593
|
}
|
|
7594
7594
|
|
|
7595
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7595
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_header--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7596
7596
|
align-items:center;
|
|
7597
7597
|
display:flex;
|
|
7598
7598
|
}
|
|
7599
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7599
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7600
7600
|
-webkit-box-orient:vertical;
|
|
7601
7601
|
-webkit-line-clamp:2;
|
|
7602
7602
|
display:-webkit-box;
|
|
7603
7603
|
overflow:hidden;
|
|
7604
7604
|
}
|
|
7605
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7605
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7606
7606
|
color:var(--grid-list-subtitle-color);
|
|
7607
7607
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7608
7608
|
font-size:var(--bp-font-size-03);
|
|
@@ -7617,7 +7617,7 @@
|
|
|
7617
7617
|
text-overflow:ellipsis;
|
|
7618
7618
|
white-space:nowrap;
|
|
7619
7619
|
}
|
|
7620
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7620
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7621
7621
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7622
7622
|
font-size:.75rem;
|
|
7623
7623
|
font-style:normal;
|
|
@@ -7628,16 +7628,16 @@
|
|
|
7628
7628
|
text-transform:none;
|
|
7629
7629
|
}
|
|
7630
7630
|
|
|
7631
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7631
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb .bp_base_grid_list_item_module_subtitle--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7632
7632
|
height:var(--grid-list-subtitle-loading-height);
|
|
7633
7633
|
}
|
|
7634
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7634
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb,.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb:hover,.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-active-item],.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-focus-visible],.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-focused],.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-hovered]{
|
|
7635
7635
|
--actions-opacity:1;
|
|
7636
7636
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
7637
7637
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
7638
7638
|
outline:var(--grid-list-item-hover-outline);
|
|
7639
7639
|
}
|
|
7640
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7640
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-active-item]::before,.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-focus-visible]::before{
|
|
7641
7641
|
border-radius:var(--grid-list-item-border-radius);
|
|
7642
7642
|
content:"";
|
|
7643
7643
|
display:block;
|
|
@@ -7649,7 +7649,7 @@
|
|
|
7649
7649
|
top:0;
|
|
7650
7650
|
width:100%;
|
|
7651
7651
|
}
|
|
7652
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7652
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-active-item]::after,.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[data-focus-visible]::after{
|
|
7653
7653
|
border-radius:var(--grid-list-item-border-radius);
|
|
7654
7654
|
content:"";
|
|
7655
7655
|
display:block;
|
|
@@ -7661,16 +7661,16 @@
|
|
|
7661
7661
|
top:0;
|
|
7662
7662
|
width:100%;
|
|
7663
7663
|
}
|
|
7664
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7664
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[aria-selected=true]{
|
|
7665
7665
|
--actions-opacity:1;
|
|
7666
7666
|
--item-background:var(--grid-list-item-selected-background);
|
|
7667
7667
|
outline:var(--grid-list-item-selected-outline);
|
|
7668
7668
|
}
|
|
7669
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7669
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--896fb) .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7670
7670
|
opacity:0;
|
|
7671
7671
|
}
|
|
7672
7672
|
@media (pointer: coarse){
|
|
7673
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7673
|
+
.bp_base_grid_list_item_module_gridList--896fb .bp_base_grid_list_item_module_gridListItem--896fb{
|
|
7674
7674
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
7675
7675
|
--actions-opacity:1;
|
|
7676
7676
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -7678,7 +7678,7 @@
|
|
|
7678
7678
|
}
|
|
7679
7679
|
}
|
|
7680
7680
|
|
|
7681
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7681
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb{
|
|
7682
7682
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
7683
7683
|
--tooltip-offset:var(--bp-space-020);
|
|
7684
7684
|
--tooltip-arrow-display:none;
|
|
@@ -7705,32 +7705,32 @@
|
|
|
7705
7705
|
text-transform:var(--body-default-text-case);
|
|
7706
7706
|
z-index:var(--z-index-tooltip);
|
|
7707
7707
|
}
|
|
7708
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7708
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb .bp_base_grid_list_item_module_tooltipArrow--896fb svg{
|
|
7709
7709
|
display:var(--tooltip-arrow-display);
|
|
7710
7710
|
height:.5rem;
|
|
7711
7711
|
width:1rem;
|
|
7712
7712
|
}
|
|
7713
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7713
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb[data-placement=top]{
|
|
7714
7714
|
margin-block-end:var(--tooltip-offset);
|
|
7715
7715
|
}
|
|
7716
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7716
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--896fb svg{
|
|
7717
7717
|
transform:rotate(180deg);
|
|
7718
7718
|
}
|
|
7719
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7719
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb[data-placement=bottom]{
|
|
7720
7720
|
margin-block-start:var(--tooltip-offset);
|
|
7721
7721
|
}
|
|
7722
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7722
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb[data-placement=right]{
|
|
7723
7723
|
margin-inline-start:var(--tooltip-offset);
|
|
7724
7724
|
}
|
|
7725
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7725
|
+
.bp_base_grid_list_item_module_tooltipContent--896fb[data-placement=left]{
|
|
7726
7726
|
margin-inline-end:var(--tooltip-offset);
|
|
7727
7727
|
}
|
|
7728
|
-
@keyframes bp_base_grid_list_item_module_itemHighlight--
|
|
7728
|
+
@keyframes bp_base_grid_list_item_module_itemHighlight--896fb{
|
|
7729
7729
|
from{
|
|
7730
7730
|
background-color:var(--item-highlight-background);
|
|
7731
7731
|
}
|
|
7732
7732
|
}
|
|
7733
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7733
|
+
.bp_base_grid_list_item_module_gridListV2--896fb{
|
|
7734
7734
|
--grid-v2-gap:var(--bp-space-020);
|
|
7735
7735
|
--grid-v2-padding:0;
|
|
7736
7736
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -7789,13 +7789,13 @@
|
|
|
7789
7789
|
overflow:auto;
|
|
7790
7790
|
padding:var(--grid-v2-padding) 0;
|
|
7791
7791
|
}
|
|
7792
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7792
|
+
.bp_base_grid_list_item_module_gridListV2--896fb:has(.bp_base_grid_list_item_module_gridListV2Item--896fb[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--896fb:not(.bp_base_grid_list_item_module_droppableTarget--896fb){
|
|
7793
7793
|
opacity:var(--grid-v2-undroppable-opacity);
|
|
7794
7794
|
}
|
|
7795
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7795
|
+
.bp_base_grid_list_item_module_gridListV2--896fb:has(.bp_base_grid_list_item_module_gridListV2Item--896fb[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--896fb[data-dragging]{
|
|
7796
7796
|
opacity:var(--grid-v2-drag-opacity);
|
|
7797
7797
|
}
|
|
7798
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7798
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb{
|
|
7799
7799
|
--actions-opacity:0;
|
|
7800
7800
|
--subtitle-opacity:1;
|
|
7801
7801
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7813,20 +7813,20 @@
|
|
|
7813
7813
|
position:relative;
|
|
7814
7814
|
transform:translateZ(0);
|
|
7815
7815
|
}
|
|
7816
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7816
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb:focus-within{
|
|
7817
7817
|
--actions-opacity:1;
|
|
7818
7818
|
--subtitle-opacity:0;
|
|
7819
7819
|
}
|
|
7820
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7820
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb:focus-within{
|
|
7821
7821
|
--subtitle-opacity:1;
|
|
7822
7822
|
}
|
|
7823
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7823
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_statusPin--896fb{
|
|
7824
7824
|
left:var(--grid-v2-item-status-pin-left);
|
|
7825
7825
|
position:absolute;
|
|
7826
7826
|
top:var(--grid-v2-item-status-pin-top);
|
|
7827
7827
|
transition:transform .15s ease-out;
|
|
7828
7828
|
}
|
|
7829
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7829
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7830
7830
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7831
7831
|
background:var(--grid-v2-thumbnail-background);
|
|
7832
7832
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7836,28 +7836,28 @@
|
|
|
7836
7836
|
position:relative;
|
|
7837
7837
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7838
7838
|
}
|
|
7839
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7839
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb img{
|
|
7840
7840
|
height:100%;
|
|
7841
7841
|
max-height:none;
|
|
7842
7842
|
max-width:none;
|
|
7843
7843
|
object-fit:cover;
|
|
7844
7844
|
width:100%;
|
|
7845
7845
|
}
|
|
7846
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7846
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb img.bp_base_grid_list_item_module_isImageFile--896fb{
|
|
7847
7847
|
object-position:center;
|
|
7848
7848
|
}
|
|
7849
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7849
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb img:not(.bp_base_grid_list_item_module_isImageFile--896fb){
|
|
7850
7850
|
object-position:top left;
|
|
7851
7851
|
}
|
|
7852
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7852
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
7853
7853
|
border:none;
|
|
7854
7854
|
}
|
|
7855
7855
|
@media (pointer: coarse){
|
|
7856
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7856
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7857
7857
|
margin-block-end:var(--bp-space-010);
|
|
7858
7858
|
}
|
|
7859
7859
|
}
|
|
7860
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7860
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_thumbnailBadges--896fb{
|
|
7861
7861
|
align-items:center;
|
|
7862
7862
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7863
7863
|
display:flex;
|
|
@@ -7865,12 +7865,12 @@
|
|
|
7865
7865
|
position:absolute;
|
|
7866
7866
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7867
7867
|
}
|
|
7868
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7868
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_statusBadge--896fb{
|
|
7869
7869
|
align-items:center;
|
|
7870
7870
|
display:flex;
|
|
7871
7871
|
justify-content:center;
|
|
7872
7872
|
}
|
|
7873
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7873
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_fileTypePill--896fb{
|
|
7874
7874
|
background:var(--grid-v2-file-type-pill-background);
|
|
7875
7875
|
border:var(--grid-v2-file-type-pill-border);
|
|
7876
7876
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7879,13 +7879,13 @@
|
|
|
7879
7879
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7880
7880
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7881
7881
|
}
|
|
7882
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7882
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
7883
7883
|
grid-area:subtitle;
|
|
7884
7884
|
margin-top:.25rem;
|
|
7885
7885
|
opacity:var(--actions-opacity);
|
|
7886
7886
|
transition:opacity .15s ease-out;
|
|
7887
7887
|
}
|
|
7888
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7888
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb{
|
|
7889
7889
|
align-items:center;
|
|
7890
7890
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7891
7891
|
display:flex;
|
|
@@ -7897,25 +7897,25 @@
|
|
|
7897
7897
|
transition:transform .15s ease-out;
|
|
7898
7898
|
width:var(--grid-v2-selection-width);
|
|
7899
7899
|
}
|
|
7900
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7900
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb:hover{
|
|
7901
7901
|
background:var(--grid-v2-selection-hover-background);
|
|
7902
7902
|
}
|
|
7903
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7903
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7904
7904
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7905
7905
|
display:flex;
|
|
7906
7906
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7907
7907
|
padding-inline-start:.25rem;
|
|
7908
7908
|
}
|
|
7909
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7909
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb.bp_base_grid_list_item_module_alwaysShowSelection--896fb{
|
|
7910
7910
|
--actions-opacity:1;
|
|
7911
7911
|
}
|
|
7912
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7912
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb.bp_base_grid_list_item_module_alwaysShowSelection--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
7913
7913
|
display:none;
|
|
7914
7914
|
}
|
|
7915
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7915
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_header--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7916
7916
|
padding-inline-start:.25rem;
|
|
7917
7917
|
}
|
|
7918
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7918
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7919
7919
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7920
7920
|
font-size:var(--bp-font-size-05);
|
|
7921
7921
|
font-style:normal;
|
|
@@ -7923,7 +7923,7 @@
|
|
|
7923
7923
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7924
7924
|
line-height:var(--bp-font-line-height-04);
|
|
7925
7925
|
}
|
|
7926
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7926
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7927
7927
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7928
7928
|
font-size:.875rem;
|
|
7929
7929
|
font-style:normal;
|
|
@@ -7934,7 +7934,7 @@
|
|
|
7934
7934
|
text-transform:none;
|
|
7935
7935
|
}
|
|
7936
7936
|
|
|
7937
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7937
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
7938
7938
|
color:var(--grid-v2-header-color);
|
|
7939
7939
|
display:block;
|
|
7940
7940
|
grid-area:head;
|
|
@@ -7943,7 +7943,7 @@
|
|
|
7943
7943
|
text-overflow:ellipsis;
|
|
7944
7944
|
white-space:nowrap;
|
|
7945
7945
|
}
|
|
7946
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7946
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7947
7947
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7948
7948
|
font-size:var(--bp-font-size-04);
|
|
7949
7949
|
font-style:normal;
|
|
@@ -7951,7 +7951,7 @@
|
|
|
7951
7951
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7952
7952
|
line-height:var(--bp-font-line-height-04);
|
|
7953
7953
|
}
|
|
7954
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7954
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7955
7955
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7956
7956
|
font-size:.8125rem;
|
|
7957
7957
|
font-style:normal;
|
|
@@ -7962,7 +7962,7 @@
|
|
|
7962
7962
|
text-transform:none;
|
|
7963
7963
|
}
|
|
7964
7964
|
|
|
7965
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7965
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7966
7966
|
color:var(--grid-v2-subtitle-color);
|
|
7967
7967
|
display:block;
|
|
7968
7968
|
grid-area:subtitle;
|
|
@@ -7973,43 +7973,43 @@
|
|
|
7973
7973
|
transition:opacity .15s ease-out;
|
|
7974
7974
|
white-space:nowrap;
|
|
7975
7975
|
}
|
|
7976
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7976
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_textCentered--896fb{
|
|
7977
7977
|
justify-content:center;
|
|
7978
7978
|
padding-inline-start:0;
|
|
7979
7979
|
text-align:center;
|
|
7980
7980
|
}
|
|
7981
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7981
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_innerCentered--896fb{
|
|
7982
7982
|
justify-content:center;
|
|
7983
7983
|
padding-inline-start:0;
|
|
7984
7984
|
}
|
|
7985
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7985
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-hovered]{
|
|
7986
7986
|
--actions-opacity:1;
|
|
7987
7987
|
--subtitle-opacity:0;
|
|
7988
7988
|
}
|
|
7989
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7989
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb .bp_base_grid_list_item_module_selection--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb .bp_base_grid_list_item_module_statusPin--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true] .bp_base_grid_list_item_module_selection--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true] .bp_base_grid_list_item_module_statusPin--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible] .bp_base_grid_list_item_module_selection--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible] .bp_base_grid_list_item_module_statusPin--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-hovered] .bp_base_grid_list_item_module_selection--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-hovered] .bp_base_grid_list_item_module_statusPin--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-hovered] .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7990
7990
|
transform:translateY(-.125rem);
|
|
7991
7991
|
}
|
|
7992
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7992
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-hovered] .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
7993
7993
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7994
7994
|
}
|
|
7995
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7995
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb .bp_base_grid_list_item_module_subtitle--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true] .bp_base_grid_list_item_module_subtitle--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible] .bp_base_grid_list_item_module_subtitle--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-hovered] .bp_base_grid_list_item_module_subtitle--896fb{
|
|
7996
7996
|
pointer-events:none;
|
|
7997
7997
|
}
|
|
7998
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7999
|
-
.bp_base_grid_list_item_module_isItemInteracted--
|
|
7998
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb:is([data-hovered],
|
|
7999
|
+
.bp_base_grid_list_item_module_isItemInteracted--896fb,
|
|
8000
8000
|
[data-focus-visible],
|
|
8001
8001
|
[aria-selected=true],
|
|
8002
8002
|
:focus-within,
|
|
8003
|
-
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--
|
|
8003
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
8004
8004
|
display:flex;
|
|
8005
8005
|
}
|
|
8006
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8006
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb[data-hovered]{
|
|
8007
8007
|
--subtitle-opacity:1;
|
|
8008
8008
|
}
|
|
8009
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8009
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb[aria-selected=true] .bp_base_grid_list_item_module_subtitle--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb[data-focus-visible] .bp_base_grid_list_item_module_subtitle--896fb,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_noActions--896fb[data-hovered] .bp_base_grid_list_item_module_subtitle--896fb{
|
|
8010
8010
|
pointer-events:auto;
|
|
8011
8011
|
}
|
|
8012
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8012
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-focus-visible]::before{
|
|
8013
8013
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
8014
8014
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
8015
8015
|
content:"";
|
|
@@ -8018,10 +8018,10 @@
|
|
|
8018
8018
|
position:absolute;
|
|
8019
8019
|
transform:translateY(-.125rem);
|
|
8020
8020
|
}
|
|
8021
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8021
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true]{
|
|
8022
8022
|
--item-background:var(--grid-v2-item-selected-background);
|
|
8023
8023
|
}
|
|
8024
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8024
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[aria-selected=true]::after{
|
|
8025
8025
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
8026
8026
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
8027
8027
|
content:"";
|
|
@@ -8030,19 +8030,19 @@
|
|
|
8030
8030
|
position:absolute;
|
|
8031
8031
|
transform:translateY(-.125rem);
|
|
8032
8032
|
}
|
|
8033
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8033
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-drop-target]{
|
|
8034
8034
|
--item-background:var(--grid-v2-drop-target-background);
|
|
8035
8035
|
}
|
|
8036
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8036
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_highlighted--896fb{
|
|
8037
8037
|
--item-highlight-background:var(--grid-v2-highlight-background);
|
|
8038
|
-
animation:bp_base_grid_list_item_module_itemHighlight--
|
|
8038
|
+
animation:bp_base_grid_list_item_module_itemHighlight--896fb var(--grid-v2-highlight-duration) ease-out;
|
|
8039
8039
|
}
|
|
8040
8040
|
@media (prefers-reduced-motion: reduce){
|
|
8041
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8041
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb.bp_base_grid_list_item_module_highlighted--896fb{
|
|
8042
8042
|
animation-timing-function:step-end;
|
|
8043
8043
|
}
|
|
8044
8044
|
}
|
|
8045
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8045
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-drop-target]::after,.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8046
8046
|
border:var(--grid-v2-drop-target-border);
|
|
8047
8047
|
border-radius:var(--grid-v2-item-border-radius);
|
|
8048
8048
|
content:"";
|
|
@@ -8052,25 +8052,25 @@
|
|
|
8052
8052
|
transform:none;
|
|
8053
8053
|
}
|
|
8054
8054
|
@media (pointer: coarse){
|
|
8055
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8055
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb{
|
|
8056
8056
|
--actions-opacity:1;
|
|
8057
8057
|
--subtitle-opacity:1;
|
|
8058
8058
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
8059
8059
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
8060
8060
|
}
|
|
8061
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8061
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
8062
8062
|
grid-area:actions;
|
|
8063
8063
|
}
|
|
8064
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8064
|
+
.bp_base_grid_list_item_module_gridListV2--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb .bp_base_grid_list_item_module_actions--896fb.bp_base_grid_list_item_module_alwaysShowSelection--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
8065
8065
|
display:flex;
|
|
8066
8066
|
}
|
|
8067
8067
|
}
|
|
8068
8068
|
|
|
8069
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
8069
|
+
.bp_base_grid_list_item_module_gridListV2Small--896fb{
|
|
8070
8070
|
--grid-v2-min-item-width:15.625rem;
|
|
8071
8071
|
}
|
|
8072
8072
|
|
|
8073
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
8073
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--896fb{
|
|
8074
8074
|
--grid-v2-min-item-width:8.75rem;
|
|
8075
8075
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
8076
8076
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -8079,7 +8079,7 @@
|
|
|
8079
8079
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
8080
8080
|
}
|
|
8081
8081
|
|
|
8082
|
-
.bp_base_grid_list_item_module_gridListV2XSmallBordered--
|
|
8082
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--896fb .bp_base_grid_list_item_module_gridListV2Item--896fb::after{
|
|
8083
8083
|
border:var(--grid-v2-thumbnail-border);
|
|
8084
8084
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
8085
8085
|
content:"";
|
|
@@ -8088,7 +8088,7 @@
|
|
|
8088
8088
|
position:absolute;
|
|
8089
8089
|
transform:translateY(-.125rem);
|
|
8090
8090
|
}
|
|
8091
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8091
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--896fb{
|
|
8092
8092
|
display:grid;
|
|
8093
8093
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
8094
8094
|
grid-template-columns:1fr;
|
|
@@ -8100,15 +8100,15 @@
|
|
|
8100
8100
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
8101
8101
|
}
|
|
8102
8102
|
@media (pointer: coarse){
|
|
8103
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8103
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--896fb{
|
|
8104
8104
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
8105
8105
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
8106
8106
|
}
|
|
8107
8107
|
}
|
|
8108
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
8108
|
+
.bp_base_grid_list_item_module_listV2ClickShield--896fb{
|
|
8109
8109
|
display:contents;
|
|
8110
8110
|
}
|
|
8111
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8111
|
+
.bp_base_grid_list_item_module_listV2--896fb{
|
|
8112
8112
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
8113
8113
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
8114
8114
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -8123,7 +8123,7 @@
|
|
|
8123
8123
|
--list-v2-item-border-radius:var(--bp-radius-06);
|
|
8124
8124
|
--list-v2-header-color:var(--bp-text-text-on-light);
|
|
8125
8125
|
--list-v2-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
8126
|
-
--list-v2-actions-gap:var(--bp-space-
|
|
8126
|
+
--list-v2-actions-gap:var(--bp-space-020);
|
|
8127
8127
|
--list-v2-selection-size:var(--bp-size-080);
|
|
8128
8128
|
--list-v2-selection-border-radius:var(--bp-radius-03);
|
|
8129
8129
|
--list-v2-selection-hover-background:var(--bp-surface-cta-surface-icon-hover);
|
|
@@ -8159,34 +8159,33 @@
|
|
|
8159
8159
|
padding:var(--list-v2-padding);
|
|
8160
8160
|
width:100%;
|
|
8161
8161
|
}
|
|
8162
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8162
|
+
.bp_base_grid_list_item_module_listV2--896fb:has(.bp_base_grid_list_item_module_listV2Item--896fb[data-dragging]) .bp_base_grid_list_item_module_listV2Item--896fb:not(.bp_base_grid_list_item_module_droppableTarget--896fb){
|
|
8163
8163
|
opacity:var(--list-v2-undroppable-opacity);
|
|
8164
8164
|
}
|
|
8165
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8165
|
+
.bp_base_grid_list_item_module_listV2--896fb:has(.bp_base_grid_list_item_module_listV2Item--896fb[data-dragging]) .bp_base_grid_list_item_module_listV2Item--896fb[data-dragging]{
|
|
8166
8166
|
opacity:var(--list-v2-drag-opacity);
|
|
8167
8167
|
}
|
|
8168
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8168
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb{
|
|
8169
8169
|
--actions-opacity:0;
|
|
8170
8170
|
--item-background:var(--list-v2-item-background);
|
|
8171
8171
|
align-items:center;
|
|
8172
8172
|
background:var(--item-background);
|
|
8173
8173
|
border-radius:var(--list-v2-item-border-radius);
|
|
8174
8174
|
box-sizing:border-box;
|
|
8175
|
+
column-gap:var(--list-v2-thumbnail-content-gap);
|
|
8175
8176
|
cursor:pointer;
|
|
8176
8177
|
display:grid;
|
|
8177
|
-
|
|
8178
|
-
grid-template-areas:"thumbnail content";
|
|
8179
|
-
grid-template-columns:auto 1fr;
|
|
8178
|
+
grid-template:"thumbnail ." 1fr "thumbnail header" auto "thumbnail description" auto "thumbnail subtitle" auto "thumbnail ." 1fr/auto 1fr;
|
|
8180
8179
|
height:var(--list-v2-item-height);
|
|
8181
8180
|
outline:none;
|
|
8182
8181
|
padding:var(--list-v2-item-padding);
|
|
8183
8182
|
position:relative;
|
|
8184
8183
|
transition:background .15s ease-out;
|
|
8185
8184
|
}
|
|
8186
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8185
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb:not(:first-child){
|
|
8187
8186
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
8188
8187
|
}
|
|
8189
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8188
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_listV2Divider--896fb{
|
|
8190
8189
|
background:var(--list-v2-divider-color);
|
|
8191
8190
|
height:.0625rem;
|
|
8192
8191
|
left:0;
|
|
@@ -8195,10 +8194,10 @@
|
|
|
8195
8194
|
right:0;
|
|
8196
8195
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
8197
8196
|
}
|
|
8198
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8197
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb:first-child .bp_base_grid_list_item_module_listV2Divider--896fb{
|
|
8199
8198
|
display:none;
|
|
8200
8199
|
}
|
|
8201
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8200
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
8202
8201
|
align-items:center;
|
|
8203
8202
|
align-self:stretch;
|
|
8204
8203
|
aspect-ratio:4/3;
|
|
@@ -8212,15 +8211,15 @@
|
|
|
8212
8211
|
position:relative;
|
|
8213
8212
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
8214
8213
|
}
|
|
8215
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8214
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb img,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb svg{
|
|
8216
8215
|
height:100%;
|
|
8217
8216
|
object-fit:cover;
|
|
8218
8217
|
width:100%;
|
|
8219
8218
|
}
|
|
8220
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8219
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb.bp_base_grid_list_item_module_loading--896fb{
|
|
8221
8220
|
border:none;
|
|
8222
8221
|
}
|
|
8223
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8222
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_thumbnailBadges--896fb{
|
|
8224
8223
|
align-items:center;
|
|
8225
8224
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
8226
8225
|
display:flex;
|
|
@@ -8228,17 +8227,17 @@
|
|
|
8228
8227
|
position:absolute;
|
|
8229
8228
|
right:var(--list-v2-thumbnail-badges-right);
|
|
8230
8229
|
}
|
|
8231
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8230
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_statusBadge--896fb{
|
|
8232
8231
|
align-items:center;
|
|
8233
8232
|
display:flex;
|
|
8234
8233
|
justify-content:center;
|
|
8235
8234
|
}
|
|
8236
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8235
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_statusBadge--896fb img,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_statusBadge--896fb svg{
|
|
8237
8236
|
height:.875rem;
|
|
8238
8237
|
object-fit:contain;
|
|
8239
8238
|
width:.875rem;
|
|
8240
8239
|
}
|
|
8241
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8240
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_thumbnail--896fb .bp_base_grid_list_item_module_fileTypePill--896fb{
|
|
8242
8241
|
align-items:center;
|
|
8243
8242
|
background:var(--list-v2-file-type-pill-background);
|
|
8244
8243
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -8247,15 +8246,10 @@
|
|
|
8247
8246
|
height:var(--list-v2-file-type-pill-height);
|
|
8248
8247
|
padding:var(--list-v2-file-type-pill-padding);
|
|
8249
8248
|
}
|
|
8250
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8251
|
-
display:
|
|
8252
|
-
flex-direction:column;
|
|
8253
|
-
gap:var(--list-v2-content-gap);
|
|
8254
|
-
grid-area:content;
|
|
8255
|
-
min-width:0;
|
|
8256
|
-
padding-right:.5rem;
|
|
8249
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_content--896fb{
|
|
8250
|
+
display:contents;
|
|
8257
8251
|
}
|
|
8258
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8252
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
8259
8253
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8260
8254
|
font-size:var(--bp-font-size-05);
|
|
8261
8255
|
font-style:normal;
|
|
@@ -8263,7 +8257,7 @@
|
|
|
8263
8257
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8264
8258
|
line-height:var(--bp-font-line-height-04);
|
|
8265
8259
|
}
|
|
8266
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8260
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
8267
8261
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8268
8262
|
font-size:.875rem;
|
|
8269
8263
|
font-style:normal;
|
|
@@ -8274,14 +8268,17 @@
|
|
|
8274
8268
|
text-transform:none;
|
|
8275
8269
|
}
|
|
8276
8270
|
|
|
8277
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8271
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_header--896fb{
|
|
8278
8272
|
color:var(--list-v2-header-color);
|
|
8279
8273
|
display:block;
|
|
8274
|
+
grid-area:header;
|
|
8275
|
+
min-width:0;
|
|
8280
8276
|
overflow:hidden;
|
|
8277
|
+
padding-right:var(--bp-space-020);
|
|
8281
8278
|
text-overflow:ellipsis;
|
|
8282
8279
|
white-space:nowrap;
|
|
8283
8280
|
}
|
|
8284
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8281
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
8285
8282
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8286
8283
|
font-size:var(--bp-font-size-04);
|
|
8287
8284
|
font-style:normal;
|
|
@@ -8289,7 +8286,7 @@
|
|
|
8289
8286
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8290
8287
|
line-height:var(--bp-font-line-height-04);
|
|
8291
8288
|
}
|
|
8292
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8289
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
8293
8290
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8294
8291
|
font-size:.8125rem;
|
|
8295
8292
|
font-style:normal;
|
|
@@ -8300,32 +8297,69 @@
|
|
|
8300
8297
|
text-transform:none;
|
|
8301
8298
|
}
|
|
8302
8299
|
|
|
8303
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8300
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_subtitle--896fb{
|
|
8304
8301
|
color:var(--list-v2-subtitle-color);
|
|
8305
8302
|
display:block;
|
|
8303
|
+
grid-area:subtitle;
|
|
8304
|
+
margin-top:var(--list-v2-content-gap);
|
|
8305
|
+
min-width:0;
|
|
8306
8306
|
overflow:hidden;
|
|
8307
|
+
padding-right:var(--bp-space-020);
|
|
8307
8308
|
text-overflow:ellipsis;
|
|
8308
8309
|
white-space:nowrap;
|
|
8309
8310
|
}
|
|
8310
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8311
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_listV2Description--896fb{
|
|
8312
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8313
|
+
font-size:var(--bp-font-size-05);
|
|
8314
|
+
font-style:normal;
|
|
8315
|
+
font-weight:var(--bp-font-weight-regular);
|
|
8316
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8317
|
+
line-height:var(--bp-font-line-height-04);
|
|
8318
|
+
}
|
|
8319
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_listV2Description--896fb{
|
|
8320
|
+
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8321
|
+
font-size:.875rem;
|
|
8322
|
+
font-style:normal;
|
|
8323
|
+
font-weight:450;
|
|
8324
|
+
letter-spacing:.00625rem;
|
|
8325
|
+
line-height:1.375rem;
|
|
8326
|
+
text-decoration:none;
|
|
8327
|
+
text-transform:none;
|
|
8328
|
+
}
|
|
8329
|
+
|
|
8330
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_listV2Description--896fb{
|
|
8331
|
+
-webkit-box-orient:vertical;
|
|
8332
|
+
-webkit-line-clamp:3;
|
|
8333
|
+
color:var(--list-v2-subtitle-color);
|
|
8334
|
+
display:-webkit-box;
|
|
8335
|
+
grid-area:description;
|
|
8336
|
+
margin-top:var(--list-v2-content-gap);
|
|
8337
|
+
max-height:calc(var(--bp-font-line-height-04)*3);
|
|
8338
|
+
min-width:0;
|
|
8339
|
+
overflow:hidden;
|
|
8340
|
+
overflow-wrap:anywhere;
|
|
8341
|
+
padding-right:var(--bp-space-020);
|
|
8342
|
+
}
|
|
8343
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
8311
8344
|
align-items:center;
|
|
8312
|
-
background:linear-gradient(to right, #0000, var(--item-background)
|
|
8345
|
+
background:linear-gradient(to right, #0000, var(--item-background) var(--bp-space-060));
|
|
8313
8346
|
display:flex;
|
|
8314
8347
|
gap:var(--list-v2-actions-gap);
|
|
8348
|
+
grid-area:header;
|
|
8315
8349
|
opacity:var(--actions-opacity);
|
|
8316
|
-
padding-left:
|
|
8350
|
+
padding-left:var(--bp-space-080);
|
|
8317
8351
|
position:absolute;
|
|
8318
|
-
right:
|
|
8319
|
-
top:
|
|
8352
|
+
right:0;
|
|
8353
|
+
top:50%;
|
|
8320
8354
|
transform:translateY(-50%);
|
|
8321
8355
|
transition:opacity .15s ease-out;
|
|
8322
8356
|
}
|
|
8323
8357
|
@media (pointer: coarse){
|
|
8324
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8358
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb{
|
|
8325
8359
|
--actions-opacity:1;
|
|
8326
8360
|
}
|
|
8327
8361
|
}
|
|
8328
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8362
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb{
|
|
8329
8363
|
align-items:center;
|
|
8330
8364
|
border-radius:var(--list-v2-selection-border-radius);
|
|
8331
8365
|
display:flex;
|
|
@@ -8333,49 +8367,45 @@
|
|
|
8333
8367
|
justify-content:center;
|
|
8334
8368
|
width:var(--list-v2-selection-size);
|
|
8335
8369
|
}
|
|
8336
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8370
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_selection--896fb:hover{
|
|
8337
8371
|
background:var(--list-v2-selection-hover-background);
|
|
8338
8372
|
}
|
|
8339
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8373
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_actionsCheckboxWrapper--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
8340
8374
|
align-items:center;
|
|
8341
8375
|
display:flex;
|
|
8342
8376
|
gap:var(--list-v2-actions-gap);
|
|
8343
8377
|
}
|
|
8344
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8345
|
-
align-items:center;
|
|
8346
|
-
display:flex;
|
|
8347
|
-
}
|
|
8348
|
-
.bp_base_grid_list_item_module_listV2--4337a .bp_base_grid_list_item_module_listV2Item--4337a .bp_base_grid_list_item_module_actions--4337a.bp_base_grid_list_item_module_alwaysShowSelection--4337a{
|
|
8378
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb.bp_base_grid_list_item_module_alwaysShowSelection--896fb{
|
|
8349
8379
|
--actions-opacity:1;
|
|
8350
8380
|
}
|
|
8351
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8381
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb.bp_base_grid_list_item_module_alwaysShowSelection--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
8352
8382
|
display:none;
|
|
8353
8383
|
}
|
|
8354
8384
|
@media (pointer: coarse){
|
|
8355
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8385
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb .bp_base_grid_list_item_module_actions--896fb.bp_base_grid_list_item_module_alwaysShowSelection--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
8356
8386
|
display:flex;
|
|
8357
8387
|
}
|
|
8358
8388
|
}
|
|
8359
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8389
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb:hover,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[aria-selected=true],.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-focus-visible],.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-hovered]{
|
|
8360
8390
|
--actions-opacity:1;
|
|
8361
8391
|
}
|
|
8362
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8392
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb:hover .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-hovered] .bp_base_grid_list_item_module_thumbnail--896fb{
|
|
8363
8393
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
8364
8394
|
transform:translateY(-.125rem);
|
|
8365
8395
|
}
|
|
8366
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8396
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb:is(:hover,
|
|
8367
8397
|
[data-hovered],
|
|
8368
|
-
.bp_base_grid_list_item_module_isItemInteracted--
|
|
8398
|
+
.bp_base_grid_list_item_module_isItemInteracted--896fb,
|
|
8369
8399
|
[data-focus-visible],
|
|
8370
8400
|
[aria-selected=true],
|
|
8371
8401
|
:focus-within,
|
|
8372
|
-
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--
|
|
8402
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--896fb .bp_base_grid_list_item_module_inner--896fb{
|
|
8373
8403
|
display:flex;
|
|
8374
8404
|
}
|
|
8375
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8405
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb.bp_base_grid_list_item_module_isItemInteracted--896fb,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb:hover,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-hovered]{
|
|
8376
8406
|
--item-background:var(--list-v2-hover-background);
|
|
8377
8407
|
}
|
|
8378
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8408
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-focus-visible]::before{
|
|
8379
8409
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
8380
8410
|
border-radius:var(--list-v2-focus-border-radius);
|
|
8381
8411
|
content:"";
|
|
@@ -8384,10 +8414,10 @@
|
|
|
8384
8414
|
position:absolute;
|
|
8385
8415
|
transform:translateY(-.125rem);
|
|
8386
8416
|
}
|
|
8387
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8417
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[aria-selected=true]{
|
|
8388
8418
|
--item-background:var(--list-v2-selected-background);
|
|
8389
8419
|
}
|
|
8390
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8420
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[aria-selected=true]::after{
|
|
8391
8421
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
8392
8422
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8393
8423
|
content:"";
|
|
@@ -8396,27 +8426,27 @@
|
|
|
8396
8426
|
position:absolute;
|
|
8397
8427
|
transform:translateY(-.125rem);
|
|
8398
8428
|
}
|
|
8399
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8429
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-focus-visible][aria-selected=true]::after{
|
|
8400
8430
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8401
8431
|
inset:-.1875rem;
|
|
8402
8432
|
transform:translateY(-.125rem);
|
|
8403
8433
|
}
|
|
8404
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8434
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb.bp_base_grid_list_item_module_highlighted--896fb{
|
|
8405
8435
|
--item-highlight-background:var(--list-v2-highlight-background);
|
|
8406
|
-
animation:bp_base_grid_list_item_module_itemHighlight--
|
|
8436
|
+
animation:bp_base_grid_list_item_module_itemHighlight--896fb var(--list-v2-highlight-duration) ease-out;
|
|
8407
8437
|
}
|
|
8408
8438
|
@media (prefers-reduced-motion: reduce){
|
|
8409
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8439
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb.bp_base_grid_list_item_module_highlighted--896fb{
|
|
8410
8440
|
animation-timing-function:step-end;
|
|
8411
8441
|
}
|
|
8412
8442
|
}
|
|
8413
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8443
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-drop-target]{
|
|
8414
8444
|
--item-background:var(--list-v2-drop-target-background);
|
|
8415
8445
|
}
|
|
8416
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8446
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-drop-target] .bp_base_grid_list_item_module_listV2Divider--896fb{
|
|
8417
8447
|
display:none;
|
|
8418
8448
|
}
|
|
8419
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8449
|
+
.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-drop-target]::after,.bp_base_grid_list_item_module_listV2--896fb .bp_base_grid_list_item_module_listV2Item--896fb[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8420
8450
|
border:var(--list-v2-drop-target-border);
|
|
8421
8451
|
border-radius:var(--list-v2-item-border-radius);
|
|
8422
8452
|
content:"";
|
|
@@ -8426,7 +8456,7 @@
|
|
|
8426
8456
|
transform:none;
|
|
8427
8457
|
}
|
|
8428
8458
|
|
|
8429
|
-
.bp_base_grid_list_item_module_staticList--
|
|
8459
|
+
.bp_base_grid_list_item_module_staticList--896fb .bp_base_grid_list_item_module_staticListItem--896fb{
|
|
8430
8460
|
display:contents;
|
|
8431
8461
|
}
|
|
8432
8462
|
.bp_guided_tooltip_module_content--1247c{
|