@box/blueprint-web 12.116.1 → 12.117.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.
|
@@ -83,6 +83,7 @@ const RootInner = ({
|
|
|
83
83
|
endComboboxIcon,
|
|
84
84
|
idForLabel,
|
|
85
85
|
displaySingleSelectionAsChip = multiselect,
|
|
86
|
+
autoComplete,
|
|
86
87
|
...comboboxProps
|
|
87
88
|
} = rest;
|
|
88
89
|
const isInput = useMemo(() => as === 'input', [as]);
|
|
@@ -339,6 +340,14 @@ const RootInner = ({
|
|
|
339
340
|
const ariaDescribedBy = clsx(rest['aria-describedby'], {
|
|
340
341
|
[inlineErrorId]: hasError
|
|
341
342
|
});
|
|
343
|
+
// Ariakit sets autoComplete="off" by default on the input element.
|
|
344
|
+
// We need to force update it if the user provided a custom value.
|
|
345
|
+
useEffect(() => {
|
|
346
|
+
const element = inputRef.current;
|
|
347
|
+
if (element && autoComplete) {
|
|
348
|
+
element.setAttribute('autocomplete', autoComplete);
|
|
349
|
+
}
|
|
350
|
+
}, [autoComplete]);
|
|
342
351
|
const inputComponent = isInput ? jsxs(Fragment, {
|
|
343
352
|
children: [jsx(Label, {
|
|
344
353
|
className: clsx(styles.label, {
|
|
@@ -241,6 +241,12 @@ export interface ComboboxBaseProps<Multiple extends boolean, FreeInput extends b
|
|
|
241
241
|
* @default false
|
|
242
242
|
*/
|
|
243
243
|
selectOnEnterOrTab?: boolean;
|
|
244
|
+
/**
|
|
245
|
+
* If `off`, the combobox disables autofill suggestions from the browser.
|
|
246
|
+
*
|
|
247
|
+
* @default none
|
|
248
|
+
*/
|
|
249
|
+
autoComplete?: string;
|
|
244
250
|
}
|
|
245
251
|
export type ComboboxTextArea = Pick<TextAreaProps, 'maxRows' | 'minRows' | 'maxLength' | 'aria-describedby'> & {
|
|
246
252
|
as: 'textarea';
|
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.
|
|
3
|
+
"version": "12.117.0",
|
|
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.4",
|
|
51
51
|
"@internationalized/date": "^3.7.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.16.
|
|
80
|
+
"@box/storybook-utils": "^0.16.2",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|