@box/blueprint-web 12.116.0 → 12.116.2
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
|
@@ -6017,7 +6017,7 @@
|
|
|
6017
6017
|
margin-block-end:var(--space-4);
|
|
6018
6018
|
}
|
|
6019
6019
|
|
|
6020
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6020
|
+
.bp_base_grid_list_item_module_smallList--f67a7[data-modern=false]{
|
|
6021
6021
|
--small-list-gap:var(--space-2);
|
|
6022
6022
|
--small-list-padding:var(--space-1);
|
|
6023
6023
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -6041,7 +6041,7 @@
|
|
|
6041
6041
|
--small-list-focus-outline-radius:0.875rem;
|
|
6042
6042
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
6043
6043
|
}
|
|
6044
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6044
|
+
.bp_base_grid_list_item_module_smallList--f67a7[data-modern=false] .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6045
6045
|
font-family:var(--body-default-semibold-font-family);
|
|
6046
6046
|
font-size:var(--body-default-semibold-font-size);
|
|
6047
6047
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -6051,7 +6051,7 @@
|
|
|
6051
6051
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
6052
6052
|
text-transform:var(--body-default-semibold-text-case);
|
|
6053
6053
|
}
|
|
6054
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6054
|
+
.bp_base_grid_list_item_module_smallList--f67a7[data-modern=false] .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6055
6055
|
font-family:var(--caption-default-font-family);
|
|
6056
6056
|
font-size:var(--caption-default-font-size);
|
|
6057
6057
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6062,7 +6062,7 @@
|
|
|
6062
6062
|
text-transform:var(--caption-default-text-case);
|
|
6063
6063
|
}
|
|
6064
6064
|
|
|
6065
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6065
|
+
.bp_base_grid_list_item_module_smallList--f67a7[data-modern=true]{
|
|
6066
6066
|
--small-list-gap:var(--bp-space-020);
|
|
6067
6067
|
--small-list-padding:initial;
|
|
6068
6068
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6086,7 +6086,7 @@
|
|
|
6086
6086
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
6087
6087
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
6088
6088
|
}
|
|
6089
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6089
|
+
.bp_base_grid_list_item_module_smallList--f67a7[data-modern=true] .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6090
6090
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6091
6091
|
font-size:var(--bp-font-size-05);
|
|
6092
6092
|
font-style:normal;
|
|
@@ -6094,7 +6094,7 @@
|
|
|
6094
6094
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6095
6095
|
line-height:var(--bp-font-line-height-04);
|
|
6096
6096
|
}
|
|
6097
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6097
|
+
.bp_base_grid_list_item_module_smallList--f67a7[data-modern=true] .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6098
6098
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6099
6099
|
font-size:var(--bp-font-size-03);
|
|
6100
6100
|
font-style:normal;
|
|
@@ -6103,7 +6103,7 @@
|
|
|
6103
6103
|
line-height:var(--bp-font-line-height-02);
|
|
6104
6104
|
}
|
|
6105
6105
|
|
|
6106
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6106
|
+
.bp_base_grid_list_item_module_smallList--f67a7{
|
|
6107
6107
|
box-sizing:border-box;
|
|
6108
6108
|
display:grid;
|
|
6109
6109
|
gap:var(--small-list-gap);
|
|
@@ -6114,7 +6114,7 @@
|
|
|
6114
6114
|
padding:var(--small-list-padding);
|
|
6115
6115
|
width:auto;
|
|
6116
6116
|
}
|
|
6117
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6117
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7{
|
|
6118
6118
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6119
6119
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6120
6120
|
--item-background:var(--small-list-item-background);
|
|
@@ -6133,11 +6133,11 @@
|
|
|
6133
6133
|
transform:translateZ(0);
|
|
6134
6134
|
width:auto;
|
|
6135
6135
|
}
|
|
6136
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6136
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6137
6137
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6138
6138
|
grid-template-rows:100% 0;
|
|
6139
6139
|
}
|
|
6140
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6140
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
6141
6141
|
align-items:center;
|
|
6142
6142
|
aspect-ratio:1;
|
|
6143
6143
|
display:flex;
|
|
@@ -6146,35 +6146,35 @@
|
|
|
6146
6146
|
overflow:hidden;
|
|
6147
6147
|
z-index:1;
|
|
6148
6148
|
}
|
|
6149
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6149
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_thumbnailContent--f67a7 img,.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_thumbnailContent--f67a7 svg{
|
|
6150
6150
|
height:100%;
|
|
6151
6151
|
object-fit:cover;
|
|
6152
6152
|
object-position:left;
|
|
6153
6153
|
width:100%;
|
|
6154
6154
|
}
|
|
6155
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6155
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6156
6156
|
color:var(--small-list-header-color);
|
|
6157
6157
|
grid-area:head;
|
|
6158
6158
|
}
|
|
6159
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6159
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6160
6160
|
align-items:center;
|
|
6161
6161
|
display:flex;
|
|
6162
6162
|
}
|
|
6163
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6163
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6164
6164
|
color:var(--small-list-subtitle-color);
|
|
6165
6165
|
grid-area:subtitle;
|
|
6166
6166
|
}
|
|
6167
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6167
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7,.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6168
6168
|
display:inline-block;
|
|
6169
6169
|
overflow:hidden;
|
|
6170
6170
|
text-overflow:ellipsis;
|
|
6171
6171
|
white-space:nowrap;
|
|
6172
6172
|
}
|
|
6173
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6173
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7:not(:has(.bp_base_grid_list_item_module_header--f67a7)),.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7:not(:has(.bp_base_grid_list_item_module_subtitle--f67a7)){
|
|
6174
6174
|
grid-template-rows:100% 0;
|
|
6175
6175
|
row-gap:0;
|
|
6176
6176
|
}
|
|
6177
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6177
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
6178
6178
|
align-items:center;
|
|
6179
6179
|
display:flex;
|
|
6180
6180
|
grid-area:actions;
|
|
@@ -6184,11 +6184,11 @@
|
|
|
6184
6184
|
padding-right:0;
|
|
6185
6185
|
}
|
|
6186
6186
|
@media (pointer: coarse){
|
|
6187
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6187
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
6188
6188
|
--actions-opacity:1;
|
|
6189
6189
|
}
|
|
6190
6190
|
}
|
|
6191
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6191
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7{
|
|
6192
6192
|
align-items:center;
|
|
6193
6193
|
background:var(--item-background);
|
|
6194
6194
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6197,10 +6197,10 @@
|
|
|
6197
6197
|
justify-content:center;
|
|
6198
6198
|
width:var(--small-list-selection-width);
|
|
6199
6199
|
}
|
|
6200
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6200
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7:hover{
|
|
6201
6201
|
background:var(--small-list-selection-hover-background);
|
|
6202
6202
|
}
|
|
6203
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6203
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7{
|
|
6204
6204
|
align-items:center;
|
|
6205
6205
|
border-radius:var(--small-list-inner-border-radius);
|
|
6206
6206
|
display:flex;
|
|
@@ -6208,17 +6208,17 @@
|
|
|
6208
6208
|
justify-content:flex-end;
|
|
6209
6209
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
6210
6210
|
}
|
|
6211
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6211
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7:last-child{
|
|
6212
6212
|
margin-inline-end:0;
|
|
6213
6213
|
}
|
|
6214
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6214
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--f67a7{
|
|
6215
6215
|
display:flex;
|
|
6216
6216
|
}
|
|
6217
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6217
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7:hover,.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7[data-active-item],.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7[data-focus-visible],.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7[data-focused],.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7[data-hovered]{
|
|
6218
6218
|
--actions-opacity:1;
|
|
6219
6219
|
background:var(--item-hover);
|
|
6220
6220
|
}
|
|
6221
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6221
|
+
.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7[data-active-item]::before,.bp_base_grid_list_item_module_smallList--f67a7 .bp_base_grid_list_item_module_smallListItem--f67a7[data-focus-visible]::before{
|
|
6222
6222
|
--actions-opacity:1;
|
|
6223
6223
|
border-radius:var(--small-list-focus-outline-radius);
|
|
6224
6224
|
content:"";
|
|
@@ -6232,7 +6232,7 @@
|
|
|
6232
6232
|
width:100%;
|
|
6233
6233
|
}
|
|
6234
6234
|
|
|
6235
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6235
|
+
.bp_base_grid_list_item_module_largeList--f67a7[data-modern=false]{
|
|
6236
6236
|
--large-list-gap:var(--space-05);
|
|
6237
6237
|
--large-list-padding:var(--space-1);
|
|
6238
6238
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6281,11 +6281,11 @@
|
|
|
6281
6281
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
6282
6282
|
--large-list-item-interaction-backdrop-filter:none;
|
|
6283
6283
|
}
|
|
6284
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6284
|
+
.bp_base_grid_list_item_module_largeList--f67a7[data-modern=false] .bp_base_grid_list_item_module_largeListItem--f67a7{
|
|
6285
6285
|
border-radius:var(--large-list-item-border-radius);
|
|
6286
6286
|
}
|
|
6287
6287
|
|
|
6288
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6288
|
+
.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true]{
|
|
6289
6289
|
--large-list-gap:var(--bp-space-005);
|
|
6290
6290
|
--large-list-padding:var(--bp-space-010);
|
|
6291
6291
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6335,18 +6335,18 @@
|
|
|
6335
6335
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
6336
6336
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
6337
6337
|
}
|
|
6338
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6338
|
+
.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7:hover,.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true],.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7[data-active-item],.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7[data-focus-visible],.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7[data-focused],.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7[data-hovered]{
|
|
6339
6339
|
border-radius:var(--large-list-item-border-radius);
|
|
6340
6340
|
}
|
|
6341
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6341
|
+
.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true]{
|
|
6342
6342
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6343
6343
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6344
6344
|
}
|
|
6345
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6345
|
+
.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--f67a7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--f67a7:not[aria-selected=true][data-hovered]{
|
|
6346
6346
|
--item-background:var(--large-list-item-hover-background);
|
|
6347
6347
|
}
|
|
6348
6348
|
|
|
6349
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6349
|
+
.bp_base_grid_list_item_module_largeList--f67a7{
|
|
6350
6350
|
box-sizing:border-box;
|
|
6351
6351
|
display:flex;
|
|
6352
6352
|
flex-direction:column;
|
|
@@ -6356,7 +6356,7 @@
|
|
|
6356
6356
|
overflow:auto;
|
|
6357
6357
|
padding:var(--large-list-padding);
|
|
6358
6358
|
}
|
|
6359
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6359
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7{
|
|
6360
6360
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
6361
6361
|
--actions-opacity:0;
|
|
6362
6362
|
--item-background:var(--large-list-item-background);
|
|
@@ -6372,18 +6372,18 @@
|
|
|
6372
6372
|
position:relative;
|
|
6373
6373
|
transform:translateZ(0);
|
|
6374
6374
|
}
|
|
6375
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6375
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6376
6376
|
grid-template-rows:1fr 1fr 1fr;
|
|
6377
6377
|
}
|
|
6378
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6378
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7:focus-within{
|
|
6379
6379
|
--actions-opacity:1;
|
|
6380
6380
|
}
|
|
6381
6381
|
@media (max-width: 374px){
|
|
6382
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6382
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7{
|
|
6383
6383
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
6384
6384
|
}
|
|
6385
6385
|
}
|
|
6386
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6386
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
6387
6387
|
aspect-ratio:4/3;
|
|
6388
6388
|
border:var(--large-list-item-thumbnail-border);
|
|
6389
6389
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -6391,24 +6391,24 @@
|
|
|
6391
6391
|
overflow:hidden;
|
|
6392
6392
|
z-index:1;
|
|
6393
6393
|
}
|
|
6394
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6394
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 img{
|
|
6395
6395
|
height:100%;
|
|
6396
6396
|
object-fit:cover;
|
|
6397
6397
|
object-position:left;
|
|
6398
6398
|
width:100%;
|
|
6399
6399
|
}
|
|
6400
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6400
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6401
6401
|
border:none;
|
|
6402
6402
|
}
|
|
6403
6403
|
@media (max-width: 374px){
|
|
6404
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6404
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
6405
6405
|
aspect-ratio:1/1;
|
|
6406
6406
|
}
|
|
6407
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6407
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 img{
|
|
6408
6408
|
object-fit:contain;
|
|
6409
6409
|
}
|
|
6410
6410
|
}
|
|
6411
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6411
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
6412
6412
|
align-items:center;
|
|
6413
6413
|
display:flex;
|
|
6414
6414
|
height:var(--large-list-item-actions-height);
|
|
@@ -6420,11 +6420,11 @@
|
|
|
6420
6420
|
top:var(--large-list-item-actions-top);
|
|
6421
6421
|
}
|
|
6422
6422
|
@media (pointer: coarse){
|
|
6423
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6423
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
6424
6424
|
--actions-opacity:1;
|
|
6425
6425
|
}
|
|
6426
6426
|
}
|
|
6427
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6427
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7{
|
|
6428
6428
|
align-items:center;
|
|
6429
6429
|
background:var(--item-background);
|
|
6430
6430
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -6433,15 +6433,15 @@
|
|
|
6433
6433
|
justify-content:center;
|
|
6434
6434
|
width:var(--large-list-item-selection-width);
|
|
6435
6435
|
}
|
|
6436
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6436
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7:hover{
|
|
6437
6437
|
background:var(--large-list-item-selection-hover-background);
|
|
6438
6438
|
}
|
|
6439
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6439
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_fade--f67a7{
|
|
6440
6440
|
align-self:stretch;
|
|
6441
6441
|
background:var(--large-list-item-fade-background);
|
|
6442
6442
|
width:var(--large-list-item-fade-width);
|
|
6443
6443
|
}
|
|
6444
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6444
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7{
|
|
6445
6445
|
align-items:center;
|
|
6446
6446
|
background:var(--item-background);
|
|
6447
6447
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -6450,14 +6450,14 @@
|
|
|
6450
6450
|
justify-content:flex-end;
|
|
6451
6451
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
6452
6452
|
}
|
|
6453
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6453
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7:last-child{
|
|
6454
6454
|
margin-inline-end:0;
|
|
6455
6455
|
}
|
|
6456
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6456
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--f67a7{
|
|
6457
6457
|
background:var(--item-background);
|
|
6458
6458
|
display:flex;
|
|
6459
6459
|
}
|
|
6460
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6460
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6461
6461
|
align-items:center;
|
|
6462
6462
|
color:var(--large-list-item-header-color);
|
|
6463
6463
|
display:inline-flex;
|
|
@@ -6475,7 +6475,7 @@
|
|
|
6475
6475
|
text-transform:var(--body-default-semibold-text-case);
|
|
6476
6476
|
white-space:nowrap;
|
|
6477
6477
|
}
|
|
6478
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6478
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6479
6479
|
align-items:center;
|
|
6480
6480
|
color:var(--large-list-item-subtitle-color);
|
|
6481
6481
|
display:flex;
|
|
@@ -6491,7 +6491,7 @@
|
|
|
6491
6491
|
text-transform:var(--caption-default-text-case);
|
|
6492
6492
|
white-space:nowrap;
|
|
6493
6493
|
}
|
|
6494
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6494
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_description--f67a7{
|
|
6495
6495
|
-webkit-box-orient:vertical;
|
|
6496
6496
|
-webkit-line-clamp:3;
|
|
6497
6497
|
color:var(--large-list-item-description-color);
|
|
@@ -6510,13 +6510,13 @@
|
|
|
6510
6510
|
text-decoration:var(--body-default-text-decoration);
|
|
6511
6511
|
text-transform:var(--body-default-text-case);
|
|
6512
6512
|
}
|
|
6513
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6513
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_snippet--f67a7{
|
|
6514
6514
|
grid-area:description;
|
|
6515
6515
|
margin:0;
|
|
6516
6516
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
6517
6517
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
6518
6518
|
}
|
|
6519
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6519
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7 .bp_base_grid_list_item_module_snippet--f67a7 .bp_base_grid_list_item_module_snippetContent--f67a7{
|
|
6520
6520
|
-webkit-box-orient:vertical;
|
|
6521
6521
|
-webkit-line-clamp:2;
|
|
6522
6522
|
border:var(--large-list-item-snippet-border);
|
|
@@ -6536,13 +6536,13 @@
|
|
|
6536
6536
|
text-decoration:var(--body-default-text-decoration);
|
|
6537
6537
|
text-transform:var(--body-default-text-case);
|
|
6538
6538
|
}
|
|
6539
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6539
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7:hover,.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[data-active-item],.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[data-focus-visible],.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[data-focused],.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[data-hovered]{
|
|
6540
6540
|
--actions-opacity:1;
|
|
6541
6541
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6542
6542
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6543
6543
|
outline:var(--large-list-item-hover-outline);
|
|
6544
6544
|
}
|
|
6545
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6545
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[data-active-item]::before,.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[data-focus-visible]::before{
|
|
6546
6546
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
6547
6547
|
content:"";
|
|
6548
6548
|
display:block;
|
|
@@ -6554,31 +6554,31 @@
|
|
|
6554
6554
|
top:0;
|
|
6555
6555
|
width:100%;
|
|
6556
6556
|
}
|
|
6557
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6557
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true]{
|
|
6558
6558
|
--actions-opacity:1;
|
|
6559
6559
|
--item-background:var(--large-list-item-selected-background);
|
|
6560
6560
|
outline:var(--large-list-item-selected-outline);
|
|
6561
6561
|
z-index:2;
|
|
6562
6562
|
}
|
|
6563
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6563
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true] .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_fade--f67a7{
|
|
6564
6564
|
background:var(--large-list-item-selected-fade-background);
|
|
6565
6565
|
}
|
|
6566
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6566
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7{
|
|
6567
6567
|
display:none;
|
|
6568
6568
|
}
|
|
6569
6569
|
@supports selector(:has(.foo)){
|
|
6570
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6570
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--f67a7 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true]:has(+ [aria-selected=true]){
|
|
6571
6571
|
border-end-end-radius:0;
|
|
6572
6572
|
border-end-start-radius:0;
|
|
6573
6573
|
}
|
|
6574
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6574
|
+
.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--f67a7 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--f67a7 .bp_base_grid_list_item_module_largeListItem--f67a7[aria-selected=true] + [aria-selected=true]{
|
|
6575
6575
|
border-start-end-radius:0;
|
|
6576
6576
|
border-start-start-radius:0;
|
|
6577
6577
|
border-top:none;
|
|
6578
6578
|
}
|
|
6579
6579
|
}
|
|
6580
6580
|
|
|
6581
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6581
|
+
.bp_base_grid_list_item_module_gridList--f67a7[data-modern=false]{
|
|
6582
6582
|
--grid-list-minimum-item-width:188px;
|
|
6583
6583
|
--grid-list-gap:var(--space-4);
|
|
6584
6584
|
--grid-list-padding:var(--space-1);
|
|
@@ -6619,7 +6619,7 @@
|
|
|
6619
6619
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
6620
6620
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
6621
6621
|
}
|
|
6622
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6622
|
+
.bp_base_grid_list_item_module_gridList--f67a7[data-modern=false] .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6623
6623
|
font-family:var(--body-default-font-family);
|
|
6624
6624
|
font-size:var(--body-default-font-size);
|
|
6625
6625
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6629,7 +6629,7 @@
|
|
|
6629
6629
|
text-decoration:var(--body-default-text-decoration);
|
|
6630
6630
|
text-transform:var(--body-default-text-case);
|
|
6631
6631
|
}
|
|
6632
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6632
|
+
.bp_base_grid_list_item_module_gridList--f67a7[data-modern=false] .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6633
6633
|
font-family:var(--caption-default-font-family);
|
|
6634
6634
|
font-size:var(--caption-default-font-size);
|
|
6635
6635
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6640,7 +6640,7 @@
|
|
|
6640
6640
|
text-transform:var(--caption-default-text-case);
|
|
6641
6641
|
}
|
|
6642
6642
|
|
|
6643
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6643
|
+
.bp_base_grid_list_item_module_gridList--f67a7[data-modern=true]{
|
|
6644
6644
|
--grid-list-minimum-item-width:188px;
|
|
6645
6645
|
--grid-list-gap:var(--bp-space-040);
|
|
6646
6646
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -6681,7 +6681,7 @@
|
|
|
6681
6681
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
6682
6682
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
6683
6683
|
}
|
|
6684
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6684
|
+
.bp_base_grid_list_item_module_gridList--f67a7[data-modern=true] .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6685
6685
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6686
6686
|
font-size:var(--bp-font-size-05);
|
|
6687
6687
|
font-style:normal;
|
|
@@ -6689,7 +6689,7 @@
|
|
|
6689
6689
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6690
6690
|
line-height:var(--bp-font-line-height-04);
|
|
6691
6691
|
}
|
|
6692
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6692
|
+
.bp_base_grid_list_item_module_gridList--f67a7[data-modern=true] .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6693
6693
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6694
6694
|
font-size:var(--bp-font-size-03);
|
|
6695
6695
|
font-style:normal;
|
|
@@ -6698,7 +6698,7 @@
|
|
|
6698
6698
|
line-height:var(--bp-font-line-height-02);
|
|
6699
6699
|
}
|
|
6700
6700
|
|
|
6701
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6701
|
+
.bp_base_grid_list_item_module_gridList--f67a7{
|
|
6702
6702
|
box-sizing:border-box;
|
|
6703
6703
|
display:grid;
|
|
6704
6704
|
gap:var(--grid-list-gap);
|
|
@@ -6708,7 +6708,7 @@
|
|
|
6708
6708
|
overflow:auto;
|
|
6709
6709
|
padding:var(--grid-list-padding);
|
|
6710
6710
|
}
|
|
6711
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6711
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7{
|
|
6712
6712
|
--actions-opacity:0;
|
|
6713
6713
|
--item-background:var(--grid-list-item-background);
|
|
6714
6714
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -6726,15 +6726,15 @@
|
|
|
6726
6726
|
row-gap:var(--row-gap);
|
|
6727
6727
|
transform:translateZ(0);
|
|
6728
6728
|
}
|
|
6729
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6729
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7:focus-within{
|
|
6730
6730
|
--actions-opacity:1;
|
|
6731
6731
|
}
|
|
6732
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6732
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_statusPin--f67a7{
|
|
6733
6733
|
left:var(--grid-list-item-status-pin-left);
|
|
6734
6734
|
position:absolute;
|
|
6735
6735
|
top:var(--grid-list-item-status-pin-top);
|
|
6736
6736
|
}
|
|
6737
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6737
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
6738
6738
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
6739
6739
|
background:var(--grid-list-thumbnail-background);
|
|
6740
6740
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -6742,25 +6742,25 @@
|
|
|
6742
6742
|
grid-area:thumbnail;
|
|
6743
6743
|
overflow:hidden;
|
|
6744
6744
|
}
|
|
6745
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6745
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 img{
|
|
6746
6746
|
height:100%;
|
|
6747
6747
|
object-fit:contain;
|
|
6748
6748
|
width:100%;
|
|
6749
6749
|
}
|
|
6750
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6750
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6751
6751
|
border:none;
|
|
6752
6752
|
}
|
|
6753
6753
|
@media (pointer: coarse){
|
|
6754
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6754
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
6755
6755
|
margin-block-end:var(--space-1);
|
|
6756
6756
|
}
|
|
6757
6757
|
}
|
|
6758
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6758
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
6759
6759
|
grid-area:subtitle;
|
|
6760
6760
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
6761
6761
|
opacity:var(--actions-opacity);
|
|
6762
6762
|
}
|
|
6763
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6763
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7{
|
|
6764
6764
|
align-items:center;
|
|
6765
6765
|
border-radius:var(--grid-list-selection-border-radius);
|
|
6766
6766
|
display:flex;
|
|
@@ -6771,10 +6771,10 @@
|
|
|
6771
6771
|
top:var(--grid-list-selection-top);
|
|
6772
6772
|
width:var(--grid-list-selection-width);
|
|
6773
6773
|
}
|
|
6774
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6774
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7:hover{
|
|
6775
6775
|
background:var(--grid-list-selection-hover-background);
|
|
6776
6776
|
}
|
|
6777
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6777
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7{
|
|
6778
6778
|
align-items:center;
|
|
6779
6779
|
background:var(--item-background);
|
|
6780
6780
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -6783,29 +6783,29 @@
|
|
|
6783
6783
|
justify-content:center;
|
|
6784
6784
|
}
|
|
6785
6785
|
@media (pointer: coarse){
|
|
6786
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6786
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
6787
6787
|
grid-area:actions;
|
|
6788
6788
|
margin-block-start:0;
|
|
6789
6789
|
}
|
|
6790
6790
|
}
|
|
6791
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6791
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6792
6792
|
color:var(--grid-list-header-color);
|
|
6793
6793
|
grid-area:head;
|
|
6794
6794
|
height:var(--grid-list-header-height);
|
|
6795
6795
|
overflow-wrap:anywhere;
|
|
6796
6796
|
text-align:center;
|
|
6797
6797
|
}
|
|
6798
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6798
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6799
6799
|
align-items:center;
|
|
6800
6800
|
display:flex;
|
|
6801
6801
|
}
|
|
6802
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6802
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
6803
6803
|
-webkit-box-orient:vertical;
|
|
6804
6804
|
-webkit-line-clamp:2;
|
|
6805
6805
|
display:-webkit-box;
|
|
6806
6806
|
overflow:hidden;
|
|
6807
6807
|
}
|
|
6808
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6808
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
6809
6809
|
color:var(--grid-list-subtitle-color);
|
|
6810
6810
|
grid-area:subtitle;
|
|
6811
6811
|
height:var(--grid-list-subtitle-height);
|
|
@@ -6814,16 +6814,16 @@
|
|
|
6814
6814
|
text-overflow:ellipsis;
|
|
6815
6815
|
white-space:nowrap;
|
|
6816
6816
|
}
|
|
6817
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6817
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
6818
6818
|
height:var(--grid-list-subtitle-loading-height);
|
|
6819
6819
|
}
|
|
6820
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6820
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7,.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7:hover,.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-active-item],.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-focus-visible],.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-focused],.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-hovered]{
|
|
6821
6821
|
--actions-opacity:1;
|
|
6822
6822
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
6823
6823
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
6824
6824
|
outline:var(--grid-list-item-hover-outline);
|
|
6825
6825
|
}
|
|
6826
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6826
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-active-item]::before,.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-focus-visible]::before{
|
|
6827
6827
|
border-radius:var(--grid-list-item-border-radius);
|
|
6828
6828
|
content:"";
|
|
6829
6829
|
display:block;
|
|
@@ -6835,7 +6835,7 @@
|
|
|
6835
6835
|
top:0;
|
|
6836
6836
|
width:100%;
|
|
6837
6837
|
}
|
|
6838
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6838
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-active-item]::after,.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[data-focus-visible]::after{
|
|
6839
6839
|
border-radius:var(--grid-list-item-border-radius);
|
|
6840
6840
|
content:"";
|
|
6841
6841
|
display:block;
|
|
@@ -6847,16 +6847,16 @@
|
|
|
6847
6847
|
top:0;
|
|
6848
6848
|
width:100%;
|
|
6849
6849
|
}
|
|
6850
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6850
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[aria-selected=true]{
|
|
6851
6851
|
--actions-opacity:1;
|
|
6852
6852
|
--item-background:var(--grid-list-item-selected-background);
|
|
6853
6853
|
outline:var(--grid-list-item-selected-outline);
|
|
6854
6854
|
}
|
|
6855
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6855
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--f67a7) .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7{
|
|
6856
6856
|
opacity:0;
|
|
6857
6857
|
}
|
|
6858
6858
|
@media (pointer: coarse){
|
|
6859
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6859
|
+
.bp_base_grid_list_item_module_gridList--f67a7 .bp_base_grid_list_item_module_gridListItem--f67a7{
|
|
6860
6860
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
6861
6861
|
--actions-opacity:1;
|
|
6862
6862
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -6864,7 +6864,7 @@
|
|
|
6864
6864
|
}
|
|
6865
6865
|
}
|
|
6866
6866
|
|
|
6867
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6867
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-modern=false]{
|
|
6868
6868
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
6869
6869
|
--tooltip-offset:var(--space-2);
|
|
6870
6870
|
--tooltip-arrow-display:block;
|
|
@@ -6876,7 +6876,7 @@
|
|
|
6876
6876
|
--tooltip-backdrop-filter:none;
|
|
6877
6877
|
}
|
|
6878
6878
|
|
|
6879
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6879
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-modern=true]{
|
|
6880
6880
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
6881
6881
|
--tooltip-offset:var(--bp-space-020);
|
|
6882
6882
|
--tooltip-arrow-display:none;
|
|
@@ -6888,7 +6888,7 @@
|
|
|
6888
6888
|
--tooltip-backdrop-filter:blur(16px);
|
|
6889
6889
|
}
|
|
6890
6890
|
|
|
6891
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6891
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7{
|
|
6892
6892
|
background-color:var(--tooltip-background-color);
|
|
6893
6893
|
border:var(--tooltip-border);
|
|
6894
6894
|
border-radius:var(--tooltip-radius);
|
|
@@ -6907,83 +6907,82 @@
|
|
|
6907
6907
|
word-break:break-word;
|
|
6908
6908
|
z-index:2147483647;
|
|
6909
6909
|
}
|
|
6910
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6910
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7 .bp_base_grid_list_item_module_tooltipArrow--f67a7 svg{
|
|
6911
6911
|
display:var(--tooltip-arrow-display);
|
|
6912
6912
|
height:.5rem;
|
|
6913
6913
|
width:1rem;
|
|
6914
6914
|
}
|
|
6915
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6915
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-placement=top]{
|
|
6916
6916
|
margin-block-end:var(--tooltip-offset);
|
|
6917
6917
|
}
|
|
6918
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6918
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--f67a7 svg{
|
|
6919
6919
|
transform:rotate(180deg);
|
|
6920
6920
|
}
|
|
6921
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6921
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-placement=bottom]{
|
|
6922
6922
|
margin-block-start:var(--tooltip-offset);
|
|
6923
6923
|
}
|
|
6924
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6924
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-placement=right]{
|
|
6925
6925
|
margin-inline-start:var(--tooltip-offset);
|
|
6926
6926
|
}
|
|
6927
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6927
|
+
.bp_base_grid_list_item_module_tooltipContent--f67a7[data-placement=left]{
|
|
6928
6928
|
margin-inline-end:var(--tooltip-offset);
|
|
6929
6929
|
}
|
|
6930
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
6931
|
-
--grid-v2-gap:var(--space-
|
|
6932
|
-
--grid-v2-padding:var(--space-
|
|
6930
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7{
|
|
6931
|
+
--grid-v2-gap:var(--bp-space-020);
|
|
6932
|
+
--grid-v2-padding:var(--bp-space-030);
|
|
6933
6933
|
--grid-v2-min-item-width:23.4375rem;
|
|
6934
6934
|
--grid-v2-header-height:utils.pxtorem(20);
|
|
6935
6935
|
--grid-v2-subtitle-height:utils.pxtorem(20);
|
|
6936
|
-
--grid-v2-actions-height:var(--
|
|
6937
|
-
--grid-v2-item-background:var(--gray-white);
|
|
6938
|
-
--grid-v2-item-border-radius:var(--radius-
|
|
6939
|
-
--grid-v2-thumbnail-head-gap:var(--space-
|
|
6940
|
-
--grid-v2-head-subtitle-gap:var(--space-
|
|
6941
|
-
--grid-v2-item-padding-bottom:var(--space-
|
|
6942
|
-
--grid-v2-item-status-pin-top:var(--space-
|
|
6943
|
-
--grid-v2-item-status-pin-left:var(--space-
|
|
6944
|
-
--grid-v2-thumbnail-background:var(--gray-white);
|
|
6945
|
-
--grid-v2-thumbnail-border:var(--border-
|
|
6936
|
+
--grid-v2-actions-height:var(--bp-size-080);
|
|
6937
|
+
--grid-v2-item-background:var(--bp-gray-white);
|
|
6938
|
+
--grid-v2-item-border-radius:var(--bp-radius-06);
|
|
6939
|
+
--grid-v2-thumbnail-head-gap:var(--bp-space-030);
|
|
6940
|
+
--grid-v2-head-subtitle-gap:var(--bp-space-020);
|
|
6941
|
+
--grid-v2-item-padding-bottom:var(--bp-space-030);
|
|
6942
|
+
--grid-v2-item-status-pin-top:var(--bp-space-030);
|
|
6943
|
+
--grid-v2-item-status-pin-left:var(--bp-space-030);
|
|
6944
|
+
--grid-v2-thumbnail-background:var(--bp-gray-white);
|
|
6945
|
+
--grid-v2-thumbnail-border:var(--bp-border-01) solid var(--bp-border-grid-thumbnail-border);
|
|
6946
6946
|
--grid-v2-thumbnail-border-radius:.75rem;
|
|
6947
6947
|
--grid-v2-thumbnail-aspect-ratio:4/3;
|
|
6948
|
-
--grid-v2-selection-top:var(--space-
|
|
6949
|
-
--grid-v2-selection-right:var(--space-
|
|
6950
|
-
--grid-v2-selection-width:var(--
|
|
6951
|
-
--grid-v2-selection-height:var(--
|
|
6952
|
-
--grid-v2-selection-border-radius:var(--radius-
|
|
6953
|
-
--grid-v2-selection-hover-background:var(--surface-cta-surface-icon-hover);
|
|
6954
|
-
--grid-v2-actions-inner-gap:var(--space-
|
|
6955
|
-
--grid-v2-actions-inner-border-radius:var(--radius-
|
|
6956
|
-
--grid-v2-header-color:var(--text-text-on-light);
|
|
6957
|
-
--grid-v2-subtitle-color:var(--text-text-on-light-secondary);
|
|
6948
|
+
--grid-v2-selection-top:var(--bp-space-020);
|
|
6949
|
+
--grid-v2-selection-right:var(--bp-space-020);
|
|
6950
|
+
--grid-v2-selection-width:var(--bp-size-080);
|
|
6951
|
+
--grid-v2-selection-height:var(--bp-size-080);
|
|
6952
|
+
--grid-v2-selection-border-radius:var(--bp-radius-03);
|
|
6953
|
+
--grid-v2-selection-hover-background:var(--bp-surface-cta-surface-icon-hover);
|
|
6954
|
+
--grid-v2-actions-inner-gap:var(--bp-space-010);
|
|
6955
|
+
--grid-v2-actions-inner-border-radius:var(--bp-radius-03);
|
|
6956
|
+
--grid-v2-header-color:var(--bp-text-text-on-light);
|
|
6957
|
+
--grid-v2-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
6958
6958
|
--grid-v2-item-hover-box-shadow:var(--dropshadow-2);
|
|
6959
6959
|
--grid-v2-item-outline-border-color:var(--border-card-border-focus);
|
|
6960
6960
|
--grid-v2-item-focus-border-radius:1rem;
|
|
6961
6961
|
--grid-v2-item-selected-border-radius:1.125rem;
|
|
6962
|
-
--grid-v2-item-selected-background:var(--box-blue-05);
|
|
6963
|
-
--grid-v2-item-selected-border-color:var(--border-item-border-selected);
|
|
6964
|
-
--grid-v2-subtitle-font-size
|
|
6965
|
-
--grid-v2-subtitle-line-height:
|
|
6966
|
-
--grid-v2-thumbnail-badges-right:var(--space-
|
|
6967
|
-
--grid-v2-thumbnail-badges-bottom:var(--space-
|
|
6968
|
-
--grid-v2-thumbnail-badges-gap:var(--space-
|
|
6969
|
-
--grid-v2-file-type-pill-padding:.1875rem var(--space-
|
|
6962
|
+
--grid-v2-item-selected-background:var(--bp-box-blue-05);
|
|
6963
|
+
--grid-v2-item-selected-border-color:var(--bp-border-item-border-selected);
|
|
6964
|
+
--grid-v2-subtitle-font-size:var(--bp-font-size-04);
|
|
6965
|
+
--grid-v2-subtitle-line-height:var(--bp-font-line-height-04);
|
|
6966
|
+
--grid-v2-thumbnail-badges-right:var(--bp-space-020);
|
|
6967
|
+
--grid-v2-thumbnail-badges-bottom:var(--bp-space-020);
|
|
6968
|
+
--grid-v2-thumbnail-badges-gap:var(--bp-space-010);
|
|
6969
|
+
--grid-v2-file-type-pill-padding:.1875rem var(--bp-space-020);
|
|
6970
6970
|
--grid-v2-file-type-pill-font-size:.75rem;
|
|
6971
|
-
--grid-v2-file-type-pill-font-weight:var(--font-weight-bold);
|
|
6971
|
+
--grid-v2-file-type-pill-font-weight:var(--bp-font-weight-bold);
|
|
6972
6972
|
--grid-v2-file-type-pill-line-height:.875rem;
|
|
6973
|
-
--grid-v2-file-type-pill-
|
|
6974
|
-
--grid-v2-file-type-pill-
|
|
6975
|
-
--grid-v2-file-type-pill-border:var(--
|
|
6976
|
-
--grid-v2-file-type-pill-border-radius:var(--radius-half);
|
|
6973
|
+
--grid-v2-file-type-pill-background:var(--bp-gray-02);
|
|
6974
|
+
--grid-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-05);
|
|
6975
|
+
--grid-v2-file-type-pill-border-radius:var(--bp-radius-16);
|
|
6977
6976
|
box-sizing:border-box;
|
|
6978
6977
|
display:grid;
|
|
6979
6978
|
gap:var(--grid-v2-gap);
|
|
6980
|
-
grid-template-columns:repeat(auto-
|
|
6979
|
+
grid-template-columns:repeat(auto-fill, minmax(var(--grid-v2-min-item-width), 1fr));
|
|
6981
6980
|
max-height:inherit;
|
|
6982
6981
|
outline:none;
|
|
6983
6982
|
overflow:auto;
|
|
6984
|
-
padding:var(--grid-v2-padding);
|
|
6983
|
+
padding:var(--grid-v2-padding) 0;
|
|
6985
6984
|
}
|
|
6986
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
6985
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7{
|
|
6987
6986
|
--actions-opacity:0;
|
|
6988
6987
|
--subtitle-opacity:1;
|
|
6989
6988
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7001,20 +7000,20 @@
|
|
|
7001
7000
|
position:relative;
|
|
7002
7001
|
transform:translateZ(0);
|
|
7003
7002
|
}
|
|
7004
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7003
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7:focus-within{
|
|
7005
7004
|
--actions-opacity:1;
|
|
7006
7005
|
--subtitle-opacity:0;
|
|
7007
7006
|
}
|
|
7008
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7007
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_noActions--f67a7:focus-within{
|
|
7009
7008
|
--subtitle-opacity:1;
|
|
7010
7009
|
}
|
|
7011
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7010
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_statusPin--f67a7{
|
|
7012
7011
|
left:var(--grid-v2-item-status-pin-left);
|
|
7013
7012
|
position:absolute;
|
|
7014
7013
|
top:var(--grid-v2-item-status-pin-top);
|
|
7015
7014
|
transition:transform .15s ease-out;
|
|
7016
7015
|
}
|
|
7017
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7016
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
7018
7017
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7019
7018
|
background:var(--grid-v2-thumbnail-background);
|
|
7020
7019
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7024,20 +7023,20 @@
|
|
|
7024
7023
|
position:relative;
|
|
7025
7024
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7026
7025
|
}
|
|
7027
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7026
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 img{
|
|
7028
7027
|
height:100%;
|
|
7029
7028
|
object-fit:contain;
|
|
7030
7029
|
width:100%;
|
|
7031
7030
|
}
|
|
7032
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7031
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7.bp_base_grid_list_item_module_loading--f67a7{
|
|
7033
7032
|
border:none;
|
|
7034
7033
|
}
|
|
7035
7034
|
@media (pointer: coarse){
|
|
7036
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7037
|
-
margin-block-end:var(--space-
|
|
7035
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
7036
|
+
margin-block-end:var(--bp-space-010);
|
|
7038
7037
|
}
|
|
7039
7038
|
}
|
|
7040
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7039
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 .bp_base_grid_list_item_module_thumbnailBadges--f67a7{
|
|
7041
7040
|
align-items:center;
|
|
7042
7041
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7043
7042
|
display:flex;
|
|
@@ -7045,28 +7044,27 @@
|
|
|
7045
7044
|
position:absolute;
|
|
7046
7045
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7047
7046
|
}
|
|
7048
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7047
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 .bp_base_grid_list_item_module_statusBadge--f67a7{
|
|
7049
7048
|
align-items:center;
|
|
7050
7049
|
display:flex;
|
|
7051
7050
|
justify-content:center;
|
|
7052
7051
|
}
|
|
7053
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7052
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7 .bp_base_grid_list_item_module_fileTypePill--f67a7{
|
|
7054
7053
|
background:var(--grid-v2-file-type-pill-background);
|
|
7055
7054
|
border:var(--grid-v2-file-type-pill-border);
|
|
7056
7055
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
7057
|
-
color:var(--grid-v2-file-type-pill-color);
|
|
7058
7056
|
font-size:var(--grid-v2-file-type-pill-font-size);
|
|
7059
7057
|
font-weight:var(--grid-v2-file-type-pill-font-weight);
|
|
7060
7058
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7061
7059
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7062
7060
|
}
|
|
7063
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7061
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
7064
7062
|
grid-area:subtitle;
|
|
7065
7063
|
margin-top:.25rem;
|
|
7066
7064
|
opacity:var(--actions-opacity);
|
|
7067
7065
|
transition:opacity .15s ease-out;
|
|
7068
7066
|
}
|
|
7069
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7067
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7{
|
|
7070
7068
|
align-items:center;
|
|
7071
7069
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7072
7070
|
display:flex;
|
|
@@ -7078,19 +7076,19 @@
|
|
|
7078
7076
|
transition:transform .15s ease-out;
|
|
7079
7077
|
width:var(--grid-v2-selection-width);
|
|
7080
7078
|
}
|
|
7081
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7079
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_selection--f67a7:hover{
|
|
7082
7080
|
background:var(--grid-v2-selection-hover-background);
|
|
7083
7081
|
}
|
|
7084
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7082
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_actions--f67a7 .bp_base_grid_list_item_module_inner--f67a7{
|
|
7085
7083
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7086
7084
|
display:flex;
|
|
7087
7085
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7088
7086
|
padding-inline-start:.25rem;
|
|
7089
7087
|
}
|
|
7090
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7088
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_header--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
7091
7089
|
padding-inline-start:.25rem;
|
|
7092
7090
|
}
|
|
7093
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7091
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_header--f67a7{
|
|
7094
7092
|
color:var(--grid-v2-header-color);
|
|
7095
7093
|
display:block;
|
|
7096
7094
|
font-family:var(--body-default-semibold-font-family);
|
|
@@ -7108,7 +7106,7 @@
|
|
|
7108
7106
|
text-transform:var(--body-default-semibold-text-case);
|
|
7109
7107
|
white-space:nowrap;
|
|
7110
7108
|
}
|
|
7111
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7109
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
7112
7110
|
color:var(--grid-v2-subtitle-color);
|
|
7113
7111
|
display:block;
|
|
7114
7112
|
font-family:var(--caption-default-font-family);
|
|
@@ -7129,35 +7127,35 @@
|
|
|
7129
7127
|
transition:opacity .15s ease-out;
|
|
7130
7128
|
white-space:nowrap;
|
|
7131
7129
|
}
|
|
7132
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7130
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_textCentered--f67a7{
|
|
7133
7131
|
justify-content:center;
|
|
7134
7132
|
padding-inline-start:0;
|
|
7135
7133
|
text-align:center;
|
|
7136
7134
|
}
|
|
7137
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7135
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_innerCentered--f67a7{
|
|
7138
7136
|
justify-content:center;
|
|
7139
7137
|
padding-inline-start:0;
|
|
7140
7138
|
}
|
|
7141
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7139
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-hovered]{
|
|
7142
7140
|
--actions-opacity:1;
|
|
7143
7141
|
--subtitle-opacity:0;
|
|
7144
7142
|
}
|
|
7145
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7143
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7 .bp_base_grid_list_item_module_selection--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7 .bp_base_grid_list_item_module_statusPin--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true] .bp_base_grid_list_item_module_selection--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true] .bp_base_grid_list_item_module_statusPin--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible] .bp_base_grid_list_item_module_selection--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible] .bp_base_grid_list_item_module_statusPin--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-hovered] .bp_base_grid_list_item_module_selection--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-hovered] .bp_base_grid_list_item_module_statusPin--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-hovered] .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
7146
7144
|
transform:translateY(-.125rem);
|
|
7147
7145
|
}
|
|
7148
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7146
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7 .bp_base_grid_list_item_module_thumbnail--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-hovered] .bp_base_grid_list_item_module_thumbnail--f67a7{
|
|
7149
7147
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7150
7148
|
}
|
|
7151
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7149
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_isItemInteracted--f67a7 .bp_base_grid_list_item_module_subtitle--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true] .bp_base_grid_list_item_module_subtitle--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible] .bp_base_grid_list_item_module_subtitle--f67a7,.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-hovered] .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
7152
7150
|
pointer-events:none;
|
|
7153
7151
|
}
|
|
7154
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7152
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_noActions--f67a7[data-hovered]{
|
|
7155
7153
|
--subtitle-opacity:1;
|
|
7156
7154
|
}
|
|
7157
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7155
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7.bp_base_grid_list_item_module_noActions--f67a7[data-hovered] .bp_base_grid_list_item_module_subtitle--f67a7{
|
|
7158
7156
|
pointer-events:auto;
|
|
7159
7157
|
}
|
|
7160
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7158
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[data-focus-visible]::before{
|
|
7161
7159
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7162
7160
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7163
7161
|
bottom:.1875rem;
|
|
@@ -7169,10 +7167,10 @@
|
|
|
7169
7167
|
top:.1875rem;
|
|
7170
7168
|
transform:translateY(-.125rem);
|
|
7171
7169
|
}
|
|
7172
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7170
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true]{
|
|
7173
7171
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7174
7172
|
}
|
|
7175
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7173
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7[aria-selected=true]::after{
|
|
7176
7174
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7177
7175
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7178
7176
|
bottom:0;
|
|
@@ -7185,21 +7183,21 @@
|
|
|
7185
7183
|
transform:translateY(-.125rem);
|
|
7186
7184
|
}
|
|
7187
7185
|
@media (pointer: coarse){
|
|
7188
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7186
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7{
|
|
7189
7187
|
--actions-opacity:1;
|
|
7190
7188
|
--subtitle-opacity:1;
|
|
7191
7189
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7192
7190
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7193
7191
|
}
|
|
7194
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7192
|
+
.bp_base_grid_list_item_module_gridListV2--f67a7 .bp_base_grid_list_item_module_gridListV2Item--f67a7 .bp_base_grid_list_item_module_actions--f67a7{
|
|
7195
7193
|
grid-area:actions;
|
|
7196
7194
|
}
|
|
7197
7195
|
}
|
|
7198
7196
|
|
|
7199
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
7197
|
+
.bp_base_grid_list_item_module_gridListV2Small--f67a7{
|
|
7200
7198
|
--grid-v2-min-item-width:15.625rem;
|
|
7201
7199
|
}
|
|
7202
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7200
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--f67a7{
|
|
7203
7201
|
display:grid;
|
|
7204
7202
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7205
7203
|
grid-template-columns:1fr;
|
|
@@ -7211,13 +7209,13 @@
|
|
|
7211
7209
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7212
7210
|
}
|
|
7213
7211
|
@media (pointer: coarse){
|
|
7214
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7212
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--f67a7{
|
|
7215
7213
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7216
7214
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7217
7215
|
}
|
|
7218
7216
|
}
|
|
7219
7217
|
|
|
7220
|
-
.bp_base_grid_list_item_module_staticList--
|
|
7218
|
+
.bp_base_grid_list_item_module_staticList--f67a7 .bp_base_grid_list_item_module_staticListItem--f67a7{
|
|
7221
7219
|
display:contents;
|
|
7222
7220
|
}
|
|
7223
7221
|
.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--f67a7","smallListItem":"bp_base_grid_list_item_module_smallListItem--f67a7","header":"bp_base_grid_list_item_module_header--f67a7","subtitle":"bp_base_grid_list_item_module_subtitle--f67a7","loading":"bp_base_grid_list_item_module_loading--f67a7","thumbnail":"bp_base_grid_list_item_module_thumbnail--f67a7","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--f67a7","actions":"bp_base_grid_list_item_module_actions--f67a7","selection":"bp_base_grid_list_item_module_selection--f67a7","inner":"bp_base_grid_list_item_module_inner--f67a7","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--f67a7","largeList":"bp_base_grid_list_item_module_largeList--f67a7","largeListItem":"bp_base_grid_list_item_module_largeListItem--f67a7","fade":"bp_base_grid_list_item_module_fade--f67a7","description":"bp_base_grid_list_item_module_description--f67a7","snippet":"bp_base_grid_list_item_module_snippet--f67a7","snippetContent":"bp_base_grid_list_item_module_snippetContent--f67a7","gridList":"bp_base_grid_list_item_module_gridList--f67a7","gridListItem":"bp_base_grid_list_item_module_gridListItem--f67a7","statusPin":"bp_base_grid_list_item_module_statusPin--f67a7","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--f67a7","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--f67a7","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--f67a7","gridListV2":"bp_base_grid_list_item_module_gridListV2--f67a7","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--f67a7","noActions":"bp_base_grid_list_item_module_noActions--f67a7","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--f67a7","statusBadge":"bp_base_grid_list_item_module_statusBadge--f67a7","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--f67a7","textCentered":"bp_base_grid_list_item_module_textCentered--f67a7","innerCentered":"bp_base_grid_list_item_module_innerCentered--f67a7","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--f67a7","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--f67a7","staticList":"bp_base_grid_list_item_module_staticList--f67a7","staticListItem":"bp_base_grid_list_item_module_staticListItem--f67a7"};
|
|
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.116.
|
|
3
|
+
"version": "12.116.2",
|
|
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.93.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.93.3",
|
|
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.
|
|
80
|
+
"@box/storybook-utils": "^0.16.1",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|