@box/blueprint-web 12.119.0 → 12.121.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/index.css +387 -162
- package/dist/lib-esm/index.d.ts +1 -0
- package/dist/lib-esm/index.js +2 -0
- package/dist/lib-esm/large-list-v2/index.d.ts +42 -0
- package/dist/lib-esm/large-list-v2/index.js +47 -0
- package/dist/lib-esm/large-list-v2/large-list-v2-content.d.ts +7 -0
- package/dist/lib-esm/large-list-v2/large-list-v2-content.js +23 -0
- package/dist/lib-esm/large-list-v2/large-list-v2.d.ts +9 -0
- package/dist/lib-esm/large-list-v2/large-list-v2.js +25 -0
- package/dist/lib-esm/large-list-v2/types.d.ts +8 -0
- package/dist/lib-esm/page/index.d.ts +6 -0
- package/dist/lib-esm/page/index.js +5 -1
- package/dist/lib-esm/page/page-context.d.ts +19 -2
- package/dist/lib-esm/page/page-context.js +29 -3
- package/dist/lib-esm/page/page-portal.d.ts +52 -0
- package/dist/lib-esm/page/page-portal.js +83 -0
- package/dist/lib-esm/page/page-subnavigation.js +4 -1
- package/dist/lib-esm/primitives/page-header/page-header.js +8 -2
- package/dist/lib-esm/text-button/text-button.js +2 -0
- package/dist/lib-esm/text-button/types.d.ts +7 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +20 -12
- 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/base-grid-list.js +4 -0
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +2 -1
- package/dist/lib-esm/utils/fast-context.d.ts +2 -0
- package/dist/lib-esm/utils/fast-context.js +31 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -6050,7 +6050,7 @@
|
|
|
6050
6050
|
margin-block-end:var(--space-4);
|
|
6051
6051
|
}
|
|
6052
6052
|
|
|
6053
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6053
|
+
.bp_base_grid_list_item_module_smallList--98669[data-modern=false]{
|
|
6054
6054
|
--small-list-gap:var(--space-2);
|
|
6055
6055
|
--small-list-padding:var(--space-1);
|
|
6056
6056
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -6074,7 +6074,7 @@
|
|
|
6074
6074
|
--small-list-focus-outline-radius:0.875rem;
|
|
6075
6075
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
6076
6076
|
}
|
|
6077
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6077
|
+
.bp_base_grid_list_item_module_smallList--98669[data-modern=false] .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6078
6078
|
font-family:var(--body-default-semibold-font-family);
|
|
6079
6079
|
font-size:var(--body-default-semibold-font-size);
|
|
6080
6080
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -6084,7 +6084,7 @@
|
|
|
6084
6084
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
6085
6085
|
text-transform:var(--body-default-semibold-text-case);
|
|
6086
6086
|
}
|
|
6087
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6087
|
+
.bp_base_grid_list_item_module_smallList--98669[data-modern=false] .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6088
6088
|
font-family:var(--caption-default-font-family);
|
|
6089
6089
|
font-size:var(--caption-default-font-size);
|
|
6090
6090
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6095,7 +6095,7 @@
|
|
|
6095
6095
|
text-transform:var(--caption-default-text-case);
|
|
6096
6096
|
}
|
|
6097
6097
|
|
|
6098
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6098
|
+
.bp_base_grid_list_item_module_smallList--98669[data-modern=true]{
|
|
6099
6099
|
--small-list-gap:var(--bp-space-020);
|
|
6100
6100
|
--small-list-padding:initial;
|
|
6101
6101
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6119,7 +6119,7 @@
|
|
|
6119
6119
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
6120
6120
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
6121
6121
|
}
|
|
6122
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6122
|
+
.bp_base_grid_list_item_module_smallList--98669[data-modern=true] .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6123
6123
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6124
6124
|
font-size:var(--bp-font-size-05);
|
|
6125
6125
|
font-style:normal;
|
|
@@ -6127,7 +6127,7 @@
|
|
|
6127
6127
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6128
6128
|
line-height:var(--bp-font-line-height-04);
|
|
6129
6129
|
}
|
|
6130
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6130
|
+
.bp_base_grid_list_item_module_smallList--98669[data-modern=true] .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6131
6131
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6132
6132
|
font-size:var(--bp-font-size-03);
|
|
6133
6133
|
font-style:normal;
|
|
@@ -6136,7 +6136,7 @@
|
|
|
6136
6136
|
line-height:var(--bp-font-line-height-02);
|
|
6137
6137
|
}
|
|
6138
6138
|
|
|
6139
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6139
|
+
.bp_base_grid_list_item_module_smallList--98669{
|
|
6140
6140
|
box-sizing:border-box;
|
|
6141
6141
|
display:grid;
|
|
6142
6142
|
gap:var(--small-list-gap);
|
|
@@ -6147,7 +6147,7 @@
|
|
|
6147
6147
|
padding:var(--small-list-padding);
|
|
6148
6148
|
width:auto;
|
|
6149
6149
|
}
|
|
6150
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6150
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669{
|
|
6151
6151
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6152
6152
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6153
6153
|
--item-background:var(--small-list-item-background);
|
|
@@ -6166,11 +6166,11 @@
|
|
|
6166
6166
|
transform:translateZ(0);
|
|
6167
6167
|
width:auto;
|
|
6168
6168
|
}
|
|
6169
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6169
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6170
6170
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6171
6171
|
grid-template-rows:100% 0;
|
|
6172
6172
|
}
|
|
6173
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6173
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
6174
6174
|
align-items:center;
|
|
6175
6175
|
aspect-ratio:1;
|
|
6176
6176
|
display:flex;
|
|
@@ -6179,35 +6179,35 @@
|
|
|
6179
6179
|
overflow:hidden;
|
|
6180
6180
|
z-index:1;
|
|
6181
6181
|
}
|
|
6182
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6182
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_thumbnailContent--98669 img,.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_thumbnailContent--98669 svg{
|
|
6183
6183
|
height:100%;
|
|
6184
6184
|
object-fit:cover;
|
|
6185
6185
|
object-position:left;
|
|
6186
6186
|
width:100%;
|
|
6187
6187
|
}
|
|
6188
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6188
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6189
6189
|
color:var(--small-list-header-color);
|
|
6190
6190
|
grid-area:head;
|
|
6191
6191
|
}
|
|
6192
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6192
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_header--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6193
6193
|
align-items:center;
|
|
6194
6194
|
display:flex;
|
|
6195
6195
|
}
|
|
6196
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6196
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6197
6197
|
color:var(--small-list-subtitle-color);
|
|
6198
6198
|
grid-area:subtitle;
|
|
6199
6199
|
}
|
|
6200
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6200
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_header--98669,.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6201
6201
|
display:inline-block;
|
|
6202
6202
|
overflow:hidden;
|
|
6203
6203
|
text-overflow:ellipsis;
|
|
6204
6204
|
white-space:nowrap;
|
|
6205
6205
|
}
|
|
6206
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6206
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669:not(:has(.bp_base_grid_list_item_module_header--98669)),.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669:not(:has(.bp_base_grid_list_item_module_subtitle--98669)){
|
|
6207
6207
|
grid-template-rows:100% 0;
|
|
6208
6208
|
row-gap:0;
|
|
6209
6209
|
}
|
|
6210
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6210
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
6211
6211
|
align-items:center;
|
|
6212
6212
|
display:flex;
|
|
6213
6213
|
grid-area:actions;
|
|
@@ -6217,11 +6217,11 @@
|
|
|
6217
6217
|
padding-right:0;
|
|
6218
6218
|
}
|
|
6219
6219
|
@media (pointer: coarse){
|
|
6220
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6220
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
6221
6221
|
--actions-opacity:1;
|
|
6222
6222
|
}
|
|
6223
6223
|
}
|
|
6224
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6224
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669{
|
|
6225
6225
|
align-items:center;
|
|
6226
6226
|
background:var(--item-background);
|
|
6227
6227
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6230,10 +6230,10 @@
|
|
|
6230
6230
|
justify-content:center;
|
|
6231
6231
|
width:var(--small-list-selection-width);
|
|
6232
6232
|
}
|
|
6233
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6233
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669:hover{
|
|
6234
6234
|
background:var(--small-list-selection-hover-background);
|
|
6235
6235
|
}
|
|
6236
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6236
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
6237
6237
|
align-items:center;
|
|
6238
6238
|
border-radius:var(--small-list-inner-border-radius);
|
|
6239
6239
|
display:flex;
|
|
@@ -6241,17 +6241,17 @@
|
|
|
6241
6241
|
justify-content:flex-end;
|
|
6242
6242
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
6243
6243
|
}
|
|
6244
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6244
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669:last-child{
|
|
6245
6245
|
margin-inline-end:0;
|
|
6246
6246
|
}
|
|
6247
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6247
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_actionsCheckboxWrapper--98669{
|
|
6248
6248
|
display:flex;
|
|
6249
6249
|
}
|
|
6250
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6250
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669:hover,.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669[data-active-item],.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669[data-focus-visible],.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669[data-focused],.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669[data-hovered]{
|
|
6251
6251
|
--actions-opacity:1;
|
|
6252
6252
|
background:var(--item-hover);
|
|
6253
6253
|
}
|
|
6254
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6254
|
+
.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669[data-active-item]::before,.bp_base_grid_list_item_module_smallList--98669 .bp_base_grid_list_item_module_smallListItem--98669[data-focus-visible]::before{
|
|
6255
6255
|
--actions-opacity:1;
|
|
6256
6256
|
border-radius:var(--small-list-focus-outline-radius);
|
|
6257
6257
|
content:"";
|
|
@@ -6265,7 +6265,7 @@
|
|
|
6265
6265
|
width:100%;
|
|
6266
6266
|
}
|
|
6267
6267
|
|
|
6268
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6268
|
+
.bp_base_grid_list_item_module_largeList--98669[data-modern=false]{
|
|
6269
6269
|
--large-list-gap:var(--space-05);
|
|
6270
6270
|
--large-list-padding:var(--space-1);
|
|
6271
6271
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6314,11 +6314,11 @@
|
|
|
6314
6314
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
6315
6315
|
--large-list-item-interaction-backdrop-filter:none;
|
|
6316
6316
|
}
|
|
6317
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6317
|
+
.bp_base_grid_list_item_module_largeList--98669[data-modern=false] .bp_base_grid_list_item_module_largeListItem--98669{
|
|
6318
6318
|
border-radius:var(--large-list-item-border-radius);
|
|
6319
6319
|
}
|
|
6320
6320
|
|
|
6321
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6321
|
+
.bp_base_grid_list_item_module_largeList--98669[data-modern=true]{
|
|
6322
6322
|
--large-list-gap:var(--bp-space-005);
|
|
6323
6323
|
--large-list-padding:var(--bp-space-010);
|
|
6324
6324
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6368,18 +6368,18 @@
|
|
|
6368
6368
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
6369
6369
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
6370
6370
|
}
|
|
6371
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6371
|
+
.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669:hover,.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true],.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669[data-active-item],.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669[data-focus-visible],.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669[data-focused],.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669[data-hovered]{
|
|
6372
6372
|
border-radius:var(--large-list-item-border-radius);
|
|
6373
6373
|
}
|
|
6374
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6374
|
+
.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true]{
|
|
6375
6375
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6376
6376
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6377
6377
|
}
|
|
6378
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6378
|
+
.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--98669[data-modern=true] .bp_base_grid_list_item_module_largeListItem--98669:not[aria-selected=true][data-hovered]{
|
|
6379
6379
|
--item-background:var(--large-list-item-hover-background);
|
|
6380
6380
|
}
|
|
6381
6381
|
|
|
6382
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6382
|
+
.bp_base_grid_list_item_module_largeList--98669{
|
|
6383
6383
|
box-sizing:border-box;
|
|
6384
6384
|
display:flex;
|
|
6385
6385
|
flex-direction:column;
|
|
@@ -6389,7 +6389,7 @@
|
|
|
6389
6389
|
overflow:auto;
|
|
6390
6390
|
padding:var(--large-list-padding);
|
|
6391
6391
|
}
|
|
6392
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6392
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669{
|
|
6393
6393
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
6394
6394
|
--actions-opacity:0;
|
|
6395
6395
|
--item-background:var(--large-list-item-background);
|
|
@@ -6405,18 +6405,18 @@
|
|
|
6405
6405
|
position:relative;
|
|
6406
6406
|
transform:translateZ(0);
|
|
6407
6407
|
}
|
|
6408
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6408
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6409
6409
|
grid-template-rows:1fr 1fr 1fr;
|
|
6410
6410
|
}
|
|
6411
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6411
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669:focus-within{
|
|
6412
6412
|
--actions-opacity:1;
|
|
6413
6413
|
}
|
|
6414
6414
|
@media (max-width: 374px){
|
|
6415
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6415
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669{
|
|
6416
6416
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
6417
6417
|
}
|
|
6418
6418
|
}
|
|
6419
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6419
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
6420
6420
|
aspect-ratio:4/3;
|
|
6421
6421
|
border:var(--large-list-item-thumbnail-border);
|
|
6422
6422
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -6424,24 +6424,24 @@
|
|
|
6424
6424
|
overflow:hidden;
|
|
6425
6425
|
z-index:1;
|
|
6426
6426
|
}
|
|
6427
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6427
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669 img{
|
|
6428
6428
|
height:100%;
|
|
6429
6429
|
object-fit:cover;
|
|
6430
6430
|
object-position:left;
|
|
6431
6431
|
width:100%;
|
|
6432
6432
|
}
|
|
6433
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6433
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6434
6434
|
border:none;
|
|
6435
6435
|
}
|
|
6436
6436
|
@media (max-width: 374px){
|
|
6437
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6437
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
6438
6438
|
aspect-ratio:1/1;
|
|
6439
6439
|
}
|
|
6440
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6440
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669 img{
|
|
6441
6441
|
object-fit:contain;
|
|
6442
6442
|
}
|
|
6443
6443
|
}
|
|
6444
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6444
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
6445
6445
|
align-items:center;
|
|
6446
6446
|
display:flex;
|
|
6447
6447
|
height:var(--large-list-item-actions-height);
|
|
@@ -6453,11 +6453,11 @@
|
|
|
6453
6453
|
top:var(--large-list-item-actions-top);
|
|
6454
6454
|
}
|
|
6455
6455
|
@media (pointer: coarse){
|
|
6456
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6456
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
6457
6457
|
--actions-opacity:1;
|
|
6458
6458
|
}
|
|
6459
6459
|
}
|
|
6460
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6460
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669{
|
|
6461
6461
|
align-items:center;
|
|
6462
6462
|
background:var(--item-background);
|
|
6463
6463
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -6466,15 +6466,15 @@
|
|
|
6466
6466
|
justify-content:center;
|
|
6467
6467
|
width:var(--large-list-item-selection-width);
|
|
6468
6468
|
}
|
|
6469
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6469
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669:hover{
|
|
6470
6470
|
background:var(--large-list-item-selection-hover-background);
|
|
6471
6471
|
}
|
|
6472
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6472
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_fade--98669{
|
|
6473
6473
|
align-self:stretch;
|
|
6474
6474
|
background:var(--large-list-item-fade-background);
|
|
6475
6475
|
width:var(--large-list-item-fade-width);
|
|
6476
6476
|
}
|
|
6477
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6477
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
6478
6478
|
align-items:center;
|
|
6479
6479
|
background:var(--item-background);
|
|
6480
6480
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -6483,14 +6483,14 @@
|
|
|
6483
6483
|
justify-content:flex-end;
|
|
6484
6484
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
6485
6485
|
}
|
|
6486
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6486
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669:last-child{
|
|
6487
6487
|
margin-inline-end:0;
|
|
6488
6488
|
}
|
|
6489
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6489
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_actionsCheckboxWrapper--98669{
|
|
6490
6490
|
background:var(--item-background);
|
|
6491
6491
|
display:flex;
|
|
6492
6492
|
}
|
|
6493
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6493
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6494
6494
|
align-items:center;
|
|
6495
6495
|
color:var(--large-list-item-header-color);
|
|
6496
6496
|
display:inline-flex;
|
|
@@ -6508,7 +6508,7 @@
|
|
|
6508
6508
|
text-transform:var(--body-default-semibold-text-case);
|
|
6509
6509
|
white-space:nowrap;
|
|
6510
6510
|
}
|
|
6511
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6511
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6512
6512
|
align-items:center;
|
|
6513
6513
|
color:var(--large-list-item-subtitle-color);
|
|
6514
6514
|
display:flex;
|
|
@@ -6524,7 +6524,7 @@
|
|
|
6524
6524
|
text-transform:var(--caption-default-text-case);
|
|
6525
6525
|
white-space:nowrap;
|
|
6526
6526
|
}
|
|
6527
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6527
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_description--98669{
|
|
6528
6528
|
-webkit-box-orient:vertical;
|
|
6529
6529
|
-webkit-line-clamp:3;
|
|
6530
6530
|
color:var(--large-list-item-description-color);
|
|
@@ -6543,13 +6543,13 @@
|
|
|
6543
6543
|
text-decoration:var(--body-default-text-decoration);
|
|
6544
6544
|
text-transform:var(--body-default-text-case);
|
|
6545
6545
|
}
|
|
6546
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6546
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_snippet--98669{
|
|
6547
6547
|
grid-area:description;
|
|
6548
6548
|
margin:0;
|
|
6549
6549
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
6550
6550
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
6551
6551
|
}
|
|
6552
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6552
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669 .bp_base_grid_list_item_module_snippet--98669 .bp_base_grid_list_item_module_snippetContent--98669{
|
|
6553
6553
|
-webkit-box-orient:vertical;
|
|
6554
6554
|
-webkit-line-clamp:2;
|
|
6555
6555
|
border:var(--large-list-item-snippet-border);
|
|
@@ -6569,13 +6569,13 @@
|
|
|
6569
6569
|
text-decoration:var(--body-default-text-decoration);
|
|
6570
6570
|
text-transform:var(--body-default-text-case);
|
|
6571
6571
|
}
|
|
6572
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6572
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669:hover,.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[data-active-item],.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[data-focus-visible],.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[data-focused],.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[data-hovered]{
|
|
6573
6573
|
--actions-opacity:1;
|
|
6574
6574
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6575
6575
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6576
6576
|
outline:var(--large-list-item-hover-outline);
|
|
6577
6577
|
}
|
|
6578
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6578
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[data-active-item]::before,.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[data-focus-visible]::before{
|
|
6579
6579
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
6580
6580
|
content:"";
|
|
6581
6581
|
display:block;
|
|
@@ -6587,31 +6587,31 @@
|
|
|
6587
6587
|
top:0;
|
|
6588
6588
|
width:100%;
|
|
6589
6589
|
}
|
|
6590
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6590
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true]{
|
|
6591
6591
|
--actions-opacity:1;
|
|
6592
6592
|
--item-background:var(--large-list-item-selected-background);
|
|
6593
6593
|
outline:var(--large-list-item-selected-outline);
|
|
6594
6594
|
z-index:2;
|
|
6595
6595
|
}
|
|
6596
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6596
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true] .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_fade--98669{
|
|
6597
6597
|
background:var(--large-list-item-selected-fade-background);
|
|
6598
6598
|
}
|
|
6599
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6599
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
6600
6600
|
display:none;
|
|
6601
6601
|
}
|
|
6602
6602
|
@supports selector(:has(.foo)){
|
|
6603
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6603
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--98669 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true]:has(+ [aria-selected=true]){
|
|
6604
6604
|
border-end-end-radius:0;
|
|
6605
6605
|
border-end-start-radius:0;
|
|
6606
6606
|
}
|
|
6607
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6607
|
+
.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--98669 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--98669 .bp_base_grid_list_item_module_largeListItem--98669[aria-selected=true] + [aria-selected=true]{
|
|
6608
6608
|
border-start-end-radius:0;
|
|
6609
6609
|
border-start-start-radius:0;
|
|
6610
6610
|
border-top:none;
|
|
6611
6611
|
}
|
|
6612
6612
|
}
|
|
6613
6613
|
|
|
6614
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6614
|
+
.bp_base_grid_list_item_module_gridList--98669[data-modern=false]{
|
|
6615
6615
|
--grid-list-minimum-item-width:188px;
|
|
6616
6616
|
--grid-list-gap:var(--space-4);
|
|
6617
6617
|
--grid-list-padding:var(--space-1);
|
|
@@ -6652,7 +6652,7 @@
|
|
|
6652
6652
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
6653
6653
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
6654
6654
|
}
|
|
6655
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6655
|
+
.bp_base_grid_list_item_module_gridList--98669[data-modern=false] .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6656
6656
|
font-family:var(--body-default-font-family);
|
|
6657
6657
|
font-size:var(--body-default-font-size);
|
|
6658
6658
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6662,7 +6662,7 @@
|
|
|
6662
6662
|
text-decoration:var(--body-default-text-decoration);
|
|
6663
6663
|
text-transform:var(--body-default-text-case);
|
|
6664
6664
|
}
|
|
6665
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6665
|
+
.bp_base_grid_list_item_module_gridList--98669[data-modern=false] .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6666
6666
|
font-family:var(--caption-default-font-family);
|
|
6667
6667
|
font-size:var(--caption-default-font-size);
|
|
6668
6668
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6673,7 +6673,7 @@
|
|
|
6673
6673
|
text-transform:var(--caption-default-text-case);
|
|
6674
6674
|
}
|
|
6675
6675
|
|
|
6676
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6676
|
+
.bp_base_grid_list_item_module_gridList--98669[data-modern=true]{
|
|
6677
6677
|
--grid-list-minimum-item-width:188px;
|
|
6678
6678
|
--grid-list-gap:var(--bp-space-040);
|
|
6679
6679
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -6714,7 +6714,7 @@
|
|
|
6714
6714
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
6715
6715
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
6716
6716
|
}
|
|
6717
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6717
|
+
.bp_base_grid_list_item_module_gridList--98669[data-modern=true] .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6718
6718
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6719
6719
|
font-size:var(--bp-font-size-05);
|
|
6720
6720
|
font-style:normal;
|
|
@@ -6722,7 +6722,7 @@
|
|
|
6722
6722
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6723
6723
|
line-height:var(--bp-font-line-height-04);
|
|
6724
6724
|
}
|
|
6725
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6725
|
+
.bp_base_grid_list_item_module_gridList--98669[data-modern=true] .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6726
6726
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6727
6727
|
font-size:var(--bp-font-size-03);
|
|
6728
6728
|
font-style:normal;
|
|
@@ -6731,7 +6731,7 @@
|
|
|
6731
6731
|
line-height:var(--bp-font-line-height-02);
|
|
6732
6732
|
}
|
|
6733
6733
|
|
|
6734
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6734
|
+
.bp_base_grid_list_item_module_gridList--98669{
|
|
6735
6735
|
box-sizing:border-box;
|
|
6736
6736
|
display:grid;
|
|
6737
6737
|
gap:var(--grid-list-gap);
|
|
@@ -6741,7 +6741,7 @@
|
|
|
6741
6741
|
overflow:auto;
|
|
6742
6742
|
padding:var(--grid-list-padding);
|
|
6743
6743
|
}
|
|
6744
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6744
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669{
|
|
6745
6745
|
--actions-opacity:0;
|
|
6746
6746
|
--item-background:var(--grid-list-item-background);
|
|
6747
6747
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -6759,15 +6759,15 @@
|
|
|
6759
6759
|
row-gap:var(--row-gap);
|
|
6760
6760
|
transform:translateZ(0);
|
|
6761
6761
|
}
|
|
6762
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6762
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669:focus-within{
|
|
6763
6763
|
--actions-opacity:1;
|
|
6764
6764
|
}
|
|
6765
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6765
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_statusPin--98669{
|
|
6766
6766
|
left:var(--grid-list-item-status-pin-left);
|
|
6767
6767
|
position:absolute;
|
|
6768
6768
|
top:var(--grid-list-item-status-pin-top);
|
|
6769
6769
|
}
|
|
6770
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6770
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
6771
6771
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
6772
6772
|
background:var(--grid-list-thumbnail-background);
|
|
6773
6773
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -6775,25 +6775,25 @@
|
|
|
6775
6775
|
grid-area:thumbnail;
|
|
6776
6776
|
overflow:hidden;
|
|
6777
6777
|
}
|
|
6778
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6778
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669 img{
|
|
6779
6779
|
height:100%;
|
|
6780
6780
|
object-fit:contain;
|
|
6781
6781
|
width:100%;
|
|
6782
6782
|
}
|
|
6783
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6783
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6784
6784
|
border:none;
|
|
6785
6785
|
}
|
|
6786
6786
|
@media (pointer: coarse){
|
|
6787
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6787
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
6788
6788
|
margin-block-end:var(--space-1);
|
|
6789
6789
|
}
|
|
6790
6790
|
}
|
|
6791
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6791
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
6792
6792
|
grid-area:subtitle;
|
|
6793
6793
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
6794
6794
|
opacity:var(--actions-opacity);
|
|
6795
6795
|
}
|
|
6796
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6796
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669{
|
|
6797
6797
|
align-items:center;
|
|
6798
6798
|
border-radius:var(--grid-list-selection-border-radius);
|
|
6799
6799
|
display:flex;
|
|
@@ -6804,10 +6804,10 @@
|
|
|
6804
6804
|
top:var(--grid-list-selection-top);
|
|
6805
6805
|
width:var(--grid-list-selection-width);
|
|
6806
6806
|
}
|
|
6807
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6807
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669:hover{
|
|
6808
6808
|
background:var(--grid-list-selection-hover-background);
|
|
6809
6809
|
}
|
|
6810
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6810
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
6811
6811
|
align-items:center;
|
|
6812
6812
|
background:var(--item-background);
|
|
6813
6813
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -6816,29 +6816,29 @@
|
|
|
6816
6816
|
justify-content:center;
|
|
6817
6817
|
}
|
|
6818
6818
|
@media (pointer: coarse){
|
|
6819
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6819
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
6820
6820
|
grid-area:actions;
|
|
6821
6821
|
margin-block-start:0;
|
|
6822
6822
|
}
|
|
6823
6823
|
}
|
|
6824
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6824
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6825
6825
|
color:var(--grid-list-header-color);
|
|
6826
6826
|
grid-area:head;
|
|
6827
6827
|
height:var(--grid-list-header-height);
|
|
6828
6828
|
overflow-wrap:anywhere;
|
|
6829
6829
|
text-align:center;
|
|
6830
6830
|
}
|
|
6831
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6831
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_header--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6832
6832
|
align-items:center;
|
|
6833
6833
|
display:flex;
|
|
6834
6834
|
}
|
|
6835
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6835
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_header--98669{
|
|
6836
6836
|
-webkit-box-orient:vertical;
|
|
6837
6837
|
-webkit-line-clamp:2;
|
|
6838
6838
|
display:-webkit-box;
|
|
6839
6839
|
overflow:hidden;
|
|
6840
6840
|
}
|
|
6841
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6841
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
6842
6842
|
color:var(--grid-list-subtitle-color);
|
|
6843
6843
|
grid-area:subtitle;
|
|
6844
6844
|
height:var(--grid-list-subtitle-height);
|
|
@@ -6847,16 +6847,16 @@
|
|
|
6847
6847
|
text-overflow:ellipsis;
|
|
6848
6848
|
white-space:nowrap;
|
|
6849
6849
|
}
|
|
6850
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6850
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669 .bp_base_grid_list_item_module_subtitle--98669.bp_base_grid_list_item_module_loading--98669{
|
|
6851
6851
|
height:var(--grid-list-subtitle-loading-height);
|
|
6852
6852
|
}
|
|
6853
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6853
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669.bp_base_grid_list_item_module_isItemInteracted--98669,.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669:hover,.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-active-item],.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-focus-visible],.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-focused],.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-hovered]{
|
|
6854
6854
|
--actions-opacity:1;
|
|
6855
6855
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
6856
6856
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
6857
6857
|
outline:var(--grid-list-item-hover-outline);
|
|
6858
6858
|
}
|
|
6859
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6859
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-active-item]::before,.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-focus-visible]::before{
|
|
6860
6860
|
border-radius:var(--grid-list-item-border-radius);
|
|
6861
6861
|
content:"";
|
|
6862
6862
|
display:block;
|
|
@@ -6868,7 +6868,7 @@
|
|
|
6868
6868
|
top:0;
|
|
6869
6869
|
width:100%;
|
|
6870
6870
|
}
|
|
6871
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6871
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-active-item]::after,.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[data-focus-visible]::after{
|
|
6872
6872
|
border-radius:var(--grid-list-item-border-radius);
|
|
6873
6873
|
content:"";
|
|
6874
6874
|
display:block;
|
|
@@ -6880,16 +6880,16 @@
|
|
|
6880
6880
|
top:0;
|
|
6881
6881
|
width:100%;
|
|
6882
6882
|
}
|
|
6883
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6883
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[aria-selected=true]{
|
|
6884
6884
|
--actions-opacity:1;
|
|
6885
6885
|
--item-background:var(--grid-list-item-selected-background);
|
|
6886
6886
|
outline:var(--grid-list-item-selected-outline);
|
|
6887
6887
|
}
|
|
6888
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6888
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--98669) .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
6889
6889
|
opacity:0;
|
|
6890
6890
|
}
|
|
6891
6891
|
@media (pointer: coarse){
|
|
6892
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6892
|
+
.bp_base_grid_list_item_module_gridList--98669 .bp_base_grid_list_item_module_gridListItem--98669{
|
|
6893
6893
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
6894
6894
|
--actions-opacity:1;
|
|
6895
6895
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -6897,7 +6897,7 @@
|
|
|
6897
6897
|
}
|
|
6898
6898
|
}
|
|
6899
6899
|
|
|
6900
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6900
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-modern=false]{
|
|
6901
6901
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
6902
6902
|
--tooltip-offset:var(--space-2);
|
|
6903
6903
|
--tooltip-arrow-display:block;
|
|
@@ -6909,7 +6909,7 @@
|
|
|
6909
6909
|
--tooltip-backdrop-filter:none;
|
|
6910
6910
|
}
|
|
6911
6911
|
|
|
6912
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6912
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-modern=true]{
|
|
6913
6913
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
6914
6914
|
--tooltip-offset:var(--bp-space-020);
|
|
6915
6915
|
--tooltip-arrow-display:none;
|
|
@@ -6921,7 +6921,7 @@
|
|
|
6921
6921
|
--tooltip-backdrop-filter:blur(16px);
|
|
6922
6922
|
}
|
|
6923
6923
|
|
|
6924
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6924
|
+
.bp_base_grid_list_item_module_tooltipContent--98669{
|
|
6925
6925
|
background-color:var(--tooltip-background-color);
|
|
6926
6926
|
border:var(--tooltip-border);
|
|
6927
6927
|
border-radius:var(--tooltip-radius);
|
|
@@ -6940,27 +6940,27 @@
|
|
|
6940
6940
|
word-break:break-word;
|
|
6941
6941
|
z-index:2147483647;
|
|
6942
6942
|
}
|
|
6943
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6943
|
+
.bp_base_grid_list_item_module_tooltipContent--98669 .bp_base_grid_list_item_module_tooltipArrow--98669 svg{
|
|
6944
6944
|
display:var(--tooltip-arrow-display);
|
|
6945
6945
|
height:.5rem;
|
|
6946
6946
|
width:1rem;
|
|
6947
6947
|
}
|
|
6948
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6948
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-placement=top]{
|
|
6949
6949
|
margin-block-end:var(--tooltip-offset);
|
|
6950
6950
|
}
|
|
6951
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6951
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--98669 svg{
|
|
6952
6952
|
transform:rotate(180deg);
|
|
6953
6953
|
}
|
|
6954
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6954
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-placement=bottom]{
|
|
6955
6955
|
margin-block-start:var(--tooltip-offset);
|
|
6956
6956
|
}
|
|
6957
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6957
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-placement=right]{
|
|
6958
6958
|
margin-inline-start:var(--tooltip-offset);
|
|
6959
6959
|
}
|
|
6960
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6960
|
+
.bp_base_grid_list_item_module_tooltipContent--98669[data-placement=left]{
|
|
6961
6961
|
margin-inline-end:var(--tooltip-offset);
|
|
6962
6962
|
}
|
|
6963
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
6963
|
+
.bp_base_grid_list_item_module_gridListV2--98669{
|
|
6964
6964
|
--grid-v2-gap:var(--bp-space-020);
|
|
6965
6965
|
--grid-v2-padding:var(--bp-space-030);
|
|
6966
6966
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -6994,8 +6994,6 @@
|
|
|
6994
6994
|
--grid-v2-item-selected-border-radius:1.125rem;
|
|
6995
6995
|
--grid-v2-item-selected-background:var(--bp-box-blue-05);
|
|
6996
6996
|
--grid-v2-item-selected-border-color:var(--bp-border-item-border-selected);
|
|
6997
|
-
--grid-v2-subtitle-font-size:var(--bp-font-size-04);
|
|
6998
|
-
--grid-v2-subtitle-line-height:var(--bp-font-line-height-04);
|
|
6999
6997
|
--grid-v2-thumbnail-badges-right:var(--bp-space-020);
|
|
7000
6998
|
--grid-v2-thumbnail-badges-bottom:var(--bp-space-020);
|
|
7001
6999
|
--grid-v2-thumbnail-badges-gap:var(--bp-space-010);
|
|
@@ -7015,7 +7013,7 @@
|
|
|
7015
7013
|
overflow:auto;
|
|
7016
7014
|
padding:var(--grid-v2-padding) 0;
|
|
7017
7015
|
}
|
|
7018
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7016
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669{
|
|
7019
7017
|
--actions-opacity:0;
|
|
7020
7018
|
--subtitle-opacity:1;
|
|
7021
7019
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7033,20 +7031,20 @@
|
|
|
7033
7031
|
position:relative;
|
|
7034
7032
|
transform:translateZ(0);
|
|
7035
7033
|
}
|
|
7036
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7034
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669:focus-within{
|
|
7037
7035
|
--actions-opacity:1;
|
|
7038
7036
|
--subtitle-opacity:0;
|
|
7039
7037
|
}
|
|
7040
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7038
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_noActions--98669:focus-within{
|
|
7041
7039
|
--subtitle-opacity:1;
|
|
7042
7040
|
}
|
|
7043
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7041
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_statusPin--98669{
|
|
7044
7042
|
left:var(--grid-v2-item-status-pin-left);
|
|
7045
7043
|
position:absolute;
|
|
7046
7044
|
top:var(--grid-v2-item-status-pin-top);
|
|
7047
7045
|
transition:transform .15s ease-out;
|
|
7048
7046
|
}
|
|
7049
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7047
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
7050
7048
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7051
7049
|
background:var(--grid-v2-thumbnail-background);
|
|
7052
7050
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7056,20 +7054,20 @@
|
|
|
7056
7054
|
position:relative;
|
|
7057
7055
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7058
7056
|
}
|
|
7059
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7057
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 img{
|
|
7060
7058
|
height:100%;
|
|
7061
7059
|
object-fit:contain;
|
|
7062
7060
|
width:100%;
|
|
7063
7061
|
}
|
|
7064
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7062
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669.bp_base_grid_list_item_module_loading--98669{
|
|
7065
7063
|
border:none;
|
|
7066
7064
|
}
|
|
7067
7065
|
@media (pointer: coarse){
|
|
7068
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7066
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
7069
7067
|
margin-block-end:var(--bp-space-010);
|
|
7070
7068
|
}
|
|
7071
7069
|
}
|
|
7072
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7070
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_thumbnailBadges--98669{
|
|
7073
7071
|
align-items:center;
|
|
7074
7072
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7075
7073
|
display:flex;
|
|
@@ -7077,12 +7075,12 @@
|
|
|
7077
7075
|
position:absolute;
|
|
7078
7076
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7079
7077
|
}
|
|
7080
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7078
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_statusBadge--98669{
|
|
7081
7079
|
align-items:center;
|
|
7082
7080
|
display:flex;
|
|
7083
7081
|
justify-content:center;
|
|
7084
7082
|
}
|
|
7085
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7083
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_fileTypePill--98669{
|
|
7086
7084
|
background:var(--grid-v2-file-type-pill-background);
|
|
7087
7085
|
border:var(--grid-v2-file-type-pill-border);
|
|
7088
7086
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7091,13 +7089,13 @@
|
|
|
7091
7089
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7092
7090
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7093
7091
|
}
|
|
7094
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7092
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
7095
7093
|
grid-area:subtitle;
|
|
7096
7094
|
margin-top:.25rem;
|
|
7097
7095
|
opacity:var(--actions-opacity);
|
|
7098
7096
|
transition:opacity .15s ease-out;
|
|
7099
7097
|
}
|
|
7100
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7098
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669{
|
|
7101
7099
|
align-items:center;
|
|
7102
7100
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7103
7101
|
display:flex;
|
|
@@ -7109,86 +7107,73 @@
|
|
|
7109
7107
|
transition:transform .15s ease-out;
|
|
7110
7108
|
width:var(--grid-v2-selection-width);
|
|
7111
7109
|
}
|
|
7112
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7110
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669:hover{
|
|
7113
7111
|
background:var(--grid-v2-selection-hover-background);
|
|
7114
7112
|
}
|
|
7115
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7113
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
7116
7114
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7117
7115
|
display:flex;
|
|
7118
7116
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7119
7117
|
padding-inline-start:.25rem;
|
|
7120
7118
|
}
|
|
7121
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7119
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_header--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
7122
7120
|
padding-inline-start:.25rem;
|
|
7123
7121
|
}
|
|
7124
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7122
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_header--98669{
|
|
7125
7123
|
color:var(--grid-v2-header-color);
|
|
7126
|
-
|
|
7127
|
-
font-
|
|
7128
|
-
font-size:var(--body-default-semibold-font-size);
|
|
7129
|
-
font-size:.9375rem;
|
|
7130
|
-
font-weight:var(--body-default-semibold-font-weight);
|
|
7124
|
+
font-size:var(--bp-font-size-05);
|
|
7125
|
+
font-weight:var(--bp-font-weight-semibold);
|
|
7131
7126
|
grid-area:head;
|
|
7132
|
-
letter-spacing:var(--body-default-semibold-letter-spacing);
|
|
7133
|
-
line-height:var(--body-default-semibold-line-height);
|
|
7134
7127
|
margin-top:var(--grid-v2-thumbnail-head-gap);
|
|
7128
|
+
}
|
|
7129
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_header--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
7130
|
+
display:block;
|
|
7131
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7132
|
+
font-style:normal;
|
|
7133
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7134
|
+
line-height:var(--bp-font-line-height-04);
|
|
7135
7135
|
overflow:hidden;
|
|
7136
|
-
-webkit-text-decoration:var(--body-default-semibold-text-decoration);
|
|
7137
|
-
text-decoration:var(--body-default-semibold-text-decoration);
|
|
7138
7136
|
text-overflow:ellipsis;
|
|
7139
|
-
text-transform:var(--body-default-semibold-text-case);
|
|
7140
7137
|
white-space:nowrap;
|
|
7141
7138
|
}
|
|
7142
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7139
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
7143
7140
|
color:var(--grid-v2-subtitle-color);
|
|
7144
|
-
|
|
7145
|
-
font-
|
|
7146
|
-
font-size:var(--caption-default-font-size);
|
|
7147
|
-
font-size:var(--grid-v2-subtitle-font-size);
|
|
7148
|
-
font-weight:var(--caption-default-font-weight);
|
|
7141
|
+
font-size:var(--bp-font-size-04);
|
|
7142
|
+
font-weight:var(--bp-font-weight-regular);
|
|
7149
7143
|
grid-area:subtitle;
|
|
7150
|
-
letter-spacing:var(--caption-default-letter-spacing);
|
|
7151
|
-
line-height:var(--caption-default-line-height);
|
|
7152
|
-
line-height:var(--grid-v2-subtitle-line-height);
|
|
7153
7144
|
margin-top:var(--grid-v2-head-subtitle-gap);
|
|
7154
7145
|
opacity:var(--subtitle-opacity);
|
|
7155
|
-
overflow:hidden;
|
|
7156
|
-
-webkit-text-decoration:var(--caption-default-text-decoration);
|
|
7157
|
-
text-decoration:var(--caption-default-text-decoration);
|
|
7158
|
-
text-overflow:ellipsis;
|
|
7159
|
-
text-transform:var(--caption-default-text-case);
|
|
7160
7146
|
transition:opacity .15s ease-out;
|
|
7161
|
-
white-space:nowrap;
|
|
7162
7147
|
}
|
|
7163
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7148
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_textCentered--98669{
|
|
7164
7149
|
justify-content:center;
|
|
7165
7150
|
padding-inline-start:0;
|
|
7166
7151
|
text-align:center;
|
|
7167
7152
|
}
|
|
7168
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7153
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_innerCentered--98669{
|
|
7169
7154
|
justify-content:center;
|
|
7170
7155
|
padding-inline-start:0;
|
|
7171
7156
|
}
|
|
7172
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7157
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-hovered]{
|
|
7173
7158
|
--actions-opacity:1;
|
|
7174
7159
|
--subtitle-opacity:0;
|
|
7175
7160
|
}
|
|
7176
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7161
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669 .bp_base_grid_list_item_module_selection--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669 .bp_base_grid_list_item_module_statusPin--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669 .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true] .bp_base_grid_list_item_module_selection--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true] .bp_base_grid_list_item_module_statusPin--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible] .bp_base_grid_list_item_module_selection--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible] .bp_base_grid_list_item_module_statusPin--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-hovered] .bp_base_grid_list_item_module_selection--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-hovered] .bp_base_grid_list_item_module_statusPin--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-hovered] .bp_base_grid_list_item_module_thumbnail--98669{
|
|
7177
7162
|
transform:translateY(-.125rem);
|
|
7178
7163
|
}
|
|
7179
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7164
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669 .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-hovered] .bp_base_grid_list_item_module_thumbnail--98669{
|
|
7180
7165
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7181
7166
|
}
|
|
7182
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7167
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669 .bp_base_grid_list_item_module_subtitle--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true] .bp_base_grid_list_item_module_subtitle--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible] .bp_base_grid_list_item_module_subtitle--98669,.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-hovered] .bp_base_grid_list_item_module_subtitle--98669{
|
|
7183
7168
|
pointer-events:none;
|
|
7184
7169
|
}
|
|
7185
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7170
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_noActions--98669[data-hovered]{
|
|
7186
7171
|
--subtitle-opacity:1;
|
|
7187
7172
|
}
|
|
7188
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7173
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669.bp_base_grid_list_item_module_noActions--98669[data-hovered] .bp_base_grid_list_item_module_subtitle--98669{
|
|
7189
7174
|
pointer-events:auto;
|
|
7190
7175
|
}
|
|
7191
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7176
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[data-focus-visible]::before{
|
|
7192
7177
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7193
7178
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7194
7179
|
bottom:.1875rem;
|
|
@@ -7200,10 +7185,10 @@
|
|
|
7200
7185
|
top:.1875rem;
|
|
7201
7186
|
transform:translateY(-.125rem);
|
|
7202
7187
|
}
|
|
7203
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7188
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true]{
|
|
7204
7189
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7205
7190
|
}
|
|
7206
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7191
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669[aria-selected=true]::after{
|
|
7207
7192
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7208
7193
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7209
7194
|
bottom:0;
|
|
@@ -7216,21 +7201,21 @@
|
|
|
7216
7201
|
transform:translateY(-.125rem);
|
|
7217
7202
|
}
|
|
7218
7203
|
@media (pointer: coarse){
|
|
7219
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7204
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669{
|
|
7220
7205
|
--actions-opacity:1;
|
|
7221
7206
|
--subtitle-opacity:1;
|
|
7222
7207
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7223
7208
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7224
7209
|
}
|
|
7225
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7210
|
+
.bp_base_grid_list_item_module_gridListV2--98669 .bp_base_grid_list_item_module_gridListV2Item--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
7226
7211
|
grid-area:actions;
|
|
7227
7212
|
}
|
|
7228
7213
|
}
|
|
7229
7214
|
|
|
7230
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
7215
|
+
.bp_base_grid_list_item_module_gridListV2Small--98669{
|
|
7231
7216
|
--grid-v2-min-item-width:15.625rem;
|
|
7232
7217
|
}
|
|
7233
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7218
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--98669{
|
|
7234
7219
|
display:grid;
|
|
7235
7220
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7236
7221
|
grid-template-columns:1fr;
|
|
@@ -7242,13 +7227,253 @@
|
|
|
7242
7227
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7243
7228
|
}
|
|
7244
7229
|
@media (pointer: coarse){
|
|
7245
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7230
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--98669{
|
|
7246
7231
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7247
7232
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7248
7233
|
}
|
|
7249
7234
|
}
|
|
7235
|
+
.bp_base_grid_list_item_module_listV2ClickShield--98669{
|
|
7236
|
+
display:contents;
|
|
7237
|
+
}
|
|
7238
|
+
.bp_base_grid_list_item_module_listV2--98669{
|
|
7239
|
+
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7240
|
+
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7241
|
+
--list-v2-padding:var(--bp-space-020);
|
|
7242
|
+
--list-v2-item-padding:.1875rem;
|
|
7243
|
+
--list-v2-thumbnail-content-gap:var(--bp-space-050);
|
|
7244
|
+
--list-v2-content-gap:var(--bp-space-020);
|
|
7245
|
+
--list-v2-thumbnail-height:7.75rem;
|
|
7246
|
+
--list-v2-thumbnail-width:10.333rem;
|
|
7247
|
+
--list-v2-thumbnail-border-radius:var(--bp-radius-06);
|
|
7248
|
+
--list-v2-thumbnail-border:var(--bp-border-01) solid var(--bp-black-opacity-08);
|
|
7249
|
+
--list-v2-item-background:var(--bp-gray-white);
|
|
7250
|
+
--list-v2-item-border-radius:var(--bp-radius-06);
|
|
7251
|
+
--list-v2-header-color:var(--bp-text-text-on-light);
|
|
7252
|
+
--list-v2-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
7253
|
+
--list-v2-actions-gap:var(--bp-space-010);
|
|
7254
|
+
--list-v2-selection-size:var(--bp-size-080);
|
|
7255
|
+
--list-v2-selection-border-radius:var(--bp-radius-03);
|
|
7256
|
+
--list-v2-selection-hover-background:var(--bp-surface-cta-surface-icon-hover);
|
|
7257
|
+
--list-v2-item-height:8.125rem;
|
|
7258
|
+
--list-v2-hover-background:var(--bp-surface-list-item-surface-hover);
|
|
7259
|
+
--list-v2-hover-box-shadow:var(--dropshadow-2);
|
|
7260
|
+
--list-v2-focus-border-color:var(--bp-outline-focus-on-light);
|
|
7261
|
+
--list-v2-focus-border-radius:.84375rem;
|
|
7262
|
+
--list-v2-selected-background:var(--bp-surface-list-item-surface-selected);
|
|
7263
|
+
--list-v2-selected-border-color:var(--bp-border-list-item-border-selected);
|
|
7264
|
+
--list-v2-selected-border-radius:.9375rem;
|
|
7265
|
+
--list-v2-thumbnail-badges-right:var(--bp-space-020);
|
|
7266
|
+
--list-v2-thumbnail-badges-bottom:var(--bp-space-020);
|
|
7267
|
+
--list-v2-thumbnail-badges-gap:var(--bp-space-010);
|
|
7268
|
+
--list-v2-file-type-pill-height:var(--bp-size-050);
|
|
7269
|
+
--list-v2-file-type-pill-padding:0 var(--bp-space-020);
|
|
7270
|
+
--list-v2-file-type-pill-background:var(--bp-gray-02);
|
|
7271
|
+
--list-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-10);
|
|
7272
|
+
--list-v2-file-type-pill-border-radius:var(--bp-radius-08);
|
|
7273
|
+
box-sizing:border-box;
|
|
7274
|
+
display:flex;
|
|
7275
|
+
flex-direction:column;
|
|
7276
|
+
gap:0;
|
|
7277
|
+
max-height:inherit;
|
|
7278
|
+
outline:none;
|
|
7279
|
+
overflow:auto;
|
|
7280
|
+
padding:var(--list-v2-padding);
|
|
7281
|
+
width:100%;
|
|
7282
|
+
}
|
|
7283
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669{
|
|
7284
|
+
--actions-opacity:0;
|
|
7285
|
+
--item-background:var(--list-v2-item-background);
|
|
7286
|
+
align-items:center;
|
|
7287
|
+
background:var(--item-background);
|
|
7288
|
+
border-radius:var(--list-v2-item-border-radius);
|
|
7289
|
+
box-sizing:border-box;
|
|
7290
|
+
cursor:pointer;
|
|
7291
|
+
display:grid;
|
|
7292
|
+
gap:var(--list-v2-thumbnail-content-gap);
|
|
7293
|
+
grid-template-areas:"thumbnail content";
|
|
7294
|
+
grid-template-columns:auto 1fr;
|
|
7295
|
+
height:var(--list-v2-item-height);
|
|
7296
|
+
outline:none;
|
|
7297
|
+
padding:var(--list-v2-item-padding);
|
|
7298
|
+
position:relative;
|
|
7299
|
+
transition:background .15s ease-out;
|
|
7300
|
+
}
|
|
7301
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669:not(:first-child){
|
|
7302
|
+
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
7303
|
+
}
|
|
7304
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_listV2Divider--98669{
|
|
7305
|
+
background:var(--list-v2-divider-color);
|
|
7306
|
+
height:.0625rem;
|
|
7307
|
+
left:0;
|
|
7308
|
+
pointer-events:none;
|
|
7309
|
+
position:absolute;
|
|
7310
|
+
right:0;
|
|
7311
|
+
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
7312
|
+
}
|
|
7313
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669:first-child .bp_base_grid_list_item_module_listV2Divider--98669{
|
|
7314
|
+
display:none;
|
|
7315
|
+
}
|
|
7316
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669{
|
|
7317
|
+
align-items:center;
|
|
7318
|
+
align-self:stretch;
|
|
7319
|
+
aspect-ratio:4/3;
|
|
7320
|
+
background:var(--bp-gray-white);
|
|
7321
|
+
border:var(--list-v2-thumbnail-border);
|
|
7322
|
+
border-radius:var(--list-v2-thumbnail-border-radius);
|
|
7323
|
+
display:flex;
|
|
7324
|
+
grid-area:thumbnail;
|
|
7325
|
+
justify-content:center;
|
|
7326
|
+
overflow:hidden;
|
|
7327
|
+
position:relative;
|
|
7328
|
+
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
7329
|
+
}
|
|
7330
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 img,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 svg{
|
|
7331
|
+
height:100%;
|
|
7332
|
+
object-fit:cover;
|
|
7333
|
+
width:100%;
|
|
7334
|
+
}
|
|
7335
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669.bp_base_grid_list_item_module_loading--98669{
|
|
7336
|
+
border:none;
|
|
7337
|
+
}
|
|
7338
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_thumbnailBadges--98669{
|
|
7339
|
+
align-items:center;
|
|
7340
|
+
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
7341
|
+
display:flex;
|
|
7342
|
+
gap:var(--list-v2-thumbnail-badges-gap);
|
|
7343
|
+
position:absolute;
|
|
7344
|
+
right:var(--list-v2-thumbnail-badges-right);
|
|
7345
|
+
}
|
|
7346
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_statusBadge--98669{
|
|
7347
|
+
align-items:center;
|
|
7348
|
+
display:flex;
|
|
7349
|
+
justify-content:center;
|
|
7350
|
+
}
|
|
7351
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_statusBadge--98669 img,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_statusBadge--98669 svg{
|
|
7352
|
+
height:.875rem;
|
|
7353
|
+
object-fit:contain;
|
|
7354
|
+
width:.875rem;
|
|
7355
|
+
}
|
|
7356
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_thumbnail--98669 .bp_base_grid_list_item_module_fileTypePill--98669{
|
|
7357
|
+
align-items:center;
|
|
7358
|
+
background:var(--list-v2-file-type-pill-background);
|
|
7359
|
+
border:var(--list-v2-file-type-pill-border);
|
|
7360
|
+
border-radius:var(--list-v2-file-type-pill-border-radius);
|
|
7361
|
+
display:flex;
|
|
7362
|
+
height:var(--list-v2-file-type-pill-height);
|
|
7363
|
+
padding:var(--list-v2-file-type-pill-padding);
|
|
7364
|
+
}
|
|
7365
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_content--98669{
|
|
7366
|
+
display:flex;
|
|
7367
|
+
flex-direction:column;
|
|
7368
|
+
gap:var(--list-v2-content-gap);
|
|
7369
|
+
grid-area:content;
|
|
7370
|
+
min-width:0;
|
|
7371
|
+
padding-right:.5rem;
|
|
7372
|
+
}
|
|
7373
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_header--98669{
|
|
7374
|
+
color:var(--list-v2-header-color);
|
|
7375
|
+
font-size:var(--bp-font-size-05);
|
|
7376
|
+
font-weight:var(--bp-font-weight-semibold);
|
|
7377
|
+
}
|
|
7378
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_header--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
7379
|
+
display:block;
|
|
7380
|
+
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7381
|
+
font-style:normal;
|
|
7382
|
+
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7383
|
+
line-height:var(--bp-font-line-height-04);
|
|
7384
|
+
overflow:hidden;
|
|
7385
|
+
text-overflow:ellipsis;
|
|
7386
|
+
white-space:nowrap;
|
|
7387
|
+
}
|
|
7388
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_subtitle--98669{
|
|
7389
|
+
color:var(--list-v2-subtitle-color);
|
|
7390
|
+
font-size:var(--bp-font-size-04);
|
|
7391
|
+
font-weight:var(--bp-font-weight-regular);
|
|
7392
|
+
}
|
|
7393
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
7394
|
+
align-items:center;
|
|
7395
|
+
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
7396
|
+
display:flex;
|
|
7397
|
+
gap:var(--list-v2-actions-gap);
|
|
7398
|
+
opacity:var(--actions-opacity);
|
|
7399
|
+
padding-left:2rem;
|
|
7400
|
+
position:absolute;
|
|
7401
|
+
right:var(--list-v2-item-padding);
|
|
7402
|
+
top:calc(50% - .875rem);
|
|
7403
|
+
transform:translateY(-50%);
|
|
7404
|
+
transition:opacity .15s ease-out;
|
|
7405
|
+
}
|
|
7406
|
+
@media (pointer: coarse){
|
|
7407
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_actions--98669{
|
|
7408
|
+
--actions-opacity:1;
|
|
7409
|
+
}
|
|
7410
|
+
}
|
|
7411
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669{
|
|
7412
|
+
align-items:center;
|
|
7413
|
+
border-radius:var(--list-v2-selection-border-radius);
|
|
7414
|
+
display:flex;
|
|
7415
|
+
height:var(--list-v2-selection-size);
|
|
7416
|
+
justify-content:center;
|
|
7417
|
+
width:var(--list-v2-selection-size);
|
|
7418
|
+
}
|
|
7419
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_selection--98669:hover{
|
|
7420
|
+
background:var(--list-v2-selection-hover-background);
|
|
7421
|
+
}
|
|
7422
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_inner--98669{
|
|
7423
|
+
align-items:center;
|
|
7424
|
+
display:flex;
|
|
7425
|
+
gap:var(--list-v2-actions-gap);
|
|
7426
|
+
}
|
|
7427
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669 .bp_base_grid_list_item_module_actions--98669 .bp_base_grid_list_item_module_actionsCheckboxWrapper--98669{
|
|
7428
|
+
display:flex;
|
|
7429
|
+
}
|
|
7430
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669:hover,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[aria-selected=true],.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-focus-visible],.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-hovered]{
|
|
7431
|
+
--actions-opacity:1;
|
|
7432
|
+
}
|
|
7433
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669 .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669:hover .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-hovered] .bp_base_grid_list_item_module_thumbnail--98669{
|
|
7434
|
+
box-shadow:var(--list-v2-hover-box-shadow);
|
|
7435
|
+
transform:translateY(-.125rem);
|
|
7436
|
+
}
|
|
7437
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669.bp_base_grid_list_item_module_isItemInteracted--98669,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669:hover,.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-hovered]{
|
|
7438
|
+
--item-background:var(--list-v2-hover-background);
|
|
7439
|
+
}
|
|
7440
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-focus-visible]::before{
|
|
7441
|
+
border:.125rem solid var(--list-v2-focus-border-color);
|
|
7442
|
+
border-radius:var(--list-v2-focus-border-radius);
|
|
7443
|
+
bottom:0;
|
|
7444
|
+
content:"";
|
|
7445
|
+
left:0;
|
|
7446
|
+
pointer-events:none;
|
|
7447
|
+
position:absolute;
|
|
7448
|
+
right:0;
|
|
7449
|
+
top:0;
|
|
7450
|
+
transform:translateY(-.125rem);
|
|
7451
|
+
}
|
|
7452
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[aria-selected=true]{
|
|
7453
|
+
--item-background:var(--list-v2-selected-background);
|
|
7454
|
+
}
|
|
7455
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[aria-selected=true]::after{
|
|
7456
|
+
border:.125rem solid var(--list-v2-selected-border-color);
|
|
7457
|
+
border-radius:var(--list-v2-selected-border-radius);
|
|
7458
|
+
bottom:0;
|
|
7459
|
+
content:"";
|
|
7460
|
+
left:0;
|
|
7461
|
+
pointer-events:none;
|
|
7462
|
+
position:absolute;
|
|
7463
|
+
right:0;
|
|
7464
|
+
top:0;
|
|
7465
|
+
transform:translateY(-.125rem);
|
|
7466
|
+
}
|
|
7467
|
+
.bp_base_grid_list_item_module_listV2--98669 .bp_base_grid_list_item_module_listV2Item--98669[data-focus-visible][aria-selected=true]::after{
|
|
7468
|
+
border-radius:var(--list-v2-selected-border-radius);
|
|
7469
|
+
bottom:-.1875rem;
|
|
7470
|
+
left:-.1875rem;
|
|
7471
|
+
right:-.1875rem;
|
|
7472
|
+
top:-.1875rem;
|
|
7473
|
+
transform:translateY(-.125rem);
|
|
7474
|
+
}
|
|
7250
7475
|
|
|
7251
|
-
.bp_base_grid_list_item_module_staticList--
|
|
7476
|
+
.bp_base_grid_list_item_module_staticList--98669 .bp_base_grid_list_item_module_staticListItem--98669{
|
|
7252
7477
|
display:contents;
|
|
7253
7478
|
}
|
|
7254
7479
|
.bp_guided_tooltip_module_content--83fd8{
|