@box/blueprint-web 12.129.0 → 12.129.1
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
CHANGED
|
@@ -6082,7 +6082,7 @@
|
|
|
6082
6082
|
margin-block-end:var(--space-4);
|
|
6083
6083
|
}
|
|
6084
6084
|
|
|
6085
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6085
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=false]{
|
|
6086
6086
|
--small-list-gap:var(--space-2);
|
|
6087
6087
|
--small-list-padding:var(--space-1);
|
|
6088
6088
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -6106,7 +6106,7 @@
|
|
|
6106
6106
|
--small-list-focus-outline-radius:0.875rem;
|
|
6107
6107
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
6108
6108
|
}
|
|
6109
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6109
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=false] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6110
6110
|
font-family:var(--body-default-semibold-font-family);
|
|
6111
6111
|
font-size:var(--body-default-semibold-font-size);
|
|
6112
6112
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -6116,7 +6116,7 @@
|
|
|
6116
6116
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
6117
6117
|
text-transform:var(--body-default-semibold-text-case);
|
|
6118
6118
|
}
|
|
6119
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6119
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=false] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6120
6120
|
font-family:var(--caption-default-font-family);
|
|
6121
6121
|
font-size:var(--caption-default-font-size);
|
|
6122
6122
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6127,7 +6127,7 @@
|
|
|
6127
6127
|
text-transform:var(--caption-default-text-case);
|
|
6128
6128
|
}
|
|
6129
6129
|
|
|
6130
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6130
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=true]{
|
|
6131
6131
|
--small-list-gap:var(--bp-space-020);
|
|
6132
6132
|
--small-list-padding:initial;
|
|
6133
6133
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6151,7 +6151,7 @@
|
|
|
6151
6151
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
6152
6152
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
6153
6153
|
}
|
|
6154
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6154
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=true] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6155
6155
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6156
6156
|
font-size:var(--bp-font-size-05);
|
|
6157
6157
|
font-style:normal;
|
|
@@ -6159,7 +6159,7 @@
|
|
|
6159
6159
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6160
6160
|
line-height:var(--bp-font-line-height-04);
|
|
6161
6161
|
}
|
|
6162
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6162
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=true] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6163
6163
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6164
6164
|
font-size:var(--bp-font-size-03);
|
|
6165
6165
|
font-style:normal;
|
|
@@ -6168,7 +6168,7 @@
|
|
|
6168
6168
|
line-height:var(--bp-font-line-height-02);
|
|
6169
6169
|
}
|
|
6170
6170
|
|
|
6171
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6171
|
+
.bp_base_grid_list_item_module_smallList--537f7{
|
|
6172
6172
|
box-sizing:border-box;
|
|
6173
6173
|
display:grid;
|
|
6174
6174
|
gap:var(--small-list-gap);
|
|
@@ -6179,7 +6179,7 @@
|
|
|
6179
6179
|
padding:var(--small-list-padding);
|
|
6180
6180
|
width:auto;
|
|
6181
6181
|
}
|
|
6182
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6182
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7{
|
|
6183
6183
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6184
6184
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6185
6185
|
--item-background:var(--small-list-item-background);
|
|
@@ -6198,11 +6198,11 @@
|
|
|
6198
6198
|
transform:translateZ(0);
|
|
6199
6199
|
width:auto;
|
|
6200
6200
|
}
|
|
6201
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6201
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6202
6202
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6203
6203
|
grid-template-rows:100% 0;
|
|
6204
6204
|
}
|
|
6205
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6205
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6206
6206
|
align-items:center;
|
|
6207
6207
|
aspect-ratio:1;
|
|
6208
6208
|
display:flex;
|
|
@@ -6211,35 +6211,35 @@
|
|
|
6211
6211
|
overflow:hidden;
|
|
6212
6212
|
z-index:1;
|
|
6213
6213
|
}
|
|
6214
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6214
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_thumbnailContent--537f7 img,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_thumbnailContent--537f7 svg{
|
|
6215
6215
|
height:100%;
|
|
6216
6216
|
object-fit:cover;
|
|
6217
6217
|
object-position:left;
|
|
6218
6218
|
width:100%;
|
|
6219
6219
|
}
|
|
6220
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6220
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6221
6221
|
color:var(--small-list-header-color);
|
|
6222
6222
|
grid-area:head;
|
|
6223
6223
|
}
|
|
6224
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6224
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6225
6225
|
align-items:center;
|
|
6226
6226
|
display:flex;
|
|
6227
6227
|
}
|
|
6228
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6228
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6229
6229
|
color:var(--small-list-subtitle-color);
|
|
6230
6230
|
grid-area:subtitle;
|
|
6231
6231
|
}
|
|
6232
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6232
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6233
6233
|
display:inline-block;
|
|
6234
6234
|
overflow:hidden;
|
|
6235
6235
|
text-overflow:ellipsis;
|
|
6236
6236
|
white-space:nowrap;
|
|
6237
6237
|
}
|
|
6238
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6238
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7:not(:has(.bp_base_grid_list_item_module_header--537f7)),.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7:not(:has(.bp_base_grid_list_item_module_subtitle--537f7)){
|
|
6239
6239
|
grid-template-rows:100% 0;
|
|
6240
6240
|
row-gap:0;
|
|
6241
6241
|
}
|
|
6242
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6242
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6243
6243
|
align-items:center;
|
|
6244
6244
|
display:flex;
|
|
6245
6245
|
grid-area:actions;
|
|
@@ -6249,11 +6249,11 @@
|
|
|
6249
6249
|
padding-right:0;
|
|
6250
6250
|
}
|
|
6251
6251
|
@media (pointer: coarse){
|
|
6252
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6252
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6253
6253
|
--actions-opacity:1;
|
|
6254
6254
|
}
|
|
6255
6255
|
}
|
|
6256
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6256
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
6257
6257
|
align-items:center;
|
|
6258
6258
|
background:var(--item-background);
|
|
6259
6259
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6262,10 +6262,10 @@
|
|
|
6262
6262
|
justify-content:center;
|
|
6263
6263
|
width:var(--small-list-selection-width);
|
|
6264
6264
|
}
|
|
6265
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6265
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
6266
6266
|
background:var(--small-list-selection-hover-background);
|
|
6267
6267
|
}
|
|
6268
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6268
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6269
6269
|
align-items:center;
|
|
6270
6270
|
border-radius:var(--small-list-inner-border-radius);
|
|
6271
6271
|
display:flex;
|
|
@@ -6273,17 +6273,17 @@
|
|
|
6273
6273
|
justify-content:flex-end;
|
|
6274
6274
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
6275
6275
|
}
|
|
6276
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6276
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7:last-child{
|
|
6277
6277
|
margin-inline-end:0;
|
|
6278
6278
|
}
|
|
6279
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6279
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7{
|
|
6280
6280
|
display:flex;
|
|
6281
6281
|
}
|
|
6282
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6282
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7:hover,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-active-item],.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-focused],.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-hovered]{
|
|
6283
6283
|
--actions-opacity:1;
|
|
6284
6284
|
background:var(--item-hover);
|
|
6285
6285
|
}
|
|
6286
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6286
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-active-item]::before,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-focus-visible]::before{
|
|
6287
6287
|
--actions-opacity:1;
|
|
6288
6288
|
border-radius:var(--small-list-focus-outline-radius);
|
|
6289
6289
|
content:"";
|
|
@@ -6297,7 +6297,7 @@
|
|
|
6297
6297
|
width:100%;
|
|
6298
6298
|
}
|
|
6299
6299
|
|
|
6300
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6300
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=false]{
|
|
6301
6301
|
--large-list-gap:var(--space-05);
|
|
6302
6302
|
--large-list-padding:var(--space-1);
|
|
6303
6303
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6346,11 +6346,11 @@
|
|
|
6346
6346
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
6347
6347
|
--large-list-item-interaction-backdrop-filter:none;
|
|
6348
6348
|
}
|
|
6349
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6349
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=false] .bp_base_grid_list_item_module_largeListItem--537f7{
|
|
6350
6350
|
border-radius:var(--large-list-item-border-radius);
|
|
6351
6351
|
}
|
|
6352
6352
|
|
|
6353
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6353
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true]{
|
|
6354
6354
|
--large-list-gap:var(--bp-space-005);
|
|
6355
6355
|
--large-list-padding:var(--bp-space-010);
|
|
6356
6356
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6400,18 +6400,18 @@
|
|
|
6400
6400
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
6401
6401
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
6402
6402
|
}
|
|
6403
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6403
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7:hover,.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-active-item],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-focused],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-hovered]{
|
|
6404
6404
|
border-radius:var(--large-list-item-border-radius);
|
|
6405
6405
|
}
|
|
6406
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6406
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]{
|
|
6407
6407
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6408
6408
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6409
6409
|
}
|
|
6410
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6410
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7:not[aria-selected=true][data-hovered]{
|
|
6411
6411
|
--item-background:var(--large-list-item-hover-background);
|
|
6412
6412
|
}
|
|
6413
6413
|
|
|
6414
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6414
|
+
.bp_base_grid_list_item_module_largeList--537f7{
|
|
6415
6415
|
box-sizing:border-box;
|
|
6416
6416
|
display:flex;
|
|
6417
6417
|
flex-direction:column;
|
|
@@ -6421,7 +6421,7 @@
|
|
|
6421
6421
|
overflow:auto;
|
|
6422
6422
|
padding:var(--large-list-padding);
|
|
6423
6423
|
}
|
|
6424
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6424
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7{
|
|
6425
6425
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
6426
6426
|
--actions-opacity:0;
|
|
6427
6427
|
--item-background:var(--large-list-item-background);
|
|
@@ -6437,18 +6437,18 @@
|
|
|
6437
6437
|
position:relative;
|
|
6438
6438
|
transform:translateZ(0);
|
|
6439
6439
|
}
|
|
6440
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6440
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6441
6441
|
grid-template-rows:1fr 1fr 1fr;
|
|
6442
6442
|
}
|
|
6443
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6443
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7:focus-within{
|
|
6444
6444
|
--actions-opacity:1;
|
|
6445
6445
|
}
|
|
6446
6446
|
@media (max-width: 374px){
|
|
6447
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6447
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7{
|
|
6448
6448
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
6449
6449
|
}
|
|
6450
6450
|
}
|
|
6451
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6451
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6452
6452
|
aspect-ratio:4/3;
|
|
6453
6453
|
border:var(--large-list-item-thumbnail-border);
|
|
6454
6454
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -6456,24 +6456,24 @@
|
|
|
6456
6456
|
overflow:hidden;
|
|
6457
6457
|
z-index:1;
|
|
6458
6458
|
}
|
|
6459
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6459
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
6460
6460
|
height:100%;
|
|
6461
6461
|
object-fit:cover;
|
|
6462
6462
|
object-position:left;
|
|
6463
6463
|
width:100%;
|
|
6464
6464
|
}
|
|
6465
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6465
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6466
6466
|
border:none;
|
|
6467
6467
|
}
|
|
6468
6468
|
@media (max-width: 374px){
|
|
6469
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6469
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6470
6470
|
aspect-ratio:1/1;
|
|
6471
6471
|
}
|
|
6472
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6472
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
6473
6473
|
object-fit:contain;
|
|
6474
6474
|
}
|
|
6475
6475
|
}
|
|
6476
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6476
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6477
6477
|
align-items:center;
|
|
6478
6478
|
display:flex;
|
|
6479
6479
|
height:var(--large-list-item-actions-height);
|
|
@@ -6485,11 +6485,11 @@
|
|
|
6485
6485
|
top:var(--large-list-item-actions-top);
|
|
6486
6486
|
}
|
|
6487
6487
|
@media (pointer: coarse){
|
|
6488
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6488
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6489
6489
|
--actions-opacity:1;
|
|
6490
6490
|
}
|
|
6491
6491
|
}
|
|
6492
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6492
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
6493
6493
|
align-items:center;
|
|
6494
6494
|
background:var(--item-background);
|
|
6495
6495
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -6498,15 +6498,15 @@
|
|
|
6498
6498
|
justify-content:center;
|
|
6499
6499
|
width:var(--large-list-item-selection-width);
|
|
6500
6500
|
}
|
|
6501
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6501
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
6502
6502
|
background:var(--large-list-item-selection-hover-background);
|
|
6503
6503
|
}
|
|
6504
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6504
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_fade--537f7{
|
|
6505
6505
|
align-self:stretch;
|
|
6506
6506
|
background:var(--large-list-item-fade-background);
|
|
6507
6507
|
width:var(--large-list-item-fade-width);
|
|
6508
6508
|
}
|
|
6509
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6509
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6510
6510
|
align-items:center;
|
|
6511
6511
|
background:var(--item-background);
|
|
6512
6512
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -6515,14 +6515,14 @@
|
|
|
6515
6515
|
justify-content:flex-end;
|
|
6516
6516
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
6517
6517
|
}
|
|
6518
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6518
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7:last-child{
|
|
6519
6519
|
margin-inline-end:0;
|
|
6520
6520
|
}
|
|
6521
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6521
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7{
|
|
6522
6522
|
background:var(--item-background);
|
|
6523
6523
|
display:flex;
|
|
6524
6524
|
}
|
|
6525
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6525
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6526
6526
|
align-items:center;
|
|
6527
6527
|
color:var(--large-list-item-header-color);
|
|
6528
6528
|
display:inline-flex;
|
|
@@ -6540,7 +6540,7 @@
|
|
|
6540
6540
|
text-transform:var(--body-default-semibold-text-case);
|
|
6541
6541
|
white-space:nowrap;
|
|
6542
6542
|
}
|
|
6543
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6543
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6544
6544
|
align-items:center;
|
|
6545
6545
|
color:var(--large-list-item-subtitle-color);
|
|
6546
6546
|
display:flex;
|
|
@@ -6556,7 +6556,7 @@
|
|
|
6556
6556
|
text-transform:var(--caption-default-text-case);
|
|
6557
6557
|
white-space:nowrap;
|
|
6558
6558
|
}
|
|
6559
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6559
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_description--537f7{
|
|
6560
6560
|
-webkit-box-orient:vertical;
|
|
6561
6561
|
-webkit-line-clamp:3;
|
|
6562
6562
|
color:var(--large-list-item-description-color);
|
|
@@ -6575,13 +6575,13 @@
|
|
|
6575
6575
|
text-decoration:var(--body-default-text-decoration);
|
|
6576
6576
|
text-transform:var(--body-default-text-case);
|
|
6577
6577
|
}
|
|
6578
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6578
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_snippet--537f7{
|
|
6579
6579
|
grid-area:description;
|
|
6580
6580
|
margin:0;
|
|
6581
6581
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
6582
6582
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
6583
6583
|
}
|
|
6584
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6584
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_snippet--537f7 .bp_base_grid_list_item_module_snippetContent--537f7{
|
|
6585
6585
|
-webkit-box-orient:vertical;
|
|
6586
6586
|
-webkit-line-clamp:2;
|
|
6587
6587
|
border:var(--large-list-item-snippet-border);
|
|
@@ -6601,13 +6601,13 @@
|
|
|
6601
6601
|
text-decoration:var(--body-default-text-decoration);
|
|
6602
6602
|
text-transform:var(--body-default-text-case);
|
|
6603
6603
|
}
|
|
6604
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6604
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7:hover,.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-active-item],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-focused],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-hovered]{
|
|
6605
6605
|
--actions-opacity:1;
|
|
6606
6606
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6607
6607
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6608
6608
|
outline:var(--large-list-item-hover-outline);
|
|
6609
6609
|
}
|
|
6610
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6610
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-active-item]::before,.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-focus-visible]::before{
|
|
6611
6611
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
6612
6612
|
content:"";
|
|
6613
6613
|
display:block;
|
|
@@ -6619,34 +6619,34 @@
|
|
|
6619
6619
|
top:0;
|
|
6620
6620
|
width:100%;
|
|
6621
6621
|
}
|
|
6622
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6622
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]{
|
|
6623
6623
|
--actions-opacity:1;
|
|
6624
6624
|
--item-background:var(--large-list-item-selected-background);
|
|
6625
6625
|
outline:var(--large-list-item-selected-outline);
|
|
6626
6626
|
z-index:2;
|
|
6627
6627
|
}
|
|
6628
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6628
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true] .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_fade--537f7{
|
|
6629
6629
|
background:var(--large-list-item-selected-fade-background);
|
|
6630
6630
|
}
|
|
6631
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6631
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6632
6632
|
display:none;
|
|
6633
6633
|
}
|
|
6634
6634
|
@supports selector(:has(.foo)){
|
|
6635
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6635
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--537f7 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]:has(+ [aria-selected=true]){
|
|
6636
6636
|
border-end-end-radius:0;
|
|
6637
6637
|
border-end-start-radius:0;
|
|
6638
6638
|
}
|
|
6639
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6639
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--537f7 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true] + [aria-selected=true]{
|
|
6640
6640
|
border-start-end-radius:0;
|
|
6641
6641
|
border-start-start-radius:0;
|
|
6642
6642
|
border-top:none;
|
|
6643
6643
|
}
|
|
6644
6644
|
}
|
|
6645
6645
|
|
|
6646
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6646
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=false]{
|
|
6647
6647
|
--grid-list-minimum-item-width:188px;
|
|
6648
6648
|
--grid-list-gap:var(--space-4);
|
|
6649
|
-
--grid-list-padding:
|
|
6649
|
+
--grid-list-padding:0;
|
|
6650
6650
|
--grid-list-thumbnail-min-size:7rem;
|
|
6651
6651
|
--grid-list-header-height:var(--space-10);
|
|
6652
6652
|
--grid-list-subtitle-height:var(--space-4);
|
|
@@ -6684,7 +6684,7 @@
|
|
|
6684
6684
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
6685
6685
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
6686
6686
|
}
|
|
6687
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6687
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=false] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6688
6688
|
font-family:var(--body-default-font-family);
|
|
6689
6689
|
font-size:var(--body-default-font-size);
|
|
6690
6690
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6694,7 +6694,7 @@
|
|
|
6694
6694
|
text-decoration:var(--body-default-text-decoration);
|
|
6695
6695
|
text-transform:var(--body-default-text-case);
|
|
6696
6696
|
}
|
|
6697
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6697
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=false] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6698
6698
|
font-family:var(--caption-default-font-family);
|
|
6699
6699
|
font-size:var(--caption-default-font-size);
|
|
6700
6700
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6705,7 +6705,7 @@
|
|
|
6705
6705
|
text-transform:var(--caption-default-text-case);
|
|
6706
6706
|
}
|
|
6707
6707
|
|
|
6708
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6708
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=true]{
|
|
6709
6709
|
--grid-list-minimum-item-width:188px;
|
|
6710
6710
|
--grid-list-gap:var(--bp-space-040);
|
|
6711
6711
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -6746,7 +6746,7 @@
|
|
|
6746
6746
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
6747
6747
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
6748
6748
|
}
|
|
6749
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6749
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=true] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6750
6750
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6751
6751
|
font-size:var(--bp-font-size-05);
|
|
6752
6752
|
font-style:normal;
|
|
@@ -6754,7 +6754,7 @@
|
|
|
6754
6754
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6755
6755
|
line-height:var(--bp-font-line-height-04);
|
|
6756
6756
|
}
|
|
6757
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6757
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=true] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6758
6758
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6759
6759
|
font-size:var(--bp-font-size-03);
|
|
6760
6760
|
font-style:normal;
|
|
@@ -6763,7 +6763,7 @@
|
|
|
6763
6763
|
line-height:var(--bp-font-line-height-02);
|
|
6764
6764
|
}
|
|
6765
6765
|
|
|
6766
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6766
|
+
.bp_base_grid_list_item_module_gridList--537f7{
|
|
6767
6767
|
box-sizing:border-box;
|
|
6768
6768
|
display:grid;
|
|
6769
6769
|
gap:var(--grid-list-gap);
|
|
@@ -6773,7 +6773,7 @@
|
|
|
6773
6773
|
overflow:auto;
|
|
6774
6774
|
padding:var(--grid-list-padding);
|
|
6775
6775
|
}
|
|
6776
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6776
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7{
|
|
6777
6777
|
--actions-opacity:0;
|
|
6778
6778
|
--item-background:var(--grid-list-item-background);
|
|
6779
6779
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -6791,15 +6791,15 @@
|
|
|
6791
6791
|
row-gap:var(--row-gap);
|
|
6792
6792
|
transform:translateZ(0);
|
|
6793
6793
|
}
|
|
6794
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6794
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7:focus-within{
|
|
6795
6795
|
--actions-opacity:1;
|
|
6796
6796
|
}
|
|
6797
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6797
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_statusPin--537f7{
|
|
6798
6798
|
left:var(--grid-list-item-status-pin-left);
|
|
6799
6799
|
position:absolute;
|
|
6800
6800
|
top:var(--grid-list-item-status-pin-top);
|
|
6801
6801
|
}
|
|
6802
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6802
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6803
6803
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
6804
6804
|
background:var(--grid-list-thumbnail-background);
|
|
6805
6805
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -6807,25 +6807,25 @@
|
|
|
6807
6807
|
grid-area:thumbnail;
|
|
6808
6808
|
overflow:hidden;
|
|
6809
6809
|
}
|
|
6810
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6810
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
6811
6811
|
height:100%;
|
|
6812
6812
|
object-fit:contain;
|
|
6813
6813
|
width:100%;
|
|
6814
6814
|
}
|
|
6815
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6815
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6816
6816
|
border:none;
|
|
6817
6817
|
}
|
|
6818
6818
|
@media (pointer: coarse){
|
|
6819
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6819
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6820
6820
|
margin-block-end:var(--space-1);
|
|
6821
6821
|
}
|
|
6822
6822
|
}
|
|
6823
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6823
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6824
6824
|
grid-area:subtitle;
|
|
6825
6825
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
6826
6826
|
opacity:var(--actions-opacity);
|
|
6827
6827
|
}
|
|
6828
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6828
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
6829
6829
|
align-items:center;
|
|
6830
6830
|
border-radius:var(--grid-list-selection-border-radius);
|
|
6831
6831
|
display:flex;
|
|
@@ -6836,10 +6836,10 @@
|
|
|
6836
6836
|
top:var(--grid-list-selection-top);
|
|
6837
6837
|
width:var(--grid-list-selection-width);
|
|
6838
6838
|
}
|
|
6839
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6839
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
6840
6840
|
background:var(--grid-list-selection-hover-background);
|
|
6841
6841
|
}
|
|
6842
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6842
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6843
6843
|
align-items:center;
|
|
6844
6844
|
background:var(--item-background);
|
|
6845
6845
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -6848,29 +6848,29 @@
|
|
|
6848
6848
|
justify-content:center;
|
|
6849
6849
|
}
|
|
6850
6850
|
@media (pointer: coarse){
|
|
6851
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6851
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6852
6852
|
grid-area:actions;
|
|
6853
6853
|
margin-block-start:0;
|
|
6854
6854
|
}
|
|
6855
6855
|
}
|
|
6856
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6856
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6857
6857
|
color:var(--grid-list-header-color);
|
|
6858
6858
|
grid-area:head;
|
|
6859
6859
|
height:var(--grid-list-header-height);
|
|
6860
6860
|
overflow-wrap:anywhere;
|
|
6861
6861
|
text-align:center;
|
|
6862
6862
|
}
|
|
6863
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6863
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6864
6864
|
align-items:center;
|
|
6865
6865
|
display:flex;
|
|
6866
6866
|
}
|
|
6867
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6867
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6868
6868
|
-webkit-box-orient:vertical;
|
|
6869
6869
|
-webkit-line-clamp:2;
|
|
6870
6870
|
display:-webkit-box;
|
|
6871
6871
|
overflow:hidden;
|
|
6872
6872
|
}
|
|
6873
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6873
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6874
6874
|
color:var(--grid-list-subtitle-color);
|
|
6875
6875
|
grid-area:subtitle;
|
|
6876
6876
|
height:var(--grid-list-subtitle-height);
|
|
@@ -6879,16 +6879,16 @@
|
|
|
6879
6879
|
text-overflow:ellipsis;
|
|
6880
6880
|
white-space:nowrap;
|
|
6881
6881
|
}
|
|
6882
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6882
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6883
6883
|
height:var(--grid-list-subtitle-loading-height);
|
|
6884
6884
|
}
|
|
6885
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6885
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7:hover,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-active-item],.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focused],.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-hovered]{
|
|
6886
6886
|
--actions-opacity:1;
|
|
6887
6887
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
6888
6888
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
6889
6889
|
outline:var(--grid-list-item-hover-outline);
|
|
6890
6890
|
}
|
|
6891
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6891
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-active-item]::before,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focus-visible]::before{
|
|
6892
6892
|
border-radius:var(--grid-list-item-border-radius);
|
|
6893
6893
|
content:"";
|
|
6894
6894
|
display:block;
|
|
@@ -6900,7 +6900,7 @@
|
|
|
6900
6900
|
top:0;
|
|
6901
6901
|
width:100%;
|
|
6902
6902
|
}
|
|
6903
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6903
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-active-item]::after,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focus-visible]::after{
|
|
6904
6904
|
border-radius:var(--grid-list-item-border-radius);
|
|
6905
6905
|
content:"";
|
|
6906
6906
|
display:block;
|
|
@@ -6912,16 +6912,16 @@
|
|
|
6912
6912
|
top:0;
|
|
6913
6913
|
width:100%;
|
|
6914
6914
|
}
|
|
6915
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6915
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[aria-selected=true]{
|
|
6916
6916
|
--actions-opacity:1;
|
|
6917
6917
|
--item-background:var(--grid-list-item-selected-background);
|
|
6918
6918
|
outline:var(--grid-list-item-selected-outline);
|
|
6919
6919
|
}
|
|
6920
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6920
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--537f7) .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6921
6921
|
opacity:0;
|
|
6922
6922
|
}
|
|
6923
6923
|
@media (pointer: coarse){
|
|
6924
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6924
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7{
|
|
6925
6925
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
6926
6926
|
--actions-opacity:1;
|
|
6927
6927
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -6929,7 +6929,7 @@
|
|
|
6929
6929
|
}
|
|
6930
6930
|
}
|
|
6931
6931
|
|
|
6932
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6932
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-modern=false]{
|
|
6933
6933
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
6934
6934
|
--tooltip-offset:var(--space-2);
|
|
6935
6935
|
--tooltip-arrow-display:block;
|
|
@@ -6941,7 +6941,7 @@
|
|
|
6941
6941
|
--tooltip-backdrop-filter:none;
|
|
6942
6942
|
}
|
|
6943
6943
|
|
|
6944
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6944
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-modern=true]{
|
|
6945
6945
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
6946
6946
|
--tooltip-offset:var(--bp-space-020);
|
|
6947
6947
|
--tooltip-arrow-display:none;
|
|
@@ -6953,7 +6953,7 @@
|
|
|
6953
6953
|
--tooltip-backdrop-filter:blur(16px);
|
|
6954
6954
|
}
|
|
6955
6955
|
|
|
6956
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6956
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7{
|
|
6957
6957
|
background-color:var(--tooltip-background-color);
|
|
6958
6958
|
border:var(--tooltip-border);
|
|
6959
6959
|
border-radius:var(--tooltip-radius);
|
|
@@ -6972,29 +6972,29 @@
|
|
|
6972
6972
|
word-break:break-word;
|
|
6973
6973
|
z-index:2147483647;
|
|
6974
6974
|
}
|
|
6975
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6975
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7 .bp_base_grid_list_item_module_tooltipArrow--537f7 svg{
|
|
6976
6976
|
display:var(--tooltip-arrow-display);
|
|
6977
6977
|
height:.5rem;
|
|
6978
6978
|
width:1rem;
|
|
6979
6979
|
}
|
|
6980
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6980
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=top]{
|
|
6981
6981
|
margin-block-end:var(--tooltip-offset);
|
|
6982
6982
|
}
|
|
6983
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6983
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--537f7 svg{
|
|
6984
6984
|
transform:rotate(180deg);
|
|
6985
6985
|
}
|
|
6986
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6986
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=bottom]{
|
|
6987
6987
|
margin-block-start:var(--tooltip-offset);
|
|
6988
6988
|
}
|
|
6989
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6989
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=right]{
|
|
6990
6990
|
margin-inline-start:var(--tooltip-offset);
|
|
6991
6991
|
}
|
|
6992
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6992
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=left]{
|
|
6993
6993
|
margin-inline-end:var(--tooltip-offset);
|
|
6994
6994
|
}
|
|
6995
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
6995
|
+
.bp_base_grid_list_item_module_gridListV2--537f7{
|
|
6996
6996
|
--grid-v2-gap:var(--bp-space-020);
|
|
6997
|
-
--grid-v2-padding:
|
|
6997
|
+
--grid-v2-padding:0;
|
|
6998
6998
|
--grid-v2-min-item-width:23.4375rem;
|
|
6999
6999
|
--grid-v2-header-height:utils.pxtorem(20);
|
|
7000
7000
|
--grid-v2-subtitle-height:utils.pxtorem(20);
|
|
@@ -7045,7 +7045,7 @@
|
|
|
7045
7045
|
overflow:auto;
|
|
7046
7046
|
padding:var(--grid-v2-padding) 0;
|
|
7047
7047
|
}
|
|
7048
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7048
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7{
|
|
7049
7049
|
--actions-opacity:0;
|
|
7050
7050
|
--subtitle-opacity:1;
|
|
7051
7051
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7063,20 +7063,20 @@
|
|
|
7063
7063
|
position:relative;
|
|
7064
7064
|
transform:translateZ(0);
|
|
7065
7065
|
}
|
|
7066
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7066
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7:focus-within{
|
|
7067
7067
|
--actions-opacity:1;
|
|
7068
7068
|
--subtitle-opacity:0;
|
|
7069
7069
|
}
|
|
7070
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7070
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_noActions--537f7:focus-within{
|
|
7071
7071
|
--subtitle-opacity:1;
|
|
7072
7072
|
}
|
|
7073
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7073
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_statusPin--537f7{
|
|
7074
7074
|
left:var(--grid-v2-item-status-pin-left);
|
|
7075
7075
|
position:absolute;
|
|
7076
7076
|
top:var(--grid-v2-item-status-pin-top);
|
|
7077
7077
|
transition:transform .15s ease-out;
|
|
7078
7078
|
}
|
|
7079
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7079
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7080
7080
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7081
7081
|
background:var(--grid-v2-thumbnail-background);
|
|
7082
7082
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7086,20 +7086,28 @@
|
|
|
7086
7086
|
position:relative;
|
|
7087
7087
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7088
7088
|
}
|
|
7089
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7089
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
7090
7090
|
height:100%;
|
|
7091
|
-
|
|
7091
|
+
max-height:none;
|
|
7092
|
+
max-width:none;
|
|
7093
|
+
object-fit:cover;
|
|
7092
7094
|
width:100%;
|
|
7093
7095
|
}
|
|
7094
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7096
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img.bp_base_grid_list_item_module_isImageFile--537f7{
|
|
7097
|
+
object-position:center;
|
|
7098
|
+
}
|
|
7099
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img:not(.bp_base_grid_list_item_module_isImageFile--537f7){
|
|
7100
|
+
object-position:top left;
|
|
7101
|
+
}
|
|
7102
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
7095
7103
|
border:none;
|
|
7096
7104
|
}
|
|
7097
7105
|
@media (pointer: coarse){
|
|
7098
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7106
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7099
7107
|
margin-block-end:var(--bp-space-010);
|
|
7100
7108
|
}
|
|
7101
7109
|
}
|
|
7102
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7110
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_thumbnailBadges--537f7{
|
|
7103
7111
|
align-items:center;
|
|
7104
7112
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7105
7113
|
display:flex;
|
|
@@ -7107,12 +7115,12 @@
|
|
|
7107
7115
|
position:absolute;
|
|
7108
7116
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7109
7117
|
}
|
|
7110
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7118
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7{
|
|
7111
7119
|
align-items:center;
|
|
7112
7120
|
display:flex;
|
|
7113
7121
|
justify-content:center;
|
|
7114
7122
|
}
|
|
7115
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7123
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_fileTypePill--537f7{
|
|
7116
7124
|
background:var(--grid-v2-file-type-pill-background);
|
|
7117
7125
|
border:var(--grid-v2-file-type-pill-border);
|
|
7118
7126
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7121,13 +7129,13 @@
|
|
|
7121
7129
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7122
7130
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7123
7131
|
}
|
|
7124
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7132
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7125
7133
|
grid-area:subtitle;
|
|
7126
7134
|
margin-top:.25rem;
|
|
7127
7135
|
opacity:var(--actions-opacity);
|
|
7128
7136
|
transition:opacity .15s ease-out;
|
|
7129
7137
|
}
|
|
7130
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7138
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
7131
7139
|
align-items:center;
|
|
7132
7140
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7133
7141
|
display:flex;
|
|
@@ -7139,26 +7147,26 @@
|
|
|
7139
7147
|
transition:transform .15s ease-out;
|
|
7140
7148
|
width:var(--grid-v2-selection-width);
|
|
7141
7149
|
}
|
|
7142
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7150
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
7143
7151
|
background:var(--grid-v2-selection-hover-background);
|
|
7144
7152
|
}
|
|
7145
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7153
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
7146
7154
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7147
7155
|
display:flex;
|
|
7148
7156
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7149
7157
|
padding-inline-start:.25rem;
|
|
7150
7158
|
}
|
|
7151
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7159
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7152
7160
|
padding-inline-start:.25rem;
|
|
7153
7161
|
}
|
|
7154
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7162
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
7155
7163
|
color:var(--grid-v2-header-color);
|
|
7156
7164
|
font-size:var(--bp-font-size-05);
|
|
7157
7165
|
font-weight:var(--bp-font-weight-semibold);
|
|
7158
7166
|
grid-area:head;
|
|
7159
7167
|
margin-top:var(--grid-v2-thumbnail-head-gap);
|
|
7160
7168
|
}
|
|
7161
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7169
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7162
7170
|
display:block;
|
|
7163
7171
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7164
7172
|
font-style:normal;
|
|
@@ -7168,7 +7176,7 @@
|
|
|
7168
7176
|
text-overflow:ellipsis;
|
|
7169
7177
|
white-space:nowrap;
|
|
7170
7178
|
}
|
|
7171
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7179
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7172
7180
|
color:var(--grid-v2-subtitle-color);
|
|
7173
7181
|
font-size:var(--bp-font-size-04);
|
|
7174
7182
|
font-weight:var(--bp-font-weight-regular);
|
|
@@ -7177,35 +7185,35 @@
|
|
|
7177
7185
|
opacity:var(--subtitle-opacity);
|
|
7178
7186
|
transition:opacity .15s ease-out;
|
|
7179
7187
|
}
|
|
7180
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7188
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_textCentered--537f7{
|
|
7181
7189
|
justify-content:center;
|
|
7182
7190
|
padding-inline-start:0;
|
|
7183
7191
|
text-align:center;
|
|
7184
7192
|
}
|
|
7185
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7193
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_innerCentered--537f7{
|
|
7186
7194
|
justify-content:center;
|
|
7187
7195
|
padding-inline-start:0;
|
|
7188
7196
|
}
|
|
7189
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7197
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered]{
|
|
7190
7198
|
--actions-opacity:1;
|
|
7191
7199
|
--subtitle-opacity:0;
|
|
7192
7200
|
}
|
|
7193
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7201
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7194
7202
|
transform:translateY(-.125rem);
|
|
7195
7203
|
}
|
|
7196
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7204
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7197
7205
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7198
7206
|
}
|
|
7199
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7207
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_subtitle--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_subtitle--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_subtitle--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7200
7208
|
pointer-events:none;
|
|
7201
7209
|
}
|
|
7202
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7210
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_noActions--537f7[data-hovered]{
|
|
7203
7211
|
--subtitle-opacity:1;
|
|
7204
7212
|
}
|
|
7205
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7213
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_noActions--537f7[data-hovered] .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7206
7214
|
pointer-events:auto;
|
|
7207
7215
|
}
|
|
7208
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7216
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible]::before{
|
|
7209
7217
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7210
7218
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7211
7219
|
bottom:.1875rem;
|
|
@@ -7217,10 +7225,10 @@
|
|
|
7217
7225
|
top:.1875rem;
|
|
7218
7226
|
transform:translateY(-.125rem);
|
|
7219
7227
|
}
|
|
7220
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7228
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true]{
|
|
7221
7229
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7222
7230
|
}
|
|
7223
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7231
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true]::after{
|
|
7224
7232
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7225
7233
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7226
7234
|
bottom:0;
|
|
@@ -7233,21 +7241,21 @@
|
|
|
7233
7241
|
transform:translateY(-.125rem);
|
|
7234
7242
|
}
|
|
7235
7243
|
@media (pointer: coarse){
|
|
7236
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7244
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7{
|
|
7237
7245
|
--actions-opacity:1;
|
|
7238
7246
|
--subtitle-opacity:1;
|
|
7239
7247
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7240
7248
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7241
7249
|
}
|
|
7242
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7250
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7243
7251
|
grid-area:actions;
|
|
7244
7252
|
}
|
|
7245
7253
|
}
|
|
7246
7254
|
|
|
7247
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
7255
|
+
.bp_base_grid_list_item_module_gridListV2Small--537f7{
|
|
7248
7256
|
--grid-v2-min-item-width:15.625rem;
|
|
7249
7257
|
}
|
|
7250
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7258
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--537f7{
|
|
7251
7259
|
display:grid;
|
|
7252
7260
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7253
7261
|
grid-template-columns:1fr;
|
|
@@ -7259,15 +7267,15 @@
|
|
|
7259
7267
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7260
7268
|
}
|
|
7261
7269
|
@media (pointer: coarse){
|
|
7262
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7270
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--537f7{
|
|
7263
7271
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7264
7272
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7265
7273
|
}
|
|
7266
7274
|
}
|
|
7267
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
7275
|
+
.bp_base_grid_list_item_module_listV2ClickShield--537f7{
|
|
7268
7276
|
display:contents;
|
|
7269
7277
|
}
|
|
7270
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7278
|
+
.bp_base_grid_list_item_module_listV2--537f7{
|
|
7271
7279
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7272
7280
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7273
7281
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -7312,7 +7320,7 @@
|
|
|
7312
7320
|
padding:var(--list-v2-padding);
|
|
7313
7321
|
width:100%;
|
|
7314
7322
|
}
|
|
7315
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7323
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7{
|
|
7316
7324
|
--actions-opacity:0;
|
|
7317
7325
|
--item-background:var(--list-v2-item-background);
|
|
7318
7326
|
align-items:center;
|
|
@@ -7330,10 +7338,10 @@
|
|
|
7330
7338
|
position:relative;
|
|
7331
7339
|
transition:background .15s ease-out;
|
|
7332
7340
|
}
|
|
7333
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7341
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:not(:first-child){
|
|
7334
7342
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
7335
7343
|
}
|
|
7336
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7344
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_listV2Divider--537f7{
|
|
7337
7345
|
background:var(--list-v2-divider-color);
|
|
7338
7346
|
height:.0625rem;
|
|
7339
7347
|
left:0;
|
|
@@ -7342,10 +7350,10 @@
|
|
|
7342
7350
|
right:0;
|
|
7343
7351
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
7344
7352
|
}
|
|
7345
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7353
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:first-child .bp_base_grid_list_item_module_listV2Divider--537f7{
|
|
7346
7354
|
display:none;
|
|
7347
7355
|
}
|
|
7348
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7356
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7349
7357
|
align-items:center;
|
|
7350
7358
|
align-self:stretch;
|
|
7351
7359
|
aspect-ratio:4/3;
|
|
@@ -7359,15 +7367,15 @@
|
|
|
7359
7367
|
position:relative;
|
|
7360
7368
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
7361
7369
|
}
|
|
7362
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7370
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 svg{
|
|
7363
7371
|
height:100%;
|
|
7364
7372
|
object-fit:cover;
|
|
7365
7373
|
width:100%;
|
|
7366
7374
|
}
|
|
7367
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7375
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
7368
7376
|
border:none;
|
|
7369
7377
|
}
|
|
7370
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7378
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_thumbnailBadges--537f7{
|
|
7371
7379
|
align-items:center;
|
|
7372
7380
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
7373
7381
|
display:flex;
|
|
@@ -7375,17 +7383,17 @@
|
|
|
7375
7383
|
position:absolute;
|
|
7376
7384
|
right:var(--list-v2-thumbnail-badges-right);
|
|
7377
7385
|
}
|
|
7378
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7386
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7{
|
|
7379
7387
|
align-items:center;
|
|
7380
7388
|
display:flex;
|
|
7381
7389
|
justify-content:center;
|
|
7382
7390
|
}
|
|
7383
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7391
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7 img,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7 svg{
|
|
7384
7392
|
height:.875rem;
|
|
7385
7393
|
object-fit:contain;
|
|
7386
7394
|
width:.875rem;
|
|
7387
7395
|
}
|
|
7388
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7396
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_fileTypePill--537f7{
|
|
7389
7397
|
align-items:center;
|
|
7390
7398
|
background:var(--list-v2-file-type-pill-background);
|
|
7391
7399
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -7394,7 +7402,7 @@
|
|
|
7394
7402
|
height:var(--list-v2-file-type-pill-height);
|
|
7395
7403
|
padding:var(--list-v2-file-type-pill-padding);
|
|
7396
7404
|
}
|
|
7397
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7405
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_content--537f7{
|
|
7398
7406
|
display:flex;
|
|
7399
7407
|
flex-direction:column;
|
|
7400
7408
|
gap:var(--list-v2-content-gap);
|
|
@@ -7402,12 +7410,12 @@
|
|
|
7402
7410
|
min-width:0;
|
|
7403
7411
|
padding-right:.5rem;
|
|
7404
7412
|
}
|
|
7405
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7413
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
7406
7414
|
color:var(--list-v2-header-color);
|
|
7407
7415
|
font-size:var(--bp-font-size-05);
|
|
7408
7416
|
font-weight:var(--bp-font-weight-semibold);
|
|
7409
7417
|
}
|
|
7410
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7418
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7411
7419
|
display:block;
|
|
7412
7420
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7413
7421
|
font-style:normal;
|
|
@@ -7417,12 +7425,12 @@
|
|
|
7417
7425
|
text-overflow:ellipsis;
|
|
7418
7426
|
white-space:nowrap;
|
|
7419
7427
|
}
|
|
7420
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7428
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7421
7429
|
color:var(--list-v2-subtitle-color);
|
|
7422
7430
|
font-size:var(--bp-font-size-04);
|
|
7423
7431
|
font-weight:var(--bp-font-weight-regular);
|
|
7424
7432
|
}
|
|
7425
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7433
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7426
7434
|
align-items:center;
|
|
7427
7435
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
7428
7436
|
display:flex;
|
|
@@ -7436,11 +7444,11 @@
|
|
|
7436
7444
|
transition:opacity .15s ease-out;
|
|
7437
7445
|
}
|
|
7438
7446
|
@media (pointer: coarse){
|
|
7439
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7447
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7440
7448
|
--actions-opacity:1;
|
|
7441
7449
|
}
|
|
7442
7450
|
}
|
|
7443
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7451
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
7444
7452
|
align-items:center;
|
|
7445
7453
|
border-radius:var(--list-v2-selection-border-radius);
|
|
7446
7454
|
display:flex;
|
|
@@ -7448,28 +7456,28 @@
|
|
|
7448
7456
|
justify-content:center;
|
|
7449
7457
|
width:var(--list-v2-selection-size);
|
|
7450
7458
|
}
|
|
7451
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7459
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
7452
7460
|
background:var(--list-v2-selection-hover-background);
|
|
7453
7461
|
}
|
|
7454
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7462
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
7455
7463
|
align-items:center;
|
|
7456
7464
|
display:flex;
|
|
7457
7465
|
gap:var(--list-v2-actions-gap);
|
|
7458
7466
|
}
|
|
7459
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7467
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7{
|
|
7460
7468
|
display:flex;
|
|
7461
7469
|
}
|
|
7462
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7470
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:hover,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true],.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible],.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-hovered]{
|
|
7463
7471
|
--actions-opacity:1;
|
|
7464
7472
|
}
|
|
7465
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7473
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:hover .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7466
7474
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
7467
7475
|
transform:translateY(-.125rem);
|
|
7468
7476
|
}
|
|
7469
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7477
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:hover,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-hovered]{
|
|
7470
7478
|
--item-background:var(--list-v2-hover-background);
|
|
7471
7479
|
}
|
|
7472
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7480
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible]::before{
|
|
7473
7481
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
7474
7482
|
border-radius:var(--list-v2-focus-border-radius);
|
|
7475
7483
|
bottom:0;
|
|
@@ -7481,10 +7489,10 @@
|
|
|
7481
7489
|
top:0;
|
|
7482
7490
|
transform:translateY(-.125rem);
|
|
7483
7491
|
}
|
|
7484
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7492
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true]{
|
|
7485
7493
|
--item-background:var(--list-v2-selected-background);
|
|
7486
7494
|
}
|
|
7487
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7495
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true]::after{
|
|
7488
7496
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
7489
7497
|
border-radius:var(--list-v2-selected-border-radius);
|
|
7490
7498
|
bottom:0;
|
|
@@ -7496,7 +7504,7 @@
|
|
|
7496
7504
|
top:0;
|
|
7497
7505
|
transform:translateY(-.125rem);
|
|
7498
7506
|
}
|
|
7499
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7507
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible][aria-selected=true]::after{
|
|
7500
7508
|
border-radius:var(--list-v2-selected-border-radius);
|
|
7501
7509
|
bottom:-.1875rem;
|
|
7502
7510
|
left:-.1875rem;
|
|
@@ -7505,7 +7513,7 @@
|
|
|
7505
7513
|
transform:translateY(-.125rem);
|
|
7506
7514
|
}
|
|
7507
7515
|
|
|
7508
|
-
.bp_base_grid_list_item_module_staticList--
|
|
7516
|
+
.bp_base_grid_list_item_module_staticList--537f7 .bp_base_grid_list_item_module_staticListItem--537f7{
|
|
7509
7517
|
display:contents;
|
|
7510
7518
|
}
|
|
7511
7519
|
.bp_guided_tooltip_module_content--83fd8{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--
|
|
2
|
+
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--537f7","smallListItem":"bp_base_grid_list_item_module_smallListItem--537f7","header":"bp_base_grid_list_item_module_header--537f7","subtitle":"bp_base_grid_list_item_module_subtitle--537f7","loading":"bp_base_grid_list_item_module_loading--537f7","thumbnail":"bp_base_grid_list_item_module_thumbnail--537f7","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--537f7","actions":"bp_base_grid_list_item_module_actions--537f7","selection":"bp_base_grid_list_item_module_selection--537f7","inner":"bp_base_grid_list_item_module_inner--537f7","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7","largeList":"bp_base_grid_list_item_module_largeList--537f7","largeListItem":"bp_base_grid_list_item_module_largeListItem--537f7","fade":"bp_base_grid_list_item_module_fade--537f7","description":"bp_base_grid_list_item_module_description--537f7","snippet":"bp_base_grid_list_item_module_snippet--537f7","snippetContent":"bp_base_grid_list_item_module_snippetContent--537f7","gridList":"bp_base_grid_list_item_module_gridList--537f7","gridListItem":"bp_base_grid_list_item_module_gridListItem--537f7","statusPin":"bp_base_grid_list_item_module_statusPin--537f7","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--537f7","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--537f7","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--537f7","gridListV2":"bp_base_grid_list_item_module_gridListV2--537f7","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--537f7","noActions":"bp_base_grid_list_item_module_noActions--537f7","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--537f7","statusBadge":"bp_base_grid_list_item_module_statusBadge--537f7","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--537f7","textCentered":"bp_base_grid_list_item_module_textCentered--537f7","innerCentered":"bp_base_grid_list_item_module_innerCentered--537f7","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--537f7","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--537f7","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--537f7","listV2":"bp_base_grid_list_item_module_listV2--537f7","listV2Item":"bp_base_grid_list_item_module_listV2Item--537f7","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--537f7","content":"bp_base_grid_list_item_module_content--537f7","staticList":"bp_base_grid_list_item_module_staticList--537f7","staticListItem":"bp_base_grid_list_item_module_staticListItem--537f7"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "12.129.
|
|
3
|
+
"version": "12.129.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.15",
|
|
49
49
|
"@ariakit/react-core": "0.4.15",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.97.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.97.2",
|
|
51
51
|
"@internationalized/date": "^3.7.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.16.
|
|
80
|
+
"@box/storybook-utils": "^0.16.23",
|
|
81
81
|
"@figma/code-connect": "1.3.12",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|