@box/blueprint-web 12.113.0 → 12.115.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/grid-list-v2/grid-list-v2.d.ts +5 -0
- package/dist/lib-esm/grid-list-v2/grid-list-v2.js +21 -0
- package/dist/lib-esm/grid-list-v2/index.d.ts +11 -0
- package/dist/lib-esm/grid-list-v2/index.js +17 -0
- package/dist/lib-esm/grid-list-v2/types.d.ts +12 -0
- package/dist/lib-esm/index.css +390 -101
- package/dist/lib-esm/index.d.ts +1 -0
- package/dist/lib-esm/index.js +1 -0
- package/dist/lib-esm/modal/alert-modal.d.ts +1 -1
- package/dist/lib-esm/modal/alert-modal.js +5 -2
- package/dist/lib-esm/modal/alert-modal.types.d.ts +2 -0
- package/dist/lib-esm/types/file-category.d.ts +11 -0
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js +19 -5
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-header.js +5 -2
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-subtitle.js +5 -2
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-thumbnail.js +106 -4
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +58 -6
- 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 +12 -2
- package/dist/lib-esm/util-components/base-grid-list-item/index.d.ts +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +91 -3
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -6007,7 +6007,7 @@
|
|
|
6007
6007
|
margin-block-end:var(--space-4);
|
|
6008
6008
|
}
|
|
6009
6009
|
|
|
6010
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6010
|
+
.bp_base_grid_list_item_module_smallList--33914[data-modern=false]{
|
|
6011
6011
|
--small-list-gap:var(--space-2);
|
|
6012
6012
|
--small-list-padding:var(--space-1);
|
|
6013
6013
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -6031,7 +6031,7 @@
|
|
|
6031
6031
|
--small-list-focus-outline-radius:0.875rem;
|
|
6032
6032
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
6033
6033
|
}
|
|
6034
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6034
|
+
.bp_base_grid_list_item_module_smallList--33914[data-modern=false] .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6035
6035
|
font-family:var(--body-default-semibold-font-family);
|
|
6036
6036
|
font-size:var(--body-default-semibold-font-size);
|
|
6037
6037
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -6041,7 +6041,7 @@
|
|
|
6041
6041
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
6042
6042
|
text-transform:var(--body-default-semibold-text-case);
|
|
6043
6043
|
}
|
|
6044
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6044
|
+
.bp_base_grid_list_item_module_smallList--33914[data-modern=false] .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6045
6045
|
font-family:var(--caption-default-font-family);
|
|
6046
6046
|
font-size:var(--caption-default-font-size);
|
|
6047
6047
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6052,7 +6052,7 @@
|
|
|
6052
6052
|
text-transform:var(--caption-default-text-case);
|
|
6053
6053
|
}
|
|
6054
6054
|
|
|
6055
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6055
|
+
.bp_base_grid_list_item_module_smallList--33914[data-modern=true]{
|
|
6056
6056
|
--small-list-gap:var(--bp-space-020);
|
|
6057
6057
|
--small-list-padding:initial;
|
|
6058
6058
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6076,7 +6076,7 @@
|
|
|
6076
6076
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
6077
6077
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
6078
6078
|
}
|
|
6079
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6079
|
+
.bp_base_grid_list_item_module_smallList--33914[data-modern=true] .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6080
6080
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6081
6081
|
font-size:var(--bp-font-size-05);
|
|
6082
6082
|
font-style:normal;
|
|
@@ -6084,7 +6084,7 @@
|
|
|
6084
6084
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6085
6085
|
line-height:var(--bp-font-line-height-04);
|
|
6086
6086
|
}
|
|
6087
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6087
|
+
.bp_base_grid_list_item_module_smallList--33914[data-modern=true] .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6088
6088
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6089
6089
|
font-size:var(--bp-font-size-03);
|
|
6090
6090
|
font-style:normal;
|
|
@@ -6093,7 +6093,7 @@
|
|
|
6093
6093
|
line-height:var(--bp-font-line-height-02);
|
|
6094
6094
|
}
|
|
6095
6095
|
|
|
6096
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6096
|
+
.bp_base_grid_list_item_module_smallList--33914{
|
|
6097
6097
|
box-sizing:border-box;
|
|
6098
6098
|
display:grid;
|
|
6099
6099
|
gap:var(--small-list-gap);
|
|
@@ -6104,7 +6104,7 @@
|
|
|
6104
6104
|
padding:var(--small-list-padding);
|
|
6105
6105
|
width:auto;
|
|
6106
6106
|
}
|
|
6107
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6107
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914{
|
|
6108
6108
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6109
6109
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6110
6110
|
--item-background:var(--small-list-item-background);
|
|
@@ -6123,11 +6123,11 @@
|
|
|
6123
6123
|
transform:translateZ(0);
|
|
6124
6124
|
width:auto;
|
|
6125
6125
|
}
|
|
6126
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6126
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6127
6127
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6128
6128
|
grid-template-rows:100% 0;
|
|
6129
6129
|
}
|
|
6130
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6130
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
6131
6131
|
align-items:center;
|
|
6132
6132
|
aspect-ratio:1;
|
|
6133
6133
|
display:flex;
|
|
@@ -6136,35 +6136,35 @@
|
|
|
6136
6136
|
overflow:hidden;
|
|
6137
6137
|
z-index:1;
|
|
6138
6138
|
}
|
|
6139
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6139
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_thumbnailContent--33914 img,.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_thumbnailContent--33914 svg{
|
|
6140
6140
|
height:100%;
|
|
6141
6141
|
object-fit:cover;
|
|
6142
6142
|
object-position:left;
|
|
6143
6143
|
width:100%;
|
|
6144
6144
|
}
|
|
6145
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6145
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6146
6146
|
color:var(--small-list-header-color);
|
|
6147
6147
|
grid-area:head;
|
|
6148
6148
|
}
|
|
6149
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6149
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_header--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6150
6150
|
align-items:center;
|
|
6151
6151
|
display:flex;
|
|
6152
6152
|
}
|
|
6153
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6153
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6154
6154
|
color:var(--small-list-subtitle-color);
|
|
6155
6155
|
grid-area:subtitle;
|
|
6156
6156
|
}
|
|
6157
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6157
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_header--33914,.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6158
6158
|
display:inline-block;
|
|
6159
6159
|
overflow:hidden;
|
|
6160
6160
|
text-overflow:ellipsis;
|
|
6161
6161
|
white-space:nowrap;
|
|
6162
6162
|
}
|
|
6163
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6163
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914:not(:has(.bp_base_grid_list_item_module_header--33914)),.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914:not(:has(.bp_base_grid_list_item_module_subtitle--33914)){
|
|
6164
6164
|
grid-template-rows:100% 0;
|
|
6165
6165
|
row-gap:0;
|
|
6166
6166
|
}
|
|
6167
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6167
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
6168
6168
|
align-items:center;
|
|
6169
6169
|
display:flex;
|
|
6170
6170
|
grid-area:actions;
|
|
@@ -6174,11 +6174,11 @@
|
|
|
6174
6174
|
padding-right:0;
|
|
6175
6175
|
}
|
|
6176
6176
|
@media (pointer: coarse){
|
|
6177
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6177
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
6178
6178
|
--actions-opacity:1;
|
|
6179
6179
|
}
|
|
6180
6180
|
}
|
|
6181
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6181
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914{
|
|
6182
6182
|
align-items:center;
|
|
6183
6183
|
background:var(--item-background);
|
|
6184
6184
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6187,10 +6187,10 @@
|
|
|
6187
6187
|
justify-content:center;
|
|
6188
6188
|
width:var(--small-list-selection-width);
|
|
6189
6189
|
}
|
|
6190
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6190
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914:hover{
|
|
6191
6191
|
background:var(--small-list-selection-hover-background);
|
|
6192
6192
|
}
|
|
6193
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6193
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914{
|
|
6194
6194
|
align-items:center;
|
|
6195
6195
|
border-radius:var(--small-list-inner-border-radius);
|
|
6196
6196
|
display:flex;
|
|
@@ -6198,17 +6198,17 @@
|
|
|
6198
6198
|
justify-content:flex-end;
|
|
6199
6199
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
6200
6200
|
}
|
|
6201
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6201
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914:last-child{
|
|
6202
6202
|
margin-inline-end:0;
|
|
6203
6203
|
}
|
|
6204
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6204
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_actionsCheckboxWrapper--33914{
|
|
6205
6205
|
display:flex;
|
|
6206
6206
|
}
|
|
6207
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6207
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914:hover,.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914[data-active-item],.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914[data-focus-visible],.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914[data-focused],.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914[data-hovered]{
|
|
6208
6208
|
--actions-opacity:1;
|
|
6209
6209
|
background:var(--item-hover);
|
|
6210
6210
|
}
|
|
6211
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6211
|
+
.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914[data-active-item]::before,.bp_base_grid_list_item_module_smallList--33914 .bp_base_grid_list_item_module_smallListItem--33914[data-focus-visible]::before{
|
|
6212
6212
|
--actions-opacity:1;
|
|
6213
6213
|
border-radius:var(--small-list-focus-outline-radius);
|
|
6214
6214
|
content:"";
|
|
@@ -6222,7 +6222,7 @@
|
|
|
6222
6222
|
width:100%;
|
|
6223
6223
|
}
|
|
6224
6224
|
|
|
6225
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6225
|
+
.bp_base_grid_list_item_module_largeList--33914[data-modern=false]{
|
|
6226
6226
|
--large-list-gap:var(--space-05);
|
|
6227
6227
|
--large-list-padding:var(--space-1);
|
|
6228
6228
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6271,11 +6271,11 @@
|
|
|
6271
6271
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
6272
6272
|
--large-list-item-interaction-backdrop-filter:none;
|
|
6273
6273
|
}
|
|
6274
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6274
|
+
.bp_base_grid_list_item_module_largeList--33914[data-modern=false] .bp_base_grid_list_item_module_largeListItem--33914{
|
|
6275
6275
|
border-radius:var(--large-list-item-border-radius);
|
|
6276
6276
|
}
|
|
6277
6277
|
|
|
6278
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6278
|
+
.bp_base_grid_list_item_module_largeList--33914[data-modern=true]{
|
|
6279
6279
|
--large-list-gap:var(--bp-space-005);
|
|
6280
6280
|
--large-list-padding:var(--bp-space-010);
|
|
6281
6281
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6325,18 +6325,18 @@
|
|
|
6325
6325
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
6326
6326
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
6327
6327
|
}
|
|
6328
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6328
|
+
.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914:hover,.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true],.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914[data-active-item],.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914[data-focus-visible],.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914[data-focused],.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914[data-hovered]{
|
|
6329
6329
|
border-radius:var(--large-list-item-border-radius);
|
|
6330
6330
|
}
|
|
6331
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6331
|
+
.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true]{
|
|
6332
6332
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6333
6333
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6334
6334
|
}
|
|
6335
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6335
|
+
.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--33914[data-modern=true] .bp_base_grid_list_item_module_largeListItem--33914:not[aria-selected=true][data-hovered]{
|
|
6336
6336
|
--item-background:var(--large-list-item-hover-background);
|
|
6337
6337
|
}
|
|
6338
6338
|
|
|
6339
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6339
|
+
.bp_base_grid_list_item_module_largeList--33914{
|
|
6340
6340
|
box-sizing:border-box;
|
|
6341
6341
|
display:flex;
|
|
6342
6342
|
flex-direction:column;
|
|
@@ -6346,7 +6346,7 @@
|
|
|
6346
6346
|
overflow:auto;
|
|
6347
6347
|
padding:var(--large-list-padding);
|
|
6348
6348
|
}
|
|
6349
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6349
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914{
|
|
6350
6350
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
6351
6351
|
--actions-opacity:0;
|
|
6352
6352
|
--item-background:var(--large-list-item-background);
|
|
@@ -6362,18 +6362,18 @@
|
|
|
6362
6362
|
position:relative;
|
|
6363
6363
|
transform:translateZ(0);
|
|
6364
6364
|
}
|
|
6365
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6365
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6366
6366
|
grid-template-rows:1fr 1fr 1fr;
|
|
6367
6367
|
}
|
|
6368
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6368
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914:focus-within{
|
|
6369
6369
|
--actions-opacity:1;
|
|
6370
6370
|
}
|
|
6371
6371
|
@media (max-width: 374px){
|
|
6372
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6372
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914{
|
|
6373
6373
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
6374
6374
|
}
|
|
6375
6375
|
}
|
|
6376
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6376
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
6377
6377
|
aspect-ratio:4/3;
|
|
6378
6378
|
border:var(--large-list-item-thumbnail-border);
|
|
6379
6379
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -6381,24 +6381,24 @@
|
|
|
6381
6381
|
overflow:hidden;
|
|
6382
6382
|
z-index:1;
|
|
6383
6383
|
}
|
|
6384
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6384
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914 img{
|
|
6385
6385
|
height:100%;
|
|
6386
6386
|
object-fit:cover;
|
|
6387
6387
|
object-position:left;
|
|
6388
6388
|
width:100%;
|
|
6389
6389
|
}
|
|
6390
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6390
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6391
6391
|
border:none;
|
|
6392
6392
|
}
|
|
6393
6393
|
@media (max-width: 374px){
|
|
6394
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6394
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
6395
6395
|
aspect-ratio:1/1;
|
|
6396
6396
|
}
|
|
6397
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6397
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914 img{
|
|
6398
6398
|
object-fit:contain;
|
|
6399
6399
|
}
|
|
6400
6400
|
}
|
|
6401
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6401
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
6402
6402
|
align-items:center;
|
|
6403
6403
|
display:flex;
|
|
6404
6404
|
height:var(--large-list-item-actions-height);
|
|
@@ -6410,11 +6410,11 @@
|
|
|
6410
6410
|
top:var(--large-list-item-actions-top);
|
|
6411
6411
|
}
|
|
6412
6412
|
@media (pointer: coarse){
|
|
6413
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6413
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
6414
6414
|
--actions-opacity:1;
|
|
6415
6415
|
}
|
|
6416
6416
|
}
|
|
6417
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6417
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914{
|
|
6418
6418
|
align-items:center;
|
|
6419
6419
|
background:var(--item-background);
|
|
6420
6420
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -6423,15 +6423,15 @@
|
|
|
6423
6423
|
justify-content:center;
|
|
6424
6424
|
width:var(--large-list-item-selection-width);
|
|
6425
6425
|
}
|
|
6426
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6426
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914:hover{
|
|
6427
6427
|
background:var(--large-list-item-selection-hover-background);
|
|
6428
6428
|
}
|
|
6429
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6429
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_fade--33914{
|
|
6430
6430
|
align-self:stretch;
|
|
6431
6431
|
background:var(--large-list-item-fade-background);
|
|
6432
6432
|
width:var(--large-list-item-fade-width);
|
|
6433
6433
|
}
|
|
6434
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6434
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914{
|
|
6435
6435
|
align-items:center;
|
|
6436
6436
|
background:var(--item-background);
|
|
6437
6437
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -6440,14 +6440,14 @@
|
|
|
6440
6440
|
justify-content:flex-end;
|
|
6441
6441
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
6442
6442
|
}
|
|
6443
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6443
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914:last-child{
|
|
6444
6444
|
margin-inline-end:0;
|
|
6445
6445
|
}
|
|
6446
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6446
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_actionsCheckboxWrapper--33914{
|
|
6447
6447
|
background:var(--item-background);
|
|
6448
6448
|
display:flex;
|
|
6449
6449
|
}
|
|
6450
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6450
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6451
6451
|
align-items:center;
|
|
6452
6452
|
color:var(--large-list-item-header-color);
|
|
6453
6453
|
display:inline-flex;
|
|
@@ -6465,7 +6465,7 @@
|
|
|
6465
6465
|
text-transform:var(--body-default-semibold-text-case);
|
|
6466
6466
|
white-space:nowrap;
|
|
6467
6467
|
}
|
|
6468
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6468
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6469
6469
|
align-items:center;
|
|
6470
6470
|
color:var(--large-list-item-subtitle-color);
|
|
6471
6471
|
display:flex;
|
|
@@ -6481,7 +6481,7 @@
|
|
|
6481
6481
|
text-transform:var(--caption-default-text-case);
|
|
6482
6482
|
white-space:nowrap;
|
|
6483
6483
|
}
|
|
6484
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6484
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_description--33914{
|
|
6485
6485
|
-webkit-box-orient:vertical;
|
|
6486
6486
|
-webkit-line-clamp:3;
|
|
6487
6487
|
color:var(--large-list-item-description-color);
|
|
@@ -6500,13 +6500,13 @@
|
|
|
6500
6500
|
text-decoration:var(--body-default-text-decoration);
|
|
6501
6501
|
text-transform:var(--body-default-text-case);
|
|
6502
6502
|
}
|
|
6503
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6503
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_snippet--33914{
|
|
6504
6504
|
grid-area:description;
|
|
6505
6505
|
margin:0;
|
|
6506
6506
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
6507
6507
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
6508
6508
|
}
|
|
6509
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6509
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914 .bp_base_grid_list_item_module_snippet--33914 .bp_base_grid_list_item_module_snippetContent--33914{
|
|
6510
6510
|
-webkit-box-orient:vertical;
|
|
6511
6511
|
-webkit-line-clamp:2;
|
|
6512
6512
|
border:var(--large-list-item-snippet-border);
|
|
@@ -6526,13 +6526,13 @@
|
|
|
6526
6526
|
text-decoration:var(--body-default-text-decoration);
|
|
6527
6527
|
text-transform:var(--body-default-text-case);
|
|
6528
6528
|
}
|
|
6529
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6529
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914:hover,.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[data-active-item],.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[data-focus-visible],.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[data-focused],.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[data-hovered]{
|
|
6530
6530
|
--actions-opacity:1;
|
|
6531
6531
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6532
6532
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6533
6533
|
outline:var(--large-list-item-hover-outline);
|
|
6534
6534
|
}
|
|
6535
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6535
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[data-active-item]::before,.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[data-focus-visible]::before{
|
|
6536
6536
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
6537
6537
|
content:"";
|
|
6538
6538
|
display:block;
|
|
@@ -6544,31 +6544,31 @@
|
|
|
6544
6544
|
top:0;
|
|
6545
6545
|
width:100%;
|
|
6546
6546
|
}
|
|
6547
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6547
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true]{
|
|
6548
6548
|
--actions-opacity:1;
|
|
6549
6549
|
--item-background:var(--large-list-item-selected-background);
|
|
6550
6550
|
outline:var(--large-list-item-selected-outline);
|
|
6551
6551
|
z-index:2;
|
|
6552
6552
|
}
|
|
6553
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6553
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true] .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_fade--33914{
|
|
6554
6554
|
background:var(--large-list-item-selected-fade-background);
|
|
6555
6555
|
}
|
|
6556
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6556
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914{
|
|
6557
6557
|
display:none;
|
|
6558
6558
|
}
|
|
6559
6559
|
@supports selector(:has(.foo)){
|
|
6560
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6560
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--33914 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true]:has(+ [aria-selected=true]){
|
|
6561
6561
|
border-end-end-radius:0;
|
|
6562
6562
|
border-end-start-radius:0;
|
|
6563
6563
|
}
|
|
6564
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6564
|
+
.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--33914 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--33914 .bp_base_grid_list_item_module_largeListItem--33914[aria-selected=true] + [aria-selected=true]{
|
|
6565
6565
|
border-start-end-radius:0;
|
|
6566
6566
|
border-start-start-radius:0;
|
|
6567
6567
|
border-top:none;
|
|
6568
6568
|
}
|
|
6569
6569
|
}
|
|
6570
6570
|
|
|
6571
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6571
|
+
.bp_base_grid_list_item_module_gridList--33914[data-modern=false]{
|
|
6572
6572
|
--grid-list-minimum-item-width:188px;
|
|
6573
6573
|
--grid-list-gap:var(--space-4);
|
|
6574
6574
|
--grid-list-padding:var(--space-1);
|
|
@@ -6609,7 +6609,7 @@
|
|
|
6609
6609
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
6610
6610
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
6611
6611
|
}
|
|
6612
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6612
|
+
.bp_base_grid_list_item_module_gridList--33914[data-modern=false] .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6613
6613
|
font-family:var(--body-default-font-family);
|
|
6614
6614
|
font-size:var(--body-default-font-size);
|
|
6615
6615
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6619,7 +6619,7 @@
|
|
|
6619
6619
|
text-decoration:var(--body-default-text-decoration);
|
|
6620
6620
|
text-transform:var(--body-default-text-case);
|
|
6621
6621
|
}
|
|
6622
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6622
|
+
.bp_base_grid_list_item_module_gridList--33914[data-modern=false] .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6623
6623
|
font-family:var(--caption-default-font-family);
|
|
6624
6624
|
font-size:var(--caption-default-font-size);
|
|
6625
6625
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6630,7 +6630,7 @@
|
|
|
6630
6630
|
text-transform:var(--caption-default-text-case);
|
|
6631
6631
|
}
|
|
6632
6632
|
|
|
6633
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6633
|
+
.bp_base_grid_list_item_module_gridList--33914[data-modern=true]{
|
|
6634
6634
|
--grid-list-minimum-item-width:188px;
|
|
6635
6635
|
--grid-list-gap:var(--bp-space-040);
|
|
6636
6636
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -6671,7 +6671,7 @@
|
|
|
6671
6671
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
6672
6672
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
6673
6673
|
}
|
|
6674
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6674
|
+
.bp_base_grid_list_item_module_gridList--33914[data-modern=true] .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6675
6675
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6676
6676
|
font-size:var(--bp-font-size-05);
|
|
6677
6677
|
font-style:normal;
|
|
@@ -6679,7 +6679,7 @@
|
|
|
6679
6679
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6680
6680
|
line-height:var(--bp-font-line-height-04);
|
|
6681
6681
|
}
|
|
6682
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6682
|
+
.bp_base_grid_list_item_module_gridList--33914[data-modern=true] .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6683
6683
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6684
6684
|
font-size:var(--bp-font-size-03);
|
|
6685
6685
|
font-style:normal;
|
|
@@ -6688,7 +6688,7 @@
|
|
|
6688
6688
|
line-height:var(--bp-font-line-height-02);
|
|
6689
6689
|
}
|
|
6690
6690
|
|
|
6691
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6691
|
+
.bp_base_grid_list_item_module_gridList--33914{
|
|
6692
6692
|
box-sizing:border-box;
|
|
6693
6693
|
display:grid;
|
|
6694
6694
|
gap:var(--grid-list-gap);
|
|
@@ -6698,7 +6698,7 @@
|
|
|
6698
6698
|
overflow:auto;
|
|
6699
6699
|
padding:var(--grid-list-padding);
|
|
6700
6700
|
}
|
|
6701
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6701
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914{
|
|
6702
6702
|
--actions-opacity:0;
|
|
6703
6703
|
--item-background:var(--grid-list-item-background);
|
|
6704
6704
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -6716,15 +6716,15 @@
|
|
|
6716
6716
|
row-gap:var(--row-gap);
|
|
6717
6717
|
transform:translateZ(0);
|
|
6718
6718
|
}
|
|
6719
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6719
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914:focus-within{
|
|
6720
6720
|
--actions-opacity:1;
|
|
6721
6721
|
}
|
|
6722
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6722
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_statusPin--33914{
|
|
6723
6723
|
left:var(--grid-list-item-status-pin-left);
|
|
6724
6724
|
position:absolute;
|
|
6725
6725
|
top:var(--grid-list-item-status-pin-top);
|
|
6726
6726
|
}
|
|
6727
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6727
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
6728
6728
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
6729
6729
|
background:var(--grid-list-thumbnail-background);
|
|
6730
6730
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -6732,25 +6732,25 @@
|
|
|
6732
6732
|
grid-area:thumbnail;
|
|
6733
6733
|
overflow:hidden;
|
|
6734
6734
|
}
|
|
6735
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6735
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914 img{
|
|
6736
6736
|
height:100%;
|
|
6737
6737
|
object-fit:contain;
|
|
6738
6738
|
width:100%;
|
|
6739
6739
|
}
|
|
6740
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6740
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6741
6741
|
border:none;
|
|
6742
6742
|
}
|
|
6743
6743
|
@media (pointer: coarse){
|
|
6744
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6744
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
6745
6745
|
margin-block-end:var(--space-1);
|
|
6746
6746
|
}
|
|
6747
6747
|
}
|
|
6748
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6748
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
6749
6749
|
grid-area:subtitle;
|
|
6750
6750
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
6751
6751
|
opacity:var(--actions-opacity);
|
|
6752
6752
|
}
|
|
6753
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6753
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914{
|
|
6754
6754
|
align-items:center;
|
|
6755
6755
|
border-radius:var(--grid-list-selection-border-radius);
|
|
6756
6756
|
display:flex;
|
|
@@ -6761,10 +6761,10 @@
|
|
|
6761
6761
|
top:var(--grid-list-selection-top);
|
|
6762
6762
|
width:var(--grid-list-selection-width);
|
|
6763
6763
|
}
|
|
6764
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6764
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914:hover{
|
|
6765
6765
|
background:var(--grid-list-selection-hover-background);
|
|
6766
6766
|
}
|
|
6767
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6767
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914{
|
|
6768
6768
|
align-items:center;
|
|
6769
6769
|
background:var(--item-background);
|
|
6770
6770
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -6773,29 +6773,29 @@
|
|
|
6773
6773
|
justify-content:center;
|
|
6774
6774
|
}
|
|
6775
6775
|
@media (pointer: coarse){
|
|
6776
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6776
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
6777
6777
|
grid-area:actions;
|
|
6778
6778
|
margin-block-start:0;
|
|
6779
6779
|
}
|
|
6780
6780
|
}
|
|
6781
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6781
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6782
6782
|
color:var(--grid-list-header-color);
|
|
6783
6783
|
grid-area:head;
|
|
6784
6784
|
height:var(--grid-list-header-height);
|
|
6785
6785
|
overflow-wrap:anywhere;
|
|
6786
6786
|
text-align:center;
|
|
6787
6787
|
}
|
|
6788
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6788
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_header--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6789
6789
|
align-items:center;
|
|
6790
6790
|
display:flex;
|
|
6791
6791
|
}
|
|
6792
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6792
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_header--33914{
|
|
6793
6793
|
-webkit-box-orient:vertical;
|
|
6794
6794
|
-webkit-line-clamp:2;
|
|
6795
6795
|
display:-webkit-box;
|
|
6796
6796
|
overflow:hidden;
|
|
6797
6797
|
}
|
|
6798
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6798
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
6799
6799
|
color:var(--grid-list-subtitle-color);
|
|
6800
6800
|
grid-area:subtitle;
|
|
6801
6801
|
height:var(--grid-list-subtitle-height);
|
|
@@ -6804,16 +6804,16 @@
|
|
|
6804
6804
|
text-overflow:ellipsis;
|
|
6805
6805
|
white-space:nowrap;
|
|
6806
6806
|
}
|
|
6807
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6807
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914 .bp_base_grid_list_item_module_subtitle--33914.bp_base_grid_list_item_module_loading--33914{
|
|
6808
6808
|
height:var(--grid-list-subtitle-loading-height);
|
|
6809
6809
|
}
|
|
6810
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6810
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914.bp_base_grid_list_item_module_isItemInteracted--33914,.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914:hover,.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-active-item],.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-focus-visible],.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-focused],.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-hovered]{
|
|
6811
6811
|
--actions-opacity:1;
|
|
6812
6812
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
6813
6813
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
6814
6814
|
outline:var(--grid-list-item-hover-outline);
|
|
6815
6815
|
}
|
|
6816
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6816
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-active-item]::before,.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-focus-visible]::before{
|
|
6817
6817
|
border-radius:var(--grid-list-item-border-radius);
|
|
6818
6818
|
content:"";
|
|
6819
6819
|
display:block;
|
|
@@ -6825,7 +6825,7 @@
|
|
|
6825
6825
|
top:0;
|
|
6826
6826
|
width:100%;
|
|
6827
6827
|
}
|
|
6828
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6828
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-active-item]::after,.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[data-focus-visible]::after{
|
|
6829
6829
|
border-radius:var(--grid-list-item-border-radius);
|
|
6830
6830
|
content:"";
|
|
6831
6831
|
display:block;
|
|
@@ -6837,16 +6837,16 @@
|
|
|
6837
6837
|
top:0;
|
|
6838
6838
|
width:100%;
|
|
6839
6839
|
}
|
|
6840
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6840
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[aria-selected=true]{
|
|
6841
6841
|
--actions-opacity:1;
|
|
6842
6842
|
--item-background:var(--grid-list-item-selected-background);
|
|
6843
6843
|
outline:var(--grid-list-item-selected-outline);
|
|
6844
6844
|
}
|
|
6845
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6845
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--33914) .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914{
|
|
6846
6846
|
opacity:0;
|
|
6847
6847
|
}
|
|
6848
6848
|
@media (pointer: coarse){
|
|
6849
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6849
|
+
.bp_base_grid_list_item_module_gridList--33914 .bp_base_grid_list_item_module_gridListItem--33914{
|
|
6850
6850
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
6851
6851
|
--actions-opacity:1;
|
|
6852
6852
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -6854,7 +6854,7 @@
|
|
|
6854
6854
|
}
|
|
6855
6855
|
}
|
|
6856
6856
|
|
|
6857
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6857
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-modern=false]{
|
|
6858
6858
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
6859
6859
|
--tooltip-offset:var(--space-2);
|
|
6860
6860
|
--tooltip-arrow-display:block;
|
|
@@ -6866,7 +6866,7 @@
|
|
|
6866
6866
|
--tooltip-backdrop-filter:none;
|
|
6867
6867
|
}
|
|
6868
6868
|
|
|
6869
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6869
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-modern=true]{
|
|
6870
6870
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
6871
6871
|
--tooltip-offset:var(--bp-space-020);
|
|
6872
6872
|
--tooltip-arrow-display:none;
|
|
@@ -6878,7 +6878,7 @@
|
|
|
6878
6878
|
--tooltip-backdrop-filter:blur(16px);
|
|
6879
6879
|
}
|
|
6880
6880
|
|
|
6881
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6881
|
+
.bp_base_grid_list_item_module_tooltipContent--33914{
|
|
6882
6882
|
background-color:var(--tooltip-background-color);
|
|
6883
6883
|
border:var(--tooltip-border);
|
|
6884
6884
|
border-radius:var(--tooltip-radius);
|
|
@@ -6897,28 +6897,317 @@
|
|
|
6897
6897
|
word-break:break-word;
|
|
6898
6898
|
z-index:2147483647;
|
|
6899
6899
|
}
|
|
6900
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6900
|
+
.bp_base_grid_list_item_module_tooltipContent--33914 .bp_base_grid_list_item_module_tooltipArrow--33914 svg{
|
|
6901
6901
|
display:var(--tooltip-arrow-display);
|
|
6902
6902
|
height:.5rem;
|
|
6903
6903
|
width:1rem;
|
|
6904
6904
|
}
|
|
6905
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6905
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-placement=top]{
|
|
6906
6906
|
margin-block-end:var(--tooltip-offset);
|
|
6907
6907
|
}
|
|
6908
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6908
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--33914 svg{
|
|
6909
6909
|
transform:rotate(180deg);
|
|
6910
6910
|
}
|
|
6911
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6911
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-placement=bottom]{
|
|
6912
6912
|
margin-block-start:var(--tooltip-offset);
|
|
6913
6913
|
}
|
|
6914
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6914
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-placement=right]{
|
|
6915
6915
|
margin-inline-start:var(--tooltip-offset);
|
|
6916
6916
|
}
|
|
6917
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6917
|
+
.bp_base_grid_list_item_module_tooltipContent--33914[data-placement=left]{
|
|
6918
6918
|
margin-inline-end:var(--tooltip-offset);
|
|
6919
6919
|
}
|
|
6920
|
+
.bp_base_grid_list_item_module_gridListV2--33914{
|
|
6921
|
+
--grid-v2-gap:var(--space-2);
|
|
6922
|
+
--grid-v2-padding:var(--space-3);
|
|
6923
|
+
--grid-v2-min-item-width:23.4375rem;
|
|
6924
|
+
--grid-v2-header-height:utils.pxtorem(20);
|
|
6925
|
+
--grid-v2-subtitle-height:utils.pxtorem(20);
|
|
6926
|
+
--grid-v2-actions-height:var(--space-8);
|
|
6927
|
+
--grid-v2-item-background:var(--gray-white);
|
|
6928
|
+
--grid-v2-item-border-radius:var(--radius-4);
|
|
6929
|
+
--grid-v2-thumbnail-head-gap:var(--space-3);
|
|
6930
|
+
--grid-v2-head-subtitle-gap:var(--space-2);
|
|
6931
|
+
--grid-v2-item-padding-bottom:var(--space-3);
|
|
6932
|
+
--grid-v2-item-status-pin-top:var(--space-3);
|
|
6933
|
+
--grid-v2-item-status-pin-left:var(--space-3);
|
|
6934
|
+
--grid-v2-thumbnail-background:var(--gray-white);
|
|
6935
|
+
--grid-v2-thumbnail-border:var(--border-1) solid var(--border-gridthumbnail-border);
|
|
6936
|
+
--grid-v2-thumbnail-border-radius:.75rem;
|
|
6937
|
+
--grid-v2-thumbnail-aspect-ratio:4/3;
|
|
6938
|
+
--grid-v2-selection-top:var(--space-2);
|
|
6939
|
+
--grid-v2-selection-right:var(--space-2);
|
|
6940
|
+
--grid-v2-selection-width:var(--space-8);
|
|
6941
|
+
--grid-v2-selection-height:var(--space-8);
|
|
6942
|
+
--grid-v2-selection-border-radius:var(--radius-2);
|
|
6943
|
+
--grid-v2-selection-hover-background:var(--surface-cta-surface-icon-hover);
|
|
6944
|
+
--grid-v2-actions-inner-gap:var(--space-1);
|
|
6945
|
+
--grid-v2-actions-inner-border-radius:var(--radius-2);
|
|
6946
|
+
--grid-v2-header-color:var(--text-text-on-light);
|
|
6947
|
+
--grid-v2-subtitle-color:var(--text-text-on-light-secondary);
|
|
6948
|
+
--grid-v2-item-hover-box-shadow:var(--dropshadow-2);
|
|
6949
|
+
--grid-v2-item-outline-border-color:var(--border-card-border-focus);
|
|
6950
|
+
--grid-v2-item-focus-border-radius:1rem;
|
|
6951
|
+
--grid-v2-item-selected-border-radius:1.125rem;
|
|
6952
|
+
--grid-v2-item-selected-background:var(--box-blue-05);
|
|
6953
|
+
--grid-v2-item-selected-border-color:var(--border-item-border-selected);
|
|
6954
|
+
--grid-v2-subtitle-font-size:.8125rem;
|
|
6955
|
+
--grid-v2-subtitle-line-height:1.25rem;
|
|
6956
|
+
--grid-v2-thumbnail-badges-right:var(--space-2);
|
|
6957
|
+
--grid-v2-thumbnail-badges-bottom:var(--space-2);
|
|
6958
|
+
--grid-v2-thumbnail-badges-gap:var(--space-1);
|
|
6959
|
+
--grid-v2-file-type-pill-padding:.1875rem var(--space-2);
|
|
6960
|
+
--grid-v2-file-type-pill-font-size:.75rem;
|
|
6961
|
+
--grid-v2-file-type-pill-font-weight:var(--font-weight-bold);
|
|
6962
|
+
--grid-v2-file-type-pill-line-height:.875rem;
|
|
6963
|
+
--grid-v2-file-type-pill-color:var(--gray-180);
|
|
6964
|
+
--grid-v2-file-type-pill-background:var(--gray-02);
|
|
6965
|
+
--grid-v2-file-type-pill-border:var(--border-1) solid var(--gray-05);
|
|
6966
|
+
--grid-v2-file-type-pill-border-radius:var(--radius-half);
|
|
6967
|
+
box-sizing:border-box;
|
|
6968
|
+
display:grid;
|
|
6969
|
+
gap:var(--grid-v2-gap);
|
|
6970
|
+
grid-template-columns:repeat(auto-fit, minmax(var(--grid-v2-min-item-width), 1fr));
|
|
6971
|
+
max-height:inherit;
|
|
6972
|
+
outline:none;
|
|
6973
|
+
overflow:auto;
|
|
6974
|
+
padding:var(--grid-v2-padding);
|
|
6975
|
+
}
|
|
6976
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914{
|
|
6977
|
+
--actions-opacity:0;
|
|
6978
|
+
--subtitle-opacity:1;
|
|
6979
|
+
--item-background:var(--grid-v2-item-background);
|
|
6980
|
+
background:var(--item-background);
|
|
6981
|
+
border-radius:var(--grid-v2-item-border-radius);
|
|
6982
|
+
cursor:pointer;
|
|
6983
|
+
display:grid;
|
|
6984
|
+
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
6985
|
+
grid-template-columns:1fr;
|
|
6986
|
+
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height);
|
|
6987
|
+
justify-content:center;
|
|
6988
|
+
outline:none;
|
|
6989
|
+
padding:.375rem;
|
|
6990
|
+
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
6991
|
+
position:relative;
|
|
6992
|
+
transform:translateZ(0);
|
|
6993
|
+
}
|
|
6994
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914:focus-within{
|
|
6995
|
+
--actions-opacity:1;
|
|
6996
|
+
--subtitle-opacity:0;
|
|
6997
|
+
}
|
|
6998
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_noActions--33914:focus-within{
|
|
6999
|
+
--subtitle-opacity:1;
|
|
7000
|
+
}
|
|
7001
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_statusPin--33914{
|
|
7002
|
+
left:var(--grid-v2-item-status-pin-left);
|
|
7003
|
+
position:absolute;
|
|
7004
|
+
top:var(--grid-v2-item-status-pin-top);
|
|
7005
|
+
transition:transform .15s ease-out;
|
|
7006
|
+
}
|
|
7007
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
7008
|
+
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7009
|
+
background:var(--grid-v2-thumbnail-background);
|
|
7010
|
+
border:var(--grid-v2-thumbnail-border);
|
|
7011
|
+
border-radius:var(--grid-v2-thumbnail-border-radius);
|
|
7012
|
+
grid-area:thumbnail;
|
|
7013
|
+
overflow:hidden;
|
|
7014
|
+
position:relative;
|
|
7015
|
+
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7016
|
+
}
|
|
7017
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914 img{
|
|
7018
|
+
height:100%;
|
|
7019
|
+
object-fit:contain;
|
|
7020
|
+
width:100%;
|
|
7021
|
+
}
|
|
7022
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914.bp_base_grid_list_item_module_loading--33914{
|
|
7023
|
+
border:none;
|
|
7024
|
+
}
|
|
7025
|
+
@media (pointer: coarse){
|
|
7026
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914{
|
|
7027
|
+
margin-block-end:var(--space-1);
|
|
7028
|
+
}
|
|
7029
|
+
}
|
|
7030
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914 .bp_base_grid_list_item_module_thumbnailBadges--33914{
|
|
7031
|
+
align-items:center;
|
|
7032
|
+
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7033
|
+
display:flex;
|
|
7034
|
+
gap:var(--grid-v2-thumbnail-badges-gap);
|
|
7035
|
+
position:absolute;
|
|
7036
|
+
right:var(--grid-v2-thumbnail-badges-right);
|
|
7037
|
+
}
|
|
7038
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914 .bp_base_grid_list_item_module_statusBadge--33914{
|
|
7039
|
+
align-items:center;
|
|
7040
|
+
display:flex;
|
|
7041
|
+
justify-content:center;
|
|
7042
|
+
}
|
|
7043
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_thumbnail--33914 .bp_base_grid_list_item_module_fileTypePill--33914{
|
|
7044
|
+
background:var(--grid-v2-file-type-pill-background);
|
|
7045
|
+
border:var(--grid-v2-file-type-pill-border);
|
|
7046
|
+
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
7047
|
+
color:var(--grid-v2-file-type-pill-color);
|
|
7048
|
+
font-size:var(--grid-v2-file-type-pill-font-size);
|
|
7049
|
+
font-weight:var(--grid-v2-file-type-pill-font-weight);
|
|
7050
|
+
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7051
|
+
padding:var(--grid-v2-file-type-pill-padding);
|
|
7052
|
+
}
|
|
7053
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
7054
|
+
grid-area:subtitle;
|
|
7055
|
+
margin-top:.25rem;
|
|
7056
|
+
opacity:var(--actions-opacity);
|
|
7057
|
+
transition:opacity .15s ease-out;
|
|
7058
|
+
}
|
|
7059
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914{
|
|
7060
|
+
align-items:center;
|
|
7061
|
+
border-radius:var(--grid-v2-selection-border-radius);
|
|
7062
|
+
display:flex;
|
|
7063
|
+
height:var(--grid-v2-selection-height);
|
|
7064
|
+
justify-content:center;
|
|
7065
|
+
position:absolute;
|
|
7066
|
+
right:var(--grid-v2-selection-right);
|
|
7067
|
+
top:var(--grid-v2-selection-top);
|
|
7068
|
+
transition:transform .15s ease-out;
|
|
7069
|
+
width:var(--grid-v2-selection-width);
|
|
7070
|
+
}
|
|
7071
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_selection--33914:hover{
|
|
7072
|
+
background:var(--grid-v2-selection-hover-background);
|
|
7073
|
+
}
|
|
7074
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_actions--33914 .bp_base_grid_list_item_module_inner--33914{
|
|
7075
|
+
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7076
|
+
display:flex;
|
|
7077
|
+
gap:var(--grid-v2-actions-inner-gap);
|
|
7078
|
+
padding-inline-start:.25rem;
|
|
7079
|
+
}
|
|
7080
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_header--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
7081
|
+
padding-inline-start:.25rem;
|
|
7082
|
+
}
|
|
7083
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_header--33914{
|
|
7084
|
+
color:var(--grid-v2-header-color);
|
|
7085
|
+
display:block;
|
|
7086
|
+
font-family:var(--body-default-semibold-font-family);
|
|
7087
|
+
font-size:var(--body-default-semibold-font-size);
|
|
7088
|
+
font-size:.9375rem;
|
|
7089
|
+
font-weight:var(--body-default-semibold-font-weight);
|
|
7090
|
+
grid-area:head;
|
|
7091
|
+
letter-spacing:var(--body-default-semibold-letter-spacing);
|
|
7092
|
+
line-height:var(--body-default-semibold-line-height);
|
|
7093
|
+
margin-top:var(--grid-v2-thumbnail-head-gap);
|
|
7094
|
+
overflow:hidden;
|
|
7095
|
+
-webkit-text-decoration:var(--body-default-semibold-text-decoration);
|
|
7096
|
+
text-decoration:var(--body-default-semibold-text-decoration);
|
|
7097
|
+
text-overflow:ellipsis;
|
|
7098
|
+
text-transform:var(--body-default-semibold-text-case);
|
|
7099
|
+
white-space:nowrap;
|
|
7100
|
+
}
|
|
7101
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_subtitle--33914{
|
|
7102
|
+
color:var(--grid-v2-subtitle-color);
|
|
7103
|
+
display:block;
|
|
7104
|
+
font-family:var(--caption-default-font-family);
|
|
7105
|
+
font-size:var(--caption-default-font-size);
|
|
7106
|
+
font-size:var(--grid-v2-subtitle-font-size);
|
|
7107
|
+
font-weight:var(--caption-default-font-weight);
|
|
7108
|
+
grid-area:subtitle;
|
|
7109
|
+
letter-spacing:var(--caption-default-letter-spacing);
|
|
7110
|
+
line-height:var(--caption-default-line-height);
|
|
7111
|
+
line-height:var(--grid-v2-subtitle-line-height);
|
|
7112
|
+
margin-top:var(--grid-v2-head-subtitle-gap);
|
|
7113
|
+
opacity:var(--subtitle-opacity);
|
|
7114
|
+
overflow:hidden;
|
|
7115
|
+
-webkit-text-decoration:var(--caption-default-text-decoration);
|
|
7116
|
+
text-decoration:var(--caption-default-text-decoration);
|
|
7117
|
+
text-overflow:ellipsis;
|
|
7118
|
+
text-transform:var(--caption-default-text-case);
|
|
7119
|
+
transition:opacity .15s ease-out;
|
|
7120
|
+
white-space:nowrap;
|
|
7121
|
+
}
|
|
7122
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_textCentered--33914{
|
|
7123
|
+
justify-content:center;
|
|
7124
|
+
padding-inline-start:0;
|
|
7125
|
+
text-align:center;
|
|
7126
|
+
}
|
|
7127
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_innerCentered--33914{
|
|
7128
|
+
justify-content:center;
|
|
7129
|
+
padding-inline-start:0;
|
|
7130
|
+
}
|
|
7131
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_isItemInteracted--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-hovered]{
|
|
7132
|
+
--actions-opacity:1;
|
|
7133
|
+
--subtitle-opacity:0;
|
|
7134
|
+
}
|
|
7135
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_isItemInteracted--33914 .bp_base_grid_list_item_module_selection--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_isItemInteracted--33914 .bp_base_grid_list_item_module_statusPin--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_isItemInteracted--33914 .bp_base_grid_list_item_module_thumbnail--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true] .bp_base_grid_list_item_module_selection--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true] .bp_base_grid_list_item_module_statusPin--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible] .bp_base_grid_list_item_module_selection--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible] .bp_base_grid_list_item_module_statusPin--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-hovered] .bp_base_grid_list_item_module_selection--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-hovered] .bp_base_grid_list_item_module_statusPin--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-hovered] .bp_base_grid_list_item_module_thumbnail--33914{
|
|
7136
|
+
transform:translateY(-.125rem);
|
|
7137
|
+
}
|
|
7138
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_isItemInteracted--33914 .bp_base_grid_list_item_module_thumbnail--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-hovered] .bp_base_grid_list_item_module_thumbnail--33914{
|
|
7139
|
+
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7140
|
+
}
|
|
7141
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_isItemInteracted--33914 .bp_base_grid_list_item_module_subtitle--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true] .bp_base_grid_list_item_module_subtitle--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible] .bp_base_grid_list_item_module_subtitle--33914,.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-hovered] .bp_base_grid_list_item_module_subtitle--33914{
|
|
7142
|
+
pointer-events:none;
|
|
7143
|
+
}
|
|
7144
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_noActions--33914[data-hovered]{
|
|
7145
|
+
--subtitle-opacity:1;
|
|
7146
|
+
}
|
|
7147
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914.bp_base_grid_list_item_module_noActions--33914[data-hovered] .bp_base_grid_list_item_module_subtitle--33914{
|
|
7148
|
+
pointer-events:auto;
|
|
7149
|
+
}
|
|
7150
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[data-focus-visible]::before{
|
|
7151
|
+
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7152
|
+
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7153
|
+
bottom:.1875rem;
|
|
7154
|
+
content:"";
|
|
7155
|
+
left:.1875rem;
|
|
7156
|
+
pointer-events:none;
|
|
7157
|
+
position:absolute;
|
|
7158
|
+
right:.1875rem;
|
|
7159
|
+
top:.1875rem;
|
|
7160
|
+
transform:translateY(-.125rem);
|
|
7161
|
+
}
|
|
7162
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true]{
|
|
7163
|
+
--item-background:var(--grid-v2-item-selected-background);
|
|
7164
|
+
}
|
|
7165
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914[aria-selected=true]::after{
|
|
7166
|
+
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7167
|
+
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7168
|
+
bottom:0;
|
|
7169
|
+
content:"";
|
|
7170
|
+
left:0;
|
|
7171
|
+
pointer-events:none;
|
|
7172
|
+
position:absolute;
|
|
7173
|
+
right:0;
|
|
7174
|
+
top:0;
|
|
7175
|
+
transform:translateY(-.125rem);
|
|
7176
|
+
}
|
|
7177
|
+
@media (pointer: coarse){
|
|
7178
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914{
|
|
7179
|
+
--actions-opacity:1;
|
|
7180
|
+
--subtitle-opacity:1;
|
|
7181
|
+
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7182
|
+
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7183
|
+
}
|
|
7184
|
+
.bp_base_grid_list_item_module_gridListV2--33914 .bp_base_grid_list_item_module_gridListV2Item--33914 .bp_base_grid_list_item_module_actions--33914{
|
|
7185
|
+
grid-area:actions;
|
|
7186
|
+
}
|
|
7187
|
+
}
|
|
7188
|
+
|
|
7189
|
+
.bp_base_grid_list_item_module_gridListV2Small--33914{
|
|
7190
|
+
--grid-v2-min-item-width:15.625rem;
|
|
7191
|
+
}
|
|
7192
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--33914{
|
|
7193
|
+
display:grid;
|
|
7194
|
+
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7195
|
+
grid-template-columns:1fr;
|
|
7196
|
+
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height);
|
|
7197
|
+
justify-content:center;
|
|
7198
|
+
margin:-.375rem;
|
|
7199
|
+
margin-bottom:calc(-.375rem - var(--grid-v2-item-padding-bottom));
|
|
7200
|
+
padding:.375rem;
|
|
7201
|
+
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7202
|
+
}
|
|
7203
|
+
@media (pointer: coarse){
|
|
7204
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--33914{
|
|
7205
|
+
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7206
|
+
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7207
|
+
}
|
|
7208
|
+
}
|
|
6920
7209
|
|
|
6921
|
-
.bp_base_grid_list_item_module_staticList--
|
|
7210
|
+
.bp_base_grid_list_item_module_staticList--33914 .bp_base_grid_list_item_module_staticListItem--33914{
|
|
6922
7211
|
display:contents;
|
|
6923
7212
|
}
|
|
6924
7213
|
.bp_guided_tooltip_module_content--83fd8{
|