@box/blueprint-web 16.20.6 → 17.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/accordion/accordion.js +7 -18
- package/dist/lib-esm/avatar/avatar.js +1 -5
- package/dist/lib-esm/blueprint-modernization-context/blueprint-modernization-context.d.ts +20 -1
- package/dist/lib-esm/blueprint-modernization-context/blueprint-modernization-context.js +10 -2
- package/dist/lib-esm/blueprint-modernization-context/index.d.ts +4 -0
- package/dist/lib-esm/blueprint-modernization-context/useBlueprintModernization.d.ts +4 -0
- package/dist/lib-esm/blueprint-modernization-context/useBlueprintModernization.js +4 -0
- package/dist/lib-esm/branding-styles/utils/createTheme.d.ts +5 -0
- package/dist/lib-esm/branding-styles/utils/createTheme.js +7 -6
- package/dist/lib-esm/branding-styles/utils/theme.d.ts +5 -0
- package/dist/lib-esm/branding-styles/utils/theme.js +5 -1
- package/dist/lib-esm/branding-styles/utils/variables.d.ts +5 -39
- package/dist/lib-esm/branding-styles/utils/variables.js +5 -3
- package/dist/lib-esm/card/card.js +1 -5
- package/dist/lib-esm/card-tooltip/card-tooltip.js +1 -5
- package/dist/lib-esm/checkbox/checkbox-item.js +1 -5
- package/dist/lib-esm/collapsible/collapsible-section.js +6 -9
- package/dist/lib-esm/combobox/combobox.js +8 -15
- package/dist/lib-esm/combobox-group/combobox-group.js +1 -5
- package/dist/lib-esm/components.css +242 -221
- package/dist/lib-esm/content-card/content-card-body.js +2 -6
- package/dist/lib-esm/content-card/content-card.js +2 -9
- package/dist/lib-esm/data-table/cell/sticky-cell.module.js +1 -1
- package/dist/lib-esm/data-table/data-table.module.js +1 -1
- package/dist/lib-esm/date-picker/date-picker.js +1 -5
- package/dist/lib-esm/ghost/ghost.js +1 -4
- package/dist/lib-esm/icon-dual-state-button/icon-dual-state-button.js +1 -5
- package/dist/lib-esm/icon-toggle-button/icon-toggle-button.js +5 -14
- package/dist/lib-esm/index.css +242 -221
- package/dist/lib-esm/inline-table/inline-table.js +1 -5
- package/dist/lib-esm/input-chip/input-chip.js +2 -5
- package/dist/lib-esm/list-item/table-column.js +6 -15
- package/dist/lib-esm/list-item/table-header-default.js +1 -5
- package/dist/lib-esm/list-item/table.js +1 -4
- package/dist/lib-esm/loading-indicator/loading-indicator.js +1 -6
- package/dist/lib-esm/modal/modal-close.js +2 -6
- package/dist/lib-esm/modal/modal-content.js +1 -5
- package/dist/lib-esm/navigation-menu/navigation-menu-content.js +1 -5
- package/dist/lib-esm/navigation-menu/navigation-menu-link.js +1 -5
- package/dist/lib-esm/page/page-root.js +1 -5
- package/dist/lib-esm/primitives/base-button/base-button-icon.js +1 -4
- package/dist/lib-esm/primitives/base-button/base-button.js +1 -5
- package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice-icon.js +4 -12
- package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice.js +1 -5
- package/dist/lib-esm/primitives/base-text-input/base-text-input.js +4 -10
- package/dist/lib-esm/primitives/calendar/calendar.js +5 -8
- package/dist/lib-esm/primitives/chips/chip.js +1 -5
- package/dist/lib-esm/primitives/chips/chips-group.js +1 -5
- package/dist/lib-esm/primitives/context-menu/context-menu-item.js +2 -6
- package/dist/lib-esm/primitives/context-menu/context-menu-menu-content.js +2 -6
- package/dist/lib-esm/primitives/context-menu/context-menu-menu-header.js +1 -5
- package/dist/lib-esm/primitives/context-menu/context-menu-sub-menu-content.js +2 -6
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.js +6 -10
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-content.js +2 -6
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-header.js +4 -11
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js +3 -7
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.js +6 -10
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-content.js +2 -6
- package/dist/lib-esm/primitives/icon-button/icon-button.js +1 -5
- package/dist/lib-esm/primitives/inline-error/inline-error.js +3 -6
- package/dist/lib-esm/primitives/link/link.js +1 -5
- package/dist/lib-esm/primitives/menu-combobox/menu-combobox-content.js +1 -5
- package/dist/lib-esm/primitives/menu-combobox/menu-combobox-empty.js +1 -5
- package/dist/lib-esm/primitives/menu-combobox/menu-combobox-header.js +2 -6
- package/dist/lib-esm/primitives/menu-combobox/menu-combobox-search.js +3 -7
- package/dist/lib-esm/primitives/notification/private-notification-element.js +8 -39
- package/dist/lib-esm/primitives/page-header/page-header.js +1 -4
- package/dist/lib-esm/primitives/popover/popover-content-container.js +1 -5
- package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js +6 -24
- package/dist/lib-esm/primitives/tabs/tab-list.js +2 -6
- package/dist/lib-esm/progress-bar/progress-bar.js +1 -5
- package/dist/lib-esm/radio-group/radio-group.js +1 -5
- package/dist/lib-esm/radio-tiles/radio-tiles-option.js +1 -5
- package/dist/lib-esm/radio-tiles/radio-tiles.js +1 -5
- package/dist/lib-esm/search-input/search-input-controlled/search-input-controlled.js +5 -8
- package/dist/lib-esm/search-input/search-input.js +5 -8
- package/dist/lib-esm/select/select.js +5 -15
- package/dist/lib-esm/side-panel/side-panel-close.js +3 -6
- package/dist/lib-esm/side-panel/side-panel-content.js +2 -9
- package/dist/lib-esm/side-panel/side-panel-overlay.js +1 -5
- package/dist/lib-esm/small-list-item/small-list.js +1 -5
- package/dist/lib-esm/split-button/split-button.js +2 -6
- package/dist/lib-esm/status/status.js +1 -5
- package/dist/lib-esm/switch/switch-item.js +1 -5
- package/dist/lib-esm/text/text.js +1 -5
- package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.js +5 -19
- package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js +1 -1
- package/dist/lib-esm/text-area/text-area.js +1 -5
- package/dist/lib-esm/text-button/text-button.js +1 -5
- package/dist/lib-esm/text-input/text-input.js +3 -6
- package/dist/lib-esm/text-toggle-button/text-toggle-button.js +1 -5
- package/dist/lib-esm/time-picker/time-picker.js +6 -22
- package/dist/lib-esm/toolbar/toolbar-button.js +1 -5
- package/dist/lib-esm/toolbar/toolbar-dropdown-indicator.js +3 -6
- package/dist/lib-esm/toolbar/toolbar-input.js +1 -5
- package/dist/lib-esm/toolbar/toolbar-link.js +1 -5
- package/dist/lib-esm/toolbar/toolbar-root.js +3 -6
- package/dist/lib-esm/toolbar/toolbar-text-toggle-item.js +1 -5
- package/dist/lib-esm/toolbar/toolbar-toggle-group.js +1 -5
- package/dist/lib-esm/toolbar/toolbar-toggle-item.js +1 -5
- package/dist/lib-esm/tooltip/tooltip.js +2 -19
- package/dist/lib-esm/trigger-button/trigger-button.js +4 -11
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js +6 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +36 -14
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list.js +35 -8
- package/dist/lib-esm/util-components/base-grid-list-item/grid-list-interaction-utils.d.ts +32 -0
- package/dist/lib-esm/util-components/base-grid-list-item/grid-list-interaction-utils.js +55 -0
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +11 -3
- package/dist/lib-esm/util-components/base-grid-list-item/utils/rac-tooltip.js +3 -6
- package/dist/lib-esm/util-components/legend/legend.js +1 -6
- package/dist/lib-esm/util-components/list-checkbox/list-checkbox.js +1 -5
- package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.js +2 -9
- package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js +1 -6
- package/dist/lib-esm/utils/TooltipWrapper.d.ts +1 -1
- package/package.json +3 -3
|
@@ -6950,7 +6950,7 @@
|
|
|
6950
6950
|
overflow:auto;
|
|
6951
6951
|
}
|
|
6952
6952
|
|
|
6953
|
-
.bp_data_table_module_dataTableWrapper--
|
|
6953
|
+
.bp_data_table_module_dataTableWrapper--9a3ae{
|
|
6954
6954
|
--border-radius-datatable:0;
|
|
6955
6955
|
--outline-offset-focus-and-selected-row-datatable:-0.25rem;
|
|
6956
6956
|
--outline-select-color-datatable:#0000;
|
|
@@ -6960,27 +6960,45 @@
|
|
|
6960
6960
|
scroll-padding:60px 100px;
|
|
6961
6961
|
width:100%;
|
|
6962
6962
|
}
|
|
6963
|
-
.bp_data_table_module_dataTableWrapper--
|
|
6963
|
+
.bp_data_table_module_dataTableWrapper--9a3ae [data-modern=false]{
|
|
6964
|
+
--border-radius-hover-datatable:var(--radius-4);
|
|
6965
|
+
}
|
|
6966
|
+
.bp_data_table_module_dataTableWrapper--9a3ae [data-modern=true]{
|
|
6967
|
+
--border-radius-hover-datatable:var(--bp-radius-08, 1rem);
|
|
6968
|
+
}
|
|
6969
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-hovered]{
|
|
6970
|
+
--list-item-border-radius:var(--border-radius-hover-datatable);
|
|
6971
|
+
--list-item-row-border-radius:var(--list-item-border-radius);
|
|
6972
|
+
--list-item-first-column-item-radius:var(--list-item-border-radius) 0 0 var(--list-item-border-radius);
|
|
6973
|
+
--list-item-last-column-item-radius:0 var(--list-item-border-radius) var(--list-item-border-radius) 0;
|
|
6974
|
+
}
|
|
6975
|
+
.bp_data_table_module_dataTableWrapper--9a3ae.bp_data_table_module_isScrolledX--9a3ae table tbody > tr[data-hovered][data-focus-visible]{
|
|
6976
|
+
--list-item-border-radius:0;
|
|
6977
|
+
--list-item-row-border-radius:0;
|
|
6978
|
+
--list-item-first-column-item-radius:0;
|
|
6979
|
+
--list-item-last-column-item-radius:0;
|
|
6980
|
+
}
|
|
6981
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr{
|
|
6964
6982
|
background:var(--gray-white);
|
|
6965
6983
|
position:sticky;
|
|
6966
6984
|
top:0;
|
|
6967
6985
|
z-index:var(--sticky-element-z-index);
|
|
6968
6986
|
}
|
|
6969
|
-
.bp_data_table_module_dataTableWrapper--
|
|
6987
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr th:first-child{
|
|
6970
6988
|
background:inherit;
|
|
6971
6989
|
height:100%;
|
|
6972
6990
|
left:0;
|
|
6973
6991
|
position:sticky;
|
|
6974
6992
|
z-index:var(--sticky-element-z-index);
|
|
6975
6993
|
}
|
|
6976
|
-
.bp_data_table_module_dataTableWrapper--
|
|
6994
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table > thead > tr th:first-child[data-focus-visible]{
|
|
6977
6995
|
position:sticky;
|
|
6978
6996
|
z-index:var(--sticky-element-z-index);
|
|
6979
6997
|
}
|
|
6980
|
-
.bp_data_table_module_dataTableWrapper--
|
|
6998
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr{
|
|
6981
6999
|
--is-row-focused:0;
|
|
6982
7000
|
}
|
|
6983
|
-
.bp_data_table_module_dataTableWrapper--
|
|
7001
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr > td [data-actionswrapper]::after{
|
|
6984
7002
|
background:inherit;
|
|
6985
7003
|
content:"";
|
|
6986
7004
|
display:block;
|
|
@@ -6990,18 +7008,18 @@
|
|
|
6990
7008
|
width:100%;
|
|
6991
7009
|
z-index:-1;
|
|
6992
7010
|
}
|
|
6993
|
-
.bp_data_table_module_dataTableWrapper--
|
|
7011
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-focus-visible]{
|
|
6994
7012
|
--outline-offset-focus-cell:var(--outline-offset-focus-row);
|
|
6995
7013
|
--is-row-focused:1;
|
|
6996
7014
|
}
|
|
6997
|
-
.bp_data_table_module_dataTableWrapper--
|
|
7015
|
+
.bp_data_table_module_dataTableWrapper--9a3ae table tbody > tr[data-focus-visible][aria-selected=true]{
|
|
6998
7016
|
--outline-offset-focus-cell:var(--outline-offset-focus-and-selected-row);
|
|
6999
7017
|
}
|
|
7000
7018
|
|
|
7001
|
-
.bp_data_table_module_isScrolledX--
|
|
7019
|
+
.bp_data_table_module_isScrolledX--9a3ae table > thead > tr > th:first-child{
|
|
7002
7020
|
overflow:visible;
|
|
7003
7021
|
}
|
|
7004
|
-
.bp_data_table_module_isScrolledX--
|
|
7022
|
+
.bp_data_table_module_isScrolledX--9a3ae table > thead > tr > th:first-child::after{
|
|
7005
7023
|
background:inherit;
|
|
7006
7024
|
border-right:1px solid var(--border-divider-border);
|
|
7007
7025
|
box-shadow:10px 0 7px -4px var(--item-background);
|
|
@@ -7015,7 +7033,7 @@
|
|
|
7015
7033
|
z-index:-1;
|
|
7016
7034
|
}
|
|
7017
7035
|
|
|
7018
|
-
.bp_data_table_module_hideActionWrapperRight--
|
|
7036
|
+
.bp_data_table_module_hideActionWrapperRight--9a3ae table tbody > tr > td [data-actionswrapper]::after{
|
|
7019
7037
|
display:none;
|
|
7020
7038
|
}
|
|
7021
7039
|
.bp_list_checkbox_module_selection--711bf[data-modern=false]{
|
|
@@ -7528,7 +7546,7 @@
|
|
|
7528
7546
|
transform:translateZ(0);
|
|
7529
7547
|
}
|
|
7530
7548
|
|
|
7531
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7549
|
+
.bp_sticky_cell_module_stickyCell--ccd5e{
|
|
7532
7550
|
background:inherit;
|
|
7533
7551
|
background-clip:content-box;
|
|
7534
7552
|
left:0;
|
|
@@ -7537,16 +7555,16 @@
|
|
|
7537
7555
|
position:sticky !important;
|
|
7538
7556
|
z-index:var(--sticky-element-z-index);
|
|
7539
7557
|
}
|
|
7540
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7558
|
+
.bp_sticky_cell_module_stickyCell--ccd5e[data-focus-visible]{
|
|
7541
7559
|
outline:var(--border-2) solid var(--outline-focus-color);
|
|
7542
7560
|
}
|
|
7543
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7561
|
+
.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_childrenWrapper--ccd5e{
|
|
7544
7562
|
overflow:hidden;
|
|
7545
7563
|
text-align:start;
|
|
7546
7564
|
text-overflow:ellipsis;
|
|
7547
7565
|
white-space:nowrap;
|
|
7548
7566
|
}
|
|
7549
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7567
|
+
.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_verticalBar--ccd5e{
|
|
7550
7568
|
background:inherit;
|
|
7551
7569
|
border-right:1px solid var(--border-divider-border);
|
|
7552
7570
|
box-shadow:10px 0 7px -4px var(--item-background);
|
|
@@ -7559,36 +7577,30 @@
|
|
|
7559
7577
|
width:var(--space-3);
|
|
7560
7578
|
z-index:calc(var(--is-row-focused)*2 - 1);
|
|
7561
7579
|
}
|
|
7562
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7580
|
+
.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_verticalBar--ccd5e.bp_sticky_cell_module_isScrolledX--ccd5e{
|
|
7563
7581
|
display:block;
|
|
7564
7582
|
}
|
|
7565
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7566
|
-
background:inherit;
|
|
7583
|
+
.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_stickyCellBelow--ccd5e{
|
|
7567
7584
|
border-left:calc(var(--is-row-focused)*var(--border-2)) solid var(--outline-focus-color);
|
|
7568
|
-
border-radius:unset;
|
|
7569
|
-
box-sizing:border-box;
|
|
7570
7585
|
height:calc(100% + var(--is-row-focused)*2*var(--outline-offset-focus-cell));
|
|
7571
7586
|
left:var(--border-2);
|
|
7572
|
-
pointer-events:none;
|
|
7573
|
-
position:absolute;
|
|
7574
|
-
top:50%;
|
|
7575
|
-
transform:translateY(-50%);
|
|
7576
7587
|
width:calc(100% + var(--outline-offset-focus-row));
|
|
7577
|
-
z-index:-1;
|
|
7578
7588
|
}
|
|
7579
|
-
.bp_sticky_cell_module_stickyCell--
|
|
7589
|
+
.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_stickyCellBelow--ccd5e,.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_stickyCellOuterLeft--ccd5e{
|
|
7580
7590
|
background:inherit;
|
|
7581
|
-
border-radius:
|
|
7591
|
+
border-radius:var(--list-item-first-column-item-radius);
|
|
7582
7592
|
box-sizing:border-box;
|
|
7583
|
-
height:100%;
|
|
7584
|
-
left:0;
|
|
7585
7593
|
pointer-events:none;
|
|
7586
7594
|
position:absolute;
|
|
7587
7595
|
top:50%;
|
|
7588
7596
|
transform:translateY(-50%);
|
|
7589
|
-
width:var(--border-2);
|
|
7590
7597
|
z-index:-1;
|
|
7591
7598
|
}
|
|
7599
|
+
.bp_sticky_cell_module_stickyCell--ccd5e .bp_sticky_cell_module_stickyCellOuterLeft--ccd5e{
|
|
7600
|
+
height:100%;
|
|
7601
|
+
left:0;
|
|
7602
|
+
width:var(--border-2);
|
|
7603
|
+
}
|
|
7592
7604
|
.bp_calendar_module_calendar--9c68f[data-modern=false]{
|
|
7593
7605
|
--calendar-background:var(--gray-white);
|
|
7594
7606
|
--calendar-padding-inline:var(--space-4);
|
|
@@ -8317,7 +8329,7 @@
|
|
|
8317
8329
|
text-transform:none;
|
|
8318
8330
|
text-underline-offset:auto;
|
|
8319
8331
|
}
|
|
8320
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8332
|
+
.bp_base_grid_list_item_module_smallList--84f7a[data-modern=false]{
|
|
8321
8333
|
--small-list-gap:var(--space-2);
|
|
8322
8334
|
--small-list-padding:var(--space-1);
|
|
8323
8335
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -8341,7 +8353,7 @@
|
|
|
8341
8353
|
--small-list-focus-outline-radius:0.875rem;
|
|
8342
8354
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
8343
8355
|
}
|
|
8344
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8356
|
+
.bp_base_grid_list_item_module_smallList--84f7a[data-modern=false] .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8345
8357
|
font-family:var(--body-default-semibold-font-family);
|
|
8346
8358
|
font-size:var(--body-default-semibold-font-size);
|
|
8347
8359
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -8350,7 +8362,7 @@
|
|
|
8350
8362
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
8351
8363
|
text-transform:var(--body-default-semibold-text-case);
|
|
8352
8364
|
}
|
|
8353
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8365
|
+
.bp_base_grid_list_item_module_smallList--84f7a[data-modern=false] .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8354
8366
|
font-family:var(--caption-default-font-family);
|
|
8355
8367
|
font-size:var(--caption-default-font-size);
|
|
8356
8368
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -8360,7 +8372,7 @@
|
|
|
8360
8372
|
text-transform:var(--caption-default-text-case);
|
|
8361
8373
|
}
|
|
8362
8374
|
|
|
8363
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8375
|
+
.bp_base_grid_list_item_module_smallList--84f7a[data-modern=true]{
|
|
8364
8376
|
--small-list-gap:var(--bp-space-020);
|
|
8365
8377
|
--small-list-padding:initial;
|
|
8366
8378
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -8384,7 +8396,7 @@
|
|
|
8384
8396
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
8385
8397
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
8386
8398
|
}
|
|
8387
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8399
|
+
.bp_base_grid_list_item_module_smallList--84f7a[data-modern=true] .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8388
8400
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8389
8401
|
font-size:var(--bp-font-size-05);
|
|
8390
8402
|
font-style:normal;
|
|
@@ -8392,7 +8404,7 @@
|
|
|
8392
8404
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8393
8405
|
line-height:var(--bp-font-line-height-04);
|
|
8394
8406
|
}
|
|
8395
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
8407
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--84f7a[data-modern=true] .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8396
8408
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8397
8409
|
font-size:.875rem;
|
|
8398
8410
|
font-style:normal;
|
|
@@ -8403,7 +8415,7 @@
|
|
|
8403
8415
|
text-transform:none;
|
|
8404
8416
|
}
|
|
8405
8417
|
|
|
8406
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8418
|
+
.bp_base_grid_list_item_module_smallList--84f7a[data-modern=true] .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8407
8419
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8408
8420
|
font-size:var(--bp-font-size-03);
|
|
8409
8421
|
font-style:normal;
|
|
@@ -8411,7 +8423,7 @@
|
|
|
8411
8423
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8412
8424
|
line-height:var(--bp-font-line-height-02);
|
|
8413
8425
|
}
|
|
8414
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
8426
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--84f7a[data-modern=true] .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8415
8427
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8416
8428
|
font-size:.75rem;
|
|
8417
8429
|
font-style:normal;
|
|
@@ -8422,7 +8434,7 @@
|
|
|
8422
8434
|
text-transform:none;
|
|
8423
8435
|
}
|
|
8424
8436
|
|
|
8425
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8437
|
+
.bp_base_grid_list_item_module_smallList--84f7a{
|
|
8426
8438
|
box-sizing:border-box;
|
|
8427
8439
|
display:grid;
|
|
8428
8440
|
gap:var(--small-list-gap);
|
|
@@ -8433,7 +8445,7 @@
|
|
|
8433
8445
|
padding:var(--small-list-padding);
|
|
8434
8446
|
width:auto;
|
|
8435
8447
|
}
|
|
8436
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8448
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a{
|
|
8437
8449
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
8438
8450
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
8439
8451
|
--item-background:var(--small-list-item-background);
|
|
@@ -8452,11 +8464,11 @@
|
|
|
8452
8464
|
transform:translateZ(0);
|
|
8453
8465
|
width:auto;
|
|
8454
8466
|
}
|
|
8455
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8467
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
8456
8468
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
8457
8469
|
grid-template-rows:100% 0;
|
|
8458
8470
|
}
|
|
8459
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8471
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
8460
8472
|
align-items:center;
|
|
8461
8473
|
aspect-ratio:1;
|
|
8462
8474
|
display:flex;
|
|
@@ -8465,35 +8477,35 @@
|
|
|
8465
8477
|
overflow:hidden;
|
|
8466
8478
|
z-index:1;
|
|
8467
8479
|
}
|
|
8468
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8480
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_thumbnailContent--84f7a img,.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_thumbnailContent--84f7a svg{
|
|
8469
8481
|
height:100%;
|
|
8470
8482
|
object-fit:cover;
|
|
8471
8483
|
object-position:left;
|
|
8472
8484
|
width:100%;
|
|
8473
8485
|
}
|
|
8474
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8486
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8475
8487
|
color:var(--small-list-header-color);
|
|
8476
8488
|
grid-area:head;
|
|
8477
8489
|
}
|
|
8478
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8490
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_header--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
8479
8491
|
align-items:center;
|
|
8480
8492
|
display:flex;
|
|
8481
8493
|
}
|
|
8482
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8494
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8483
8495
|
color:var(--small-list-subtitle-color);
|
|
8484
8496
|
grid-area:subtitle;
|
|
8485
8497
|
}
|
|
8486
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8498
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_header--84f7a,.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8487
8499
|
display:inline-block;
|
|
8488
8500
|
overflow:hidden;
|
|
8489
8501
|
text-overflow:ellipsis;
|
|
8490
8502
|
white-space:nowrap;
|
|
8491
8503
|
}
|
|
8492
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8504
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a:not(:has(.bp_base_grid_list_item_module_header--84f7a)),.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a:not(:has(.bp_base_grid_list_item_module_subtitle--84f7a)){
|
|
8493
8505
|
grid-template-rows:100% 0;
|
|
8494
8506
|
row-gap:0;
|
|
8495
8507
|
}
|
|
8496
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8508
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
8497
8509
|
align-items:center;
|
|
8498
8510
|
display:flex;
|
|
8499
8511
|
grid-area:actions;
|
|
@@ -8503,11 +8515,11 @@
|
|
|
8503
8515
|
padding-right:0;
|
|
8504
8516
|
}
|
|
8505
8517
|
@media (pointer: coarse){
|
|
8506
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8518
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
8507
8519
|
--actions-opacity:1;
|
|
8508
8520
|
}
|
|
8509
8521
|
}
|
|
8510
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8522
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a{
|
|
8511
8523
|
align-items:center;
|
|
8512
8524
|
background:var(--item-background);
|
|
8513
8525
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -8516,10 +8528,10 @@
|
|
|
8516
8528
|
justify-content:center;
|
|
8517
8529
|
width:var(--small-list-selection-width);
|
|
8518
8530
|
}
|
|
8519
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8531
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a:hover{
|
|
8520
8532
|
background:var(--small-list-selection-hover-background);
|
|
8521
8533
|
}
|
|
8522
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8534
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
8523
8535
|
align-items:center;
|
|
8524
8536
|
border-radius:var(--small-list-inner-border-radius);
|
|
8525
8537
|
display:flex;
|
|
@@ -8527,17 +8539,17 @@
|
|
|
8527
8539
|
justify-content:flex-end;
|
|
8528
8540
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
8529
8541
|
}
|
|
8530
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8542
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a:last-child{
|
|
8531
8543
|
margin-inline-end:0;
|
|
8532
8544
|
}
|
|
8533
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8545
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_actionsCheckboxWrapper--84f7a{
|
|
8534
8546
|
display:flex;
|
|
8535
8547
|
}
|
|
8536
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8548
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a:hover,.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a[data-active-item],.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a[data-focus-visible],.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a[data-focused],.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a[data-hovered]{
|
|
8537
8549
|
--actions-opacity:1;
|
|
8538
8550
|
background:var(--item-hover);
|
|
8539
8551
|
}
|
|
8540
|
-
.bp_base_grid_list_item_module_smallList--
|
|
8552
|
+
.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a[data-active-item]::before,.bp_base_grid_list_item_module_smallList--84f7a .bp_base_grid_list_item_module_smallListItem--84f7a[data-focus-visible]::before{
|
|
8541
8553
|
--actions-opacity:1;
|
|
8542
8554
|
border-radius:var(--small-list-focus-outline-radius);
|
|
8543
8555
|
content:"";
|
|
@@ -8551,7 +8563,7 @@
|
|
|
8551
8563
|
width:100%;
|
|
8552
8564
|
}
|
|
8553
8565
|
|
|
8554
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8566
|
+
.bp_base_grid_list_item_module_largeList--84f7a[data-modern=false]{
|
|
8555
8567
|
--large-list-gap:var(--space-05);
|
|
8556
8568
|
--large-list-padding:var(--space-1);
|
|
8557
8569
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -8563,8 +8575,8 @@
|
|
|
8563
8575
|
--large-list-item-thumbnail-size-small-viewport:7.5rem;
|
|
8564
8576
|
--large-list-item-thumbnail-border:var(--border-1) solid var(--gray-10);
|
|
8565
8577
|
--large-list-item-thumbnail-border-radius:var(--radius-3);
|
|
8566
|
-
--large-list-item-actions-top
|
|
8567
|
-
--large-list-item-actions-right
|
|
8578
|
+
--large-list-item-actions-top:0.875rem;
|
|
8579
|
+
--large-list-item-actions-right:0.625rem;
|
|
8568
8580
|
--large-list-item-actions-height:var(--space-6);
|
|
8569
8581
|
--large-list-item-selection-width:var(--space-8);
|
|
8570
8582
|
--large-list-item-selection-height:var(--space-8);
|
|
@@ -8592,7 +8604,7 @@
|
|
|
8592
8604
|
--large-list-item-snippet-border-left:var(--space-05) solid var(--gray-20);
|
|
8593
8605
|
--large-list-item-hover-outline:var(--border-1) solid var(--border-card-border);
|
|
8594
8606
|
--large-list-item-interaction-box-shadow:var(--dropshadow-2);
|
|
8595
|
-
--large-list-item-focus-border-radius
|
|
8607
|
+
--large-list-item-focus-border-radius:0.875rem;
|
|
8596
8608
|
--large-list-item-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
8597
8609
|
--large-list-item-focus-outline-offset:-0.375rem;
|
|
8598
8610
|
--large-list-item-selected-background:var(--box-blue-05);
|
|
@@ -8600,11 +8612,11 @@
|
|
|
8600
8612
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
8601
8613
|
--large-list-item-interaction-backdrop-filter:none;
|
|
8602
8614
|
}
|
|
8603
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8615
|
+
.bp_base_grid_list_item_module_largeList--84f7a[data-modern=false] .bp_base_grid_list_item_module_largeListItem--84f7a{
|
|
8604
8616
|
border-radius:var(--large-list-item-border-radius);
|
|
8605
8617
|
}
|
|
8606
8618
|
|
|
8607
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8619
|
+
.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true]{
|
|
8608
8620
|
--large-list-gap:var(--bp-space-005);
|
|
8609
8621
|
--large-list-padding:var(--bp-space-010);
|
|
8610
8622
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -8654,18 +8666,18 @@
|
|
|
8654
8666
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
8655
8667
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
8656
8668
|
}
|
|
8657
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8669
|
+
.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a:hover,.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true],.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a[data-active-item],.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a[data-focus-visible],.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a[data-focused],.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a[data-hovered]{
|
|
8658
8670
|
border-radius:var(--large-list-item-border-radius);
|
|
8659
8671
|
}
|
|
8660
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8672
|
+
.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true]{
|
|
8661
8673
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
8662
8674
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
8663
8675
|
}
|
|
8664
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8676
|
+
.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--84f7a[data-modern=true] .bp_base_grid_list_item_module_largeListItem--84f7a:not([aria-selected=true])[data-hovered]{
|
|
8665
8677
|
--item-background:var(--large-list-item-hover-background);
|
|
8666
8678
|
}
|
|
8667
8679
|
|
|
8668
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8680
|
+
.bp_base_grid_list_item_module_largeList--84f7a{
|
|
8669
8681
|
box-sizing:border-box;
|
|
8670
8682
|
display:flex;
|
|
8671
8683
|
flex-direction:column;
|
|
@@ -8675,7 +8687,7 @@
|
|
|
8675
8687
|
overflow:auto;
|
|
8676
8688
|
padding:var(--large-list-padding);
|
|
8677
8689
|
}
|
|
8678
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8690
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a{
|
|
8679
8691
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
8680
8692
|
--actions-opacity:0;
|
|
8681
8693
|
--item-background:var(--large-list-item-background);
|
|
@@ -8691,18 +8703,18 @@
|
|
|
8691
8703
|
position:relative;
|
|
8692
8704
|
transform:translateZ(0);
|
|
8693
8705
|
}
|
|
8694
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8706
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
8695
8707
|
grid-template-rows:1fr 1fr 1fr;
|
|
8696
8708
|
}
|
|
8697
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8709
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a:focus-within{
|
|
8698
8710
|
--actions-opacity:1;
|
|
8699
8711
|
}
|
|
8700
8712
|
@media (max-width: 374px){
|
|
8701
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8713
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a{
|
|
8702
8714
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
8703
8715
|
}
|
|
8704
8716
|
}
|
|
8705
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8717
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
8706
8718
|
aspect-ratio:4/3;
|
|
8707
8719
|
border:var(--large-list-item-thumbnail-border);
|
|
8708
8720
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -8710,24 +8722,24 @@
|
|
|
8710
8722
|
overflow:hidden;
|
|
8711
8723
|
z-index:1;
|
|
8712
8724
|
}
|
|
8713
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8725
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img{
|
|
8714
8726
|
height:100%;
|
|
8715
8727
|
object-fit:cover;
|
|
8716
8728
|
object-position:left;
|
|
8717
8729
|
width:100%;
|
|
8718
8730
|
}
|
|
8719
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8731
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
8720
8732
|
border:none;
|
|
8721
8733
|
}
|
|
8722
8734
|
@media (max-width: 374px){
|
|
8723
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8735
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
8724
8736
|
aspect-ratio:1/1;
|
|
8725
8737
|
}
|
|
8726
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8738
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img{
|
|
8727
8739
|
object-fit:contain;
|
|
8728
8740
|
}
|
|
8729
8741
|
}
|
|
8730
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8742
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
8731
8743
|
align-items:center;
|
|
8732
8744
|
display:flex;
|
|
8733
8745
|
height:var(--large-list-item-actions-height);
|
|
@@ -8739,11 +8751,11 @@
|
|
|
8739
8751
|
top:var(--large-list-item-actions-top);
|
|
8740
8752
|
}
|
|
8741
8753
|
@media (pointer: coarse){
|
|
8742
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8754
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
8743
8755
|
--actions-opacity:1;
|
|
8744
8756
|
}
|
|
8745
8757
|
}
|
|
8746
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8758
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a{
|
|
8747
8759
|
align-items:center;
|
|
8748
8760
|
background:var(--item-background);
|
|
8749
8761
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -8752,15 +8764,15 @@
|
|
|
8752
8764
|
justify-content:center;
|
|
8753
8765
|
width:var(--large-list-item-selection-width);
|
|
8754
8766
|
}
|
|
8755
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8767
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a:hover{
|
|
8756
8768
|
background:var(--large-list-item-selection-hover-background);
|
|
8757
8769
|
}
|
|
8758
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8770
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_fade--84f7a{
|
|
8759
8771
|
align-self:stretch;
|
|
8760
8772
|
background:var(--large-list-item-fade-background);
|
|
8761
8773
|
width:var(--large-list-item-fade-width);
|
|
8762
8774
|
}
|
|
8763
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8775
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
8764
8776
|
align-items:center;
|
|
8765
8777
|
background:var(--item-background);
|
|
8766
8778
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -8769,14 +8781,14 @@
|
|
|
8769
8781
|
justify-content:flex-end;
|
|
8770
8782
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
8771
8783
|
}
|
|
8772
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8784
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a:last-child{
|
|
8773
8785
|
margin-inline-end:0;
|
|
8774
8786
|
}
|
|
8775
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8787
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_actionsCheckboxWrapper--84f7a{
|
|
8776
8788
|
background:var(--item-background);
|
|
8777
8789
|
display:flex;
|
|
8778
8790
|
}
|
|
8779
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8791
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8780
8792
|
align-items:center;
|
|
8781
8793
|
color:var(--large-list-item-header-color);
|
|
8782
8794
|
display:inline-flex;
|
|
@@ -8793,7 +8805,7 @@
|
|
|
8793
8805
|
text-transform:var(--body-default-semibold-text-case);
|
|
8794
8806
|
white-space:nowrap;
|
|
8795
8807
|
}
|
|
8796
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8808
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8797
8809
|
align-items:center;
|
|
8798
8810
|
color:var(--large-list-item-subtitle-color);
|
|
8799
8811
|
display:flex;
|
|
@@ -8808,7 +8820,7 @@
|
|
|
8808
8820
|
text-transform:var(--caption-default-text-case);
|
|
8809
8821
|
white-space:nowrap;
|
|
8810
8822
|
}
|
|
8811
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8823
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_description--84f7a{
|
|
8812
8824
|
-webkit-box-orient:vertical;
|
|
8813
8825
|
-webkit-line-clamp:3;
|
|
8814
8826
|
color:var(--large-list-item-description-color);
|
|
@@ -8825,12 +8837,12 @@
|
|
|
8825
8837
|
text-decoration:var(--body-default-text-decoration);
|
|
8826
8838
|
text-transform:var(--body-default-text-case);
|
|
8827
8839
|
}
|
|
8828
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8840
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_snippet--84f7a{
|
|
8829
8841
|
grid-area:description;
|
|
8830
8842
|
margin:0;
|
|
8831
8843
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
8832
8844
|
}
|
|
8833
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8845
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a .bp_base_grid_list_item_module_snippet--84f7a .bp_base_grid_list_item_module_snippetContent--84f7a{
|
|
8834
8846
|
-webkit-box-orient:vertical;
|
|
8835
8847
|
-webkit-line-clamp:2;
|
|
8836
8848
|
border:var(--large-list-item-snippet-border);
|
|
@@ -8849,13 +8861,13 @@
|
|
|
8849
8861
|
text-decoration:var(--body-default-text-decoration);
|
|
8850
8862
|
text-transform:var(--body-default-text-case);
|
|
8851
8863
|
}
|
|
8852
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8864
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a:hover,.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[data-active-item],.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[data-focus-visible],.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[data-focused],.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[data-hovered]{
|
|
8853
8865
|
--actions-opacity:1;
|
|
8854
8866
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
8855
8867
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
8856
8868
|
outline:var(--large-list-item-hover-outline);
|
|
8857
8869
|
}
|
|
8858
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8870
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[data-active-item]::before,.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[data-focus-visible]::before{
|
|
8859
8871
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
8860
8872
|
content:"";
|
|
8861
8873
|
display:block;
|
|
@@ -8867,31 +8879,31 @@
|
|
|
8867
8879
|
top:0;
|
|
8868
8880
|
width:100%;
|
|
8869
8881
|
}
|
|
8870
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8882
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true]{
|
|
8871
8883
|
--actions-opacity:1;
|
|
8872
8884
|
--item-background:var(--large-list-item-selected-background);
|
|
8873
8885
|
outline:var(--large-list-item-selected-outline);
|
|
8874
8886
|
z-index:2;
|
|
8875
8887
|
}
|
|
8876
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8888
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true] .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_fade--84f7a{
|
|
8877
8889
|
background:var(--large-list-item-selected-fade-background);
|
|
8878
8890
|
}
|
|
8879
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8891
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
8880
8892
|
display:none;
|
|
8881
8893
|
}
|
|
8882
8894
|
@supports selector(:has(.foo)){
|
|
8883
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8895
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--84f7a + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true]:has(+ [aria-selected=true]){
|
|
8884
8896
|
border-end-end-radius:0;
|
|
8885
8897
|
border-end-start-radius:0;
|
|
8886
8898
|
}
|
|
8887
|
-
.bp_base_grid_list_item_module_largeList--
|
|
8899
|
+
.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--84f7a + [aria-selected=true],.bp_base_grid_list_item_module_largeList--84f7a .bp_base_grid_list_item_module_largeListItem--84f7a[aria-selected=true] + [aria-selected=true]{
|
|
8888
8900
|
border-start-end-radius:0;
|
|
8889
8901
|
border-start-start-radius:0;
|
|
8890
8902
|
border-top:none;
|
|
8891
8903
|
}
|
|
8892
8904
|
}
|
|
8893
8905
|
|
|
8894
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8906
|
+
.bp_base_grid_list_item_module_gridList--84f7a[data-modern=false]{
|
|
8895
8907
|
--grid-list-minimum-item-width:188px;
|
|
8896
8908
|
--grid-list-gap:var(--space-4);
|
|
8897
8909
|
--grid-list-padding:0;
|
|
@@ -8909,7 +8921,7 @@
|
|
|
8909
8921
|
--grid-list-thumbnail-border:var(--border-1) solid var(--border-gridthumbnail-border);
|
|
8910
8922
|
--grid-list-thumbnail-border-radius:var(--radius-3);
|
|
8911
8923
|
--grid-list-thumbnail-aspect-ratio:4/3;
|
|
8912
|
-
--grid-list-actions-margin-block-start
|
|
8924
|
+
--grid-list-actions-margin-block-start:-0.25rem;
|
|
8913
8925
|
--grid-list-selection-top:var(--space-2);
|
|
8914
8926
|
--grid-list-selection-right:var(--space-2);
|
|
8915
8927
|
--grid-list-selection-width:var(--space-8);
|
|
@@ -8932,7 +8944,7 @@
|
|
|
8932
8944
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
8933
8945
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
8934
8946
|
}
|
|
8935
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8947
|
+
.bp_base_grid_list_item_module_gridList--84f7a[data-modern=false] .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8936
8948
|
font-family:var(--body-default-font-family);
|
|
8937
8949
|
font-size:var(--body-default-font-size);
|
|
8938
8950
|
font-weight:var(--body-default-font-weight);
|
|
@@ -8941,7 +8953,7 @@
|
|
|
8941
8953
|
text-decoration:var(--body-default-text-decoration);
|
|
8942
8954
|
text-transform:var(--body-default-text-case);
|
|
8943
8955
|
}
|
|
8944
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8956
|
+
.bp_base_grid_list_item_module_gridList--84f7a[data-modern=false] .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
8945
8957
|
font-family:var(--caption-default-font-family);
|
|
8946
8958
|
font-size:var(--caption-default-font-size);
|
|
8947
8959
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -8951,7 +8963,7 @@
|
|
|
8951
8963
|
text-transform:var(--caption-default-text-case);
|
|
8952
8964
|
}
|
|
8953
8965
|
|
|
8954
|
-
.bp_base_grid_list_item_module_gridList--
|
|
8966
|
+
.bp_base_grid_list_item_module_gridList--84f7a[data-modern=true]{
|
|
8955
8967
|
--grid-list-minimum-item-width:188px;
|
|
8956
8968
|
--grid-list-gap:var(--bp-space-040);
|
|
8957
8969
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -8969,7 +8981,7 @@
|
|
|
8969
8981
|
--grid-list-thumbnail-border:var(--bp-border-01) solid var(--bp-border-grid-thumbnail-border);
|
|
8970
8982
|
--grid-list-thumbnail-border-radius:var(--bp-radius-06);
|
|
8971
8983
|
--grid-list-thumbnail-aspect-ratio:4/3;
|
|
8972
|
-
--grid-list-actions-margin-block-start
|
|
8984
|
+
--grid-list-actions-margin-block-start:-0.25rem;
|
|
8973
8985
|
--grid-list-selection-top:var(--bp-space-020);
|
|
8974
8986
|
--grid-list-selection-right:var(--bp-space-020);
|
|
8975
8987
|
--grid-list-selection-width:var(--bp-size-080);
|
|
@@ -8992,7 +9004,7 @@
|
|
|
8992
9004
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
8993
9005
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
8994
9006
|
}
|
|
8995
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9007
|
+
.bp_base_grid_list_item_module_gridList--84f7a[data-modern=true] .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
8996
9008
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8997
9009
|
font-size:var(--bp-font-size-05);
|
|
8998
9010
|
font-style:normal;
|
|
@@ -9000,7 +9012,7 @@
|
|
|
9000
9012
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9001
9013
|
line-height:var(--bp-font-line-height-04);
|
|
9002
9014
|
}
|
|
9003
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
9015
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--84f7a[data-modern=true] .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9004
9016
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9005
9017
|
font-size:.875rem;
|
|
9006
9018
|
font-style:normal;
|
|
@@ -9011,7 +9023,7 @@
|
|
|
9011
9023
|
text-transform:none;
|
|
9012
9024
|
}
|
|
9013
9025
|
|
|
9014
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9026
|
+
.bp_base_grid_list_item_module_gridList--84f7a[data-modern=true] .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9015
9027
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9016
9028
|
font-size:var(--bp-font-size-03);
|
|
9017
9029
|
font-style:normal;
|
|
@@ -9019,7 +9031,7 @@
|
|
|
9019
9031
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9020
9032
|
line-height:var(--bp-font-line-height-02);
|
|
9021
9033
|
}
|
|
9022
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
9034
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--84f7a[data-modern=true] .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9023
9035
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9024
9036
|
font-size:.75rem;
|
|
9025
9037
|
font-style:normal;
|
|
@@ -9030,7 +9042,7 @@
|
|
|
9030
9042
|
text-transform:none;
|
|
9031
9043
|
}
|
|
9032
9044
|
|
|
9033
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9045
|
+
.bp_base_grid_list_item_module_gridList--84f7a{
|
|
9034
9046
|
box-sizing:border-box;
|
|
9035
9047
|
display:grid;
|
|
9036
9048
|
gap:var(--grid-list-gap);
|
|
@@ -9040,7 +9052,7 @@
|
|
|
9040
9052
|
overflow:auto;
|
|
9041
9053
|
padding:var(--grid-list-padding);
|
|
9042
9054
|
}
|
|
9043
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9055
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a{
|
|
9044
9056
|
--actions-opacity:0;
|
|
9045
9057
|
--item-background:var(--grid-list-item-background);
|
|
9046
9058
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -9058,15 +9070,15 @@
|
|
|
9058
9070
|
row-gap:var(--row-gap);
|
|
9059
9071
|
transform:translateZ(0);
|
|
9060
9072
|
}
|
|
9061
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9073
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a:focus-within{
|
|
9062
9074
|
--actions-opacity:1;
|
|
9063
9075
|
}
|
|
9064
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9076
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_statusPin--84f7a{
|
|
9065
9077
|
left:var(--grid-list-item-status-pin-left);
|
|
9066
9078
|
position:absolute;
|
|
9067
9079
|
top:var(--grid-list-item-status-pin-top);
|
|
9068
9080
|
}
|
|
9069
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9081
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9070
9082
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
9071
9083
|
background:var(--grid-list-thumbnail-background);
|
|
9072
9084
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -9074,25 +9086,25 @@
|
|
|
9074
9086
|
grid-area:thumbnail;
|
|
9075
9087
|
overflow:hidden;
|
|
9076
9088
|
}
|
|
9077
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9089
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img{
|
|
9078
9090
|
height:100%;
|
|
9079
9091
|
object-fit:contain;
|
|
9080
9092
|
width:100%;
|
|
9081
9093
|
}
|
|
9082
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9094
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
9083
9095
|
border:none;
|
|
9084
9096
|
}
|
|
9085
9097
|
@media (pointer: coarse){
|
|
9086
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9098
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9087
9099
|
margin-block-end:var(--space-1);
|
|
9088
9100
|
}
|
|
9089
9101
|
}
|
|
9090
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9102
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
9091
9103
|
grid-area:subtitle;
|
|
9092
9104
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
9093
9105
|
opacity:var(--actions-opacity);
|
|
9094
9106
|
}
|
|
9095
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9107
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a{
|
|
9096
9108
|
align-items:center;
|
|
9097
9109
|
border-radius:var(--grid-list-selection-border-radius);
|
|
9098
9110
|
display:flex;
|
|
@@ -9103,10 +9115,10 @@
|
|
|
9103
9115
|
top:var(--grid-list-selection-top);
|
|
9104
9116
|
width:var(--grid-list-selection-width);
|
|
9105
9117
|
}
|
|
9106
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9118
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a:hover{
|
|
9107
9119
|
background:var(--grid-list-selection-hover-background);
|
|
9108
9120
|
}
|
|
9109
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9121
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
9110
9122
|
align-items:center;
|
|
9111
9123
|
background:var(--item-background);
|
|
9112
9124
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -9115,29 +9127,29 @@
|
|
|
9115
9127
|
justify-content:center;
|
|
9116
9128
|
}
|
|
9117
9129
|
@media (pointer: coarse){
|
|
9118
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9130
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
9119
9131
|
grid-area:actions;
|
|
9120
9132
|
margin-block-start:0;
|
|
9121
9133
|
}
|
|
9122
9134
|
}
|
|
9123
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9135
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9124
9136
|
color:var(--grid-list-header-color);
|
|
9125
9137
|
grid-area:head;
|
|
9126
9138
|
height:var(--grid-list-header-height);
|
|
9127
9139
|
overflow-wrap:anywhere;
|
|
9128
9140
|
text-align:center;
|
|
9129
9141
|
}
|
|
9130
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9142
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_header--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
9131
9143
|
align-items:center;
|
|
9132
9144
|
display:flex;
|
|
9133
9145
|
}
|
|
9134
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9146
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9135
9147
|
-webkit-box-orient:vertical;
|
|
9136
9148
|
-webkit-line-clamp:2;
|
|
9137
9149
|
display:-webkit-box;
|
|
9138
9150
|
overflow:hidden;
|
|
9139
9151
|
}
|
|
9140
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9152
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9141
9153
|
color:var(--grid-list-subtitle-color);
|
|
9142
9154
|
grid-area:subtitle;
|
|
9143
9155
|
height:var(--grid-list-subtitle-height);
|
|
@@ -9146,16 +9158,16 @@
|
|
|
9146
9158
|
text-overflow:ellipsis;
|
|
9147
9159
|
white-space:nowrap;
|
|
9148
9160
|
}
|
|
9149
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9161
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a .bp_base_grid_list_item_module_subtitle--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
9150
9162
|
height:var(--grid-list-subtitle-loading-height);
|
|
9151
9163
|
}
|
|
9152
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9164
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a,.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a:hover,.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-active-item],.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-focus-visible],.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-focused],.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-hovered]{
|
|
9153
9165
|
--actions-opacity:1;
|
|
9154
9166
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
9155
9167
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
9156
9168
|
outline:var(--grid-list-item-hover-outline);
|
|
9157
9169
|
}
|
|
9158
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9170
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-active-item]::before,.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-focus-visible]::before{
|
|
9159
9171
|
border-radius:var(--grid-list-item-border-radius);
|
|
9160
9172
|
content:"";
|
|
9161
9173
|
display:block;
|
|
@@ -9167,7 +9179,7 @@
|
|
|
9167
9179
|
top:0;
|
|
9168
9180
|
width:100%;
|
|
9169
9181
|
}
|
|
9170
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9182
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-active-item]::after,.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[data-focus-visible]::after{
|
|
9171
9183
|
border-radius:var(--grid-list-item-border-radius);
|
|
9172
9184
|
content:"";
|
|
9173
9185
|
display:block;
|
|
@@ -9179,16 +9191,16 @@
|
|
|
9179
9191
|
top:0;
|
|
9180
9192
|
width:100%;
|
|
9181
9193
|
}
|
|
9182
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9194
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[aria-selected=true]{
|
|
9183
9195
|
--actions-opacity:1;
|
|
9184
9196
|
--item-background:var(--grid-list-item-selected-background);
|
|
9185
9197
|
outline:var(--grid-list-item-selected-outline);
|
|
9186
9198
|
}
|
|
9187
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9199
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--84f7a) .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
9188
9200
|
opacity:0;
|
|
9189
9201
|
}
|
|
9190
9202
|
@media (pointer: coarse){
|
|
9191
|
-
.bp_base_grid_list_item_module_gridList--
|
|
9203
|
+
.bp_base_grid_list_item_module_gridList--84f7a .bp_base_grid_list_item_module_gridListItem--84f7a{
|
|
9192
9204
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
9193
9205
|
--actions-opacity:1;
|
|
9194
9206
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -9196,7 +9208,7 @@
|
|
|
9196
9208
|
}
|
|
9197
9209
|
}
|
|
9198
9210
|
|
|
9199
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9211
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-modern=false]{
|
|
9200
9212
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
9201
9213
|
--tooltip-offset:var(--space-2);
|
|
9202
9214
|
--tooltip-arrow-display:block;
|
|
@@ -9208,7 +9220,7 @@
|
|
|
9208
9220
|
--tooltip-backdrop-filter:none;
|
|
9209
9221
|
}
|
|
9210
9222
|
|
|
9211
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9223
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-modern=true]{
|
|
9212
9224
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
9213
9225
|
--tooltip-offset:var(--bp-space-020);
|
|
9214
9226
|
--tooltip-arrow-display:none;
|
|
@@ -9220,7 +9232,7 @@
|
|
|
9220
9232
|
--tooltip-backdrop-filter:blur(16px);
|
|
9221
9233
|
}
|
|
9222
9234
|
|
|
9223
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9235
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a{
|
|
9224
9236
|
background-color:var(--tooltip-background-color);
|
|
9225
9237
|
border:var(--tooltip-border);
|
|
9226
9238
|
border-radius:var(--tooltip-radius);
|
|
@@ -9238,27 +9250,27 @@
|
|
|
9238
9250
|
text-transform:var(--body-default-text-case);
|
|
9239
9251
|
z-index:2147483647;
|
|
9240
9252
|
}
|
|
9241
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9253
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a .bp_base_grid_list_item_module_tooltipArrow--84f7a svg{
|
|
9242
9254
|
display:var(--tooltip-arrow-display);
|
|
9243
9255
|
height:.5rem;
|
|
9244
9256
|
width:1rem;
|
|
9245
9257
|
}
|
|
9246
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9258
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-placement=top]{
|
|
9247
9259
|
margin-block-end:var(--tooltip-offset);
|
|
9248
9260
|
}
|
|
9249
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9261
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--84f7a svg{
|
|
9250
9262
|
transform:rotate(180deg);
|
|
9251
9263
|
}
|
|
9252
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9264
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-placement=bottom]{
|
|
9253
9265
|
margin-block-start:var(--tooltip-offset);
|
|
9254
9266
|
}
|
|
9255
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9267
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-placement=right]{
|
|
9256
9268
|
margin-inline-start:var(--tooltip-offset);
|
|
9257
9269
|
}
|
|
9258
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
9270
|
+
.bp_base_grid_list_item_module_tooltipContent--84f7a[data-placement=left]{
|
|
9259
9271
|
margin-inline-end:var(--tooltip-offset);
|
|
9260
9272
|
}
|
|
9261
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9273
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a{
|
|
9262
9274
|
--grid-v2-gap:var(--bp-space-020);
|
|
9263
9275
|
--grid-v2-padding:0;
|
|
9264
9276
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -9274,7 +9286,7 @@
|
|
|
9274
9286
|
--grid-v2-item-status-pin-left:var(--bp-space-030);
|
|
9275
9287
|
--grid-v2-thumbnail-background:var(--bp-gray-white);
|
|
9276
9288
|
--grid-v2-thumbnail-border:var(--bp-border-01) solid var(--bp-border-grid-thumbnail-border);
|
|
9277
|
-
--grid-v2-thumbnail-border-radius
|
|
9289
|
+
--grid-v2-thumbnail-border-radius:0.75rem;
|
|
9278
9290
|
--grid-v2-thumbnail-aspect-ratio:4/3;
|
|
9279
9291
|
--grid-v2-selection-top:var(--bp-space-020);
|
|
9280
9292
|
--grid-v2-selection-right:var(--bp-space-020);
|
|
@@ -9295,10 +9307,10 @@
|
|
|
9295
9307
|
--grid-v2-thumbnail-badges-right:var(--bp-space-020);
|
|
9296
9308
|
--grid-v2-thumbnail-badges-bottom:var(--bp-space-020);
|
|
9297
9309
|
--grid-v2-thumbnail-badges-gap:var(--bp-space-010);
|
|
9298
|
-
--grid-v2-file-type-pill-padding
|
|
9299
|
-
--grid-v2-file-type-pill-font-size
|
|
9310
|
+
--grid-v2-file-type-pill-padding:0.1875rem var(--bp-space-020);
|
|
9311
|
+
--grid-v2-file-type-pill-font-size:0.75rem;
|
|
9300
9312
|
--grid-v2-file-type-pill-font-weight:var(--bp-font-weight-bold);
|
|
9301
|
-
--grid-v2-file-type-pill-line-height
|
|
9313
|
+
--grid-v2-file-type-pill-line-height:0.875rem;
|
|
9302
9314
|
--grid-v2-file-type-pill-background:var(--bp-gray-02);
|
|
9303
9315
|
--grid-v2-file-type-pill-border:var(--bp-border-01) solid var(--bp-gray-05);
|
|
9304
9316
|
--grid-v2-file-type-pill-border-radius:var(--bp-radius-16);
|
|
@@ -9311,7 +9323,7 @@
|
|
|
9311
9323
|
overflow:auto;
|
|
9312
9324
|
padding:var(--grid-v2-padding) 0;
|
|
9313
9325
|
}
|
|
9314
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9326
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a{
|
|
9315
9327
|
--actions-opacity:0;
|
|
9316
9328
|
--subtitle-opacity:1;
|
|
9317
9329
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -9329,20 +9341,20 @@
|
|
|
9329
9341
|
position:relative;
|
|
9330
9342
|
transform:translateZ(0);
|
|
9331
9343
|
}
|
|
9332
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9344
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a:focus-within{
|
|
9333
9345
|
--actions-opacity:1;
|
|
9334
9346
|
--subtitle-opacity:0;
|
|
9335
9347
|
}
|
|
9336
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9348
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a:focus-within{
|
|
9337
9349
|
--subtitle-opacity:1;
|
|
9338
9350
|
}
|
|
9339
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9351
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_statusPin--84f7a{
|
|
9340
9352
|
left:var(--grid-v2-item-status-pin-left);
|
|
9341
9353
|
position:absolute;
|
|
9342
9354
|
top:var(--grid-v2-item-status-pin-top);
|
|
9343
9355
|
transition:transform .15s ease-out;
|
|
9344
9356
|
}
|
|
9345
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9357
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9346
9358
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
9347
9359
|
background:var(--grid-v2-thumbnail-background);
|
|
9348
9360
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -9352,28 +9364,28 @@
|
|
|
9352
9364
|
position:relative;
|
|
9353
9365
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
9354
9366
|
}
|
|
9355
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9367
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img{
|
|
9356
9368
|
height:100%;
|
|
9357
9369
|
max-height:none;
|
|
9358
9370
|
max-width:none;
|
|
9359
9371
|
object-fit:cover;
|
|
9360
9372
|
width:100%;
|
|
9361
9373
|
}
|
|
9362
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9374
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img.bp_base_grid_list_item_module_isImageFile--84f7a{
|
|
9363
9375
|
object-position:center;
|
|
9364
9376
|
}
|
|
9365
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9377
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img:not(.bp_base_grid_list_item_module_isImageFile--84f7a){
|
|
9366
9378
|
object-position:top left;
|
|
9367
9379
|
}
|
|
9368
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9380
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
9369
9381
|
border:none;
|
|
9370
9382
|
}
|
|
9371
9383
|
@media (pointer: coarse){
|
|
9372
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9384
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9373
9385
|
margin-block-end:var(--bp-space-010);
|
|
9374
9386
|
}
|
|
9375
9387
|
}
|
|
9376
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9388
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_thumbnailBadges--84f7a{
|
|
9377
9389
|
align-items:center;
|
|
9378
9390
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
9379
9391
|
display:flex;
|
|
@@ -9381,12 +9393,12 @@
|
|
|
9381
9393
|
position:absolute;
|
|
9382
9394
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
9383
9395
|
}
|
|
9384
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9396
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_statusBadge--84f7a{
|
|
9385
9397
|
align-items:center;
|
|
9386
9398
|
display:flex;
|
|
9387
9399
|
justify-content:center;
|
|
9388
9400
|
}
|
|
9389
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9401
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_fileTypePill--84f7a{
|
|
9390
9402
|
background:var(--grid-v2-file-type-pill-background);
|
|
9391
9403
|
border:var(--grid-v2-file-type-pill-border);
|
|
9392
9404
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -9395,13 +9407,13 @@
|
|
|
9395
9407
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
9396
9408
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
9397
9409
|
}
|
|
9398
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9410
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
9399
9411
|
grid-area:subtitle;
|
|
9400
9412
|
margin-top:.25rem;
|
|
9401
9413
|
opacity:var(--actions-opacity);
|
|
9402
9414
|
transition:opacity .15s ease-out;
|
|
9403
9415
|
}
|
|
9404
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9416
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a{
|
|
9405
9417
|
align-items:center;
|
|
9406
9418
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
9407
9419
|
display:flex;
|
|
@@ -9413,19 +9425,19 @@
|
|
|
9413
9425
|
transition:transform .15s ease-out;
|
|
9414
9426
|
width:var(--grid-v2-selection-width);
|
|
9415
9427
|
}
|
|
9416
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9428
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a:hover{
|
|
9417
9429
|
background:var(--grid-v2-selection-hover-background);
|
|
9418
9430
|
}
|
|
9419
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9431
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
9420
9432
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
9421
9433
|
display:flex;
|
|
9422
9434
|
gap:var(--grid-v2-actions-inner-gap);
|
|
9423
9435
|
padding-inline-start:.25rem;
|
|
9424
9436
|
}
|
|
9425
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9437
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9426
9438
|
padding-inline-start:.25rem;
|
|
9427
9439
|
}
|
|
9428
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9440
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9429
9441
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9430
9442
|
font-size:var(--bp-font-size-05);
|
|
9431
9443
|
font-style:normal;
|
|
@@ -9433,7 +9445,7 @@
|
|
|
9433
9445
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9434
9446
|
line-height:var(--bp-font-line-height-04);
|
|
9435
9447
|
}
|
|
9436
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
9448
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9437
9449
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9438
9450
|
font-size:.875rem;
|
|
9439
9451
|
font-style:normal;
|
|
@@ -9444,7 +9456,7 @@
|
|
|
9444
9456
|
text-transform:none;
|
|
9445
9457
|
}
|
|
9446
9458
|
|
|
9447
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9459
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9448
9460
|
color:var(--grid-v2-header-color);
|
|
9449
9461
|
display:block;
|
|
9450
9462
|
grid-area:head;
|
|
@@ -9453,7 +9465,7 @@
|
|
|
9453
9465
|
text-overflow:ellipsis;
|
|
9454
9466
|
white-space:nowrap;
|
|
9455
9467
|
}
|
|
9456
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9468
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9457
9469
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9458
9470
|
font-size:var(--bp-font-size-04);
|
|
9459
9471
|
font-style:normal;
|
|
@@ -9461,7 +9473,7 @@
|
|
|
9461
9473
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9462
9474
|
line-height:var(--bp-font-line-height-04);
|
|
9463
9475
|
}
|
|
9464
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
9476
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9465
9477
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9466
9478
|
font-size:.8125rem;
|
|
9467
9479
|
font-style:normal;
|
|
@@ -9472,7 +9484,7 @@
|
|
|
9472
9484
|
text-transform:none;
|
|
9473
9485
|
}
|
|
9474
9486
|
|
|
9475
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9487
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9476
9488
|
color:var(--grid-v2-subtitle-color);
|
|
9477
9489
|
display:block;
|
|
9478
9490
|
grid-area:subtitle;
|
|
@@ -9483,35 +9495,35 @@
|
|
|
9483
9495
|
transition:opacity .15s ease-out;
|
|
9484
9496
|
white-space:nowrap;
|
|
9485
9497
|
}
|
|
9486
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9498
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_textCentered--84f7a{
|
|
9487
9499
|
justify-content:center;
|
|
9488
9500
|
padding-inline-start:0;
|
|
9489
9501
|
text-align:center;
|
|
9490
9502
|
}
|
|
9491
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9503
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_innerCentered--84f7a{
|
|
9492
9504
|
justify-content:center;
|
|
9493
9505
|
padding-inline-start:0;
|
|
9494
9506
|
}
|
|
9495
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9507
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-hovered]{
|
|
9496
9508
|
--actions-opacity:1;
|
|
9497
9509
|
--subtitle-opacity:0;
|
|
9498
9510
|
}
|
|
9499
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9511
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a .bp_base_grid_list_item_module_selection--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a .bp_base_grid_list_item_module_statusPin--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true] .bp_base_grid_list_item_module_selection--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true] .bp_base_grid_list_item_module_statusPin--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible] .bp_base_grid_list_item_module_selection--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible] .bp_base_grid_list_item_module_statusPin--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-hovered] .bp_base_grid_list_item_module_selection--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-hovered] .bp_base_grid_list_item_module_statusPin--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-hovered] .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9500
9512
|
transform:translateY(-.125rem);
|
|
9501
9513
|
}
|
|
9502
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9514
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-hovered] .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9503
9515
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
9504
9516
|
}
|
|
9505
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9517
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a .bp_base_grid_list_item_module_subtitle--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true] .bp_base_grid_list_item_module_subtitle--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible] .bp_base_grid_list_item_module_subtitle--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-hovered] .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9506
9518
|
pointer-events:none;
|
|
9507
9519
|
}
|
|
9508
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9520
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a[data-hovered]{
|
|
9509
9521
|
--subtitle-opacity:1;
|
|
9510
9522
|
}
|
|
9511
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9523
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a[aria-selected=true] .bp_base_grid_list_item_module_subtitle--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a[data-focus-visible] .bp_base_grid_list_item_module_subtitle--84f7a,.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a.bp_base_grid_list_item_module_noActions--84f7a[data-hovered] .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9512
9524
|
pointer-events:auto;
|
|
9513
9525
|
}
|
|
9514
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9526
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[data-focus-visible]::before{
|
|
9515
9527
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
9516
9528
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
9517
9529
|
content:"";
|
|
@@ -9520,10 +9532,10 @@
|
|
|
9520
9532
|
position:absolute;
|
|
9521
9533
|
transform:translateY(-.125rem);
|
|
9522
9534
|
}
|
|
9523
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9535
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true]{
|
|
9524
9536
|
--item-background:var(--grid-v2-item-selected-background);
|
|
9525
9537
|
}
|
|
9526
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9538
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a[aria-selected=true]::after{
|
|
9527
9539
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
9528
9540
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
9529
9541
|
content:"";
|
|
@@ -9533,21 +9545,30 @@
|
|
|
9533
9545
|
transform:translateY(-.125rem);
|
|
9534
9546
|
}
|
|
9535
9547
|
@media (pointer: coarse){
|
|
9536
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9548
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a{
|
|
9537
9549
|
--actions-opacity:1;
|
|
9538
9550
|
--subtitle-opacity:1;
|
|
9539
9551
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
9540
9552
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
9541
9553
|
}
|
|
9542
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
9554
|
+
.bp_base_grid_list_item_module_gridListV2--84f7a .bp_base_grid_list_item_module_gridListV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
9543
9555
|
grid-area:actions;
|
|
9544
9556
|
}
|
|
9545
9557
|
}
|
|
9546
9558
|
|
|
9547
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
9559
|
+
.bp_base_grid_list_item_module_gridListV2Small--84f7a{
|
|
9548
9560
|
--grid-v2-min-item-width:15.625rem;
|
|
9549
9561
|
}
|
|
9550
|
-
|
|
9562
|
+
|
|
9563
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--84f7a{
|
|
9564
|
+
--grid-v2-min-item-width:8.75rem;
|
|
9565
|
+
--grid-v2-header-height:utils.pxtorem(22);
|
|
9566
|
+
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
9567
|
+
--grid-v2-actions-height:var(--bp-size-060);
|
|
9568
|
+
--grid-v2-selection-width:var(--bp-size-060);
|
|
9569
|
+
--grid-v2-selection-height:var(--bp-size-060);
|
|
9570
|
+
}
|
|
9571
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--84f7a{
|
|
9551
9572
|
display:grid;
|
|
9552
9573
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
9553
9574
|
grid-template-columns:1fr;
|
|
@@ -9559,19 +9580,19 @@
|
|
|
9559
9580
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
9560
9581
|
}
|
|
9561
9582
|
@media (pointer: coarse){
|
|
9562
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
9583
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--84f7a{
|
|
9563
9584
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
9564
9585
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
9565
9586
|
}
|
|
9566
9587
|
}
|
|
9567
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
9588
|
+
.bp_base_grid_list_item_module_listV2ClickShield--84f7a{
|
|
9568
9589
|
display:contents;
|
|
9569
9590
|
}
|
|
9570
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9591
|
+
.bp_base_grid_list_item_module_listV2--84f7a{
|
|
9571
9592
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
9572
9593
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
9573
9594
|
--list-v2-padding:var(--bp-space-020);
|
|
9574
|
-
--list-v2-item-padding
|
|
9595
|
+
--list-v2-item-padding:0.1875rem;
|
|
9575
9596
|
--list-v2-thumbnail-content-gap:var(--bp-space-050);
|
|
9576
9597
|
--list-v2-content-gap:var(--bp-space-020);
|
|
9577
9598
|
--list-v2-thumbnail-height:7.75rem;
|
|
@@ -9590,10 +9611,10 @@
|
|
|
9590
9611
|
--list-v2-hover-background:var(--bp-surface-list-item-surface-hover);
|
|
9591
9612
|
--list-v2-hover-box-shadow:var(--dropshadow-2);
|
|
9592
9613
|
--list-v2-focus-border-color:var(--bp-outline-focus-on-light);
|
|
9593
|
-
--list-v2-focus-border-radius
|
|
9614
|
+
--list-v2-focus-border-radius:0.84375rem;
|
|
9594
9615
|
--list-v2-selected-background:var(--bp-surface-list-item-surface-selected);
|
|
9595
9616
|
--list-v2-selected-border-color:var(--bp-border-list-item-border-selected);
|
|
9596
|
-
--list-v2-selected-border-radius
|
|
9617
|
+
--list-v2-selected-border-radius:0.9375rem;
|
|
9597
9618
|
--list-v2-thumbnail-badges-right:var(--bp-space-020);
|
|
9598
9619
|
--list-v2-thumbnail-badges-bottom:var(--bp-space-020);
|
|
9599
9620
|
--list-v2-thumbnail-badges-gap:var(--bp-space-010);
|
|
@@ -9612,7 +9633,7 @@
|
|
|
9612
9633
|
padding:var(--list-v2-padding);
|
|
9613
9634
|
width:100%;
|
|
9614
9635
|
}
|
|
9615
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9636
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a{
|
|
9616
9637
|
--actions-opacity:0;
|
|
9617
9638
|
--item-background:var(--list-v2-item-background);
|
|
9618
9639
|
align-items:center;
|
|
@@ -9630,10 +9651,10 @@
|
|
|
9630
9651
|
position:relative;
|
|
9631
9652
|
transition:background .15s ease-out;
|
|
9632
9653
|
}
|
|
9633
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9654
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a:not(:first-child){
|
|
9634
9655
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
9635
9656
|
}
|
|
9636
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9657
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_listV2Divider--84f7a{
|
|
9637
9658
|
background:var(--list-v2-divider-color);
|
|
9638
9659
|
height:.0625rem;
|
|
9639
9660
|
left:0;
|
|
@@ -9642,10 +9663,10 @@
|
|
|
9642
9663
|
right:0;
|
|
9643
9664
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
9644
9665
|
}
|
|
9645
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9666
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a:first-child .bp_base_grid_list_item_module_listV2Divider--84f7a{
|
|
9646
9667
|
display:none;
|
|
9647
9668
|
}
|
|
9648
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9669
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9649
9670
|
align-items:center;
|
|
9650
9671
|
align-self:stretch;
|
|
9651
9672
|
aspect-ratio:4/3;
|
|
@@ -9659,15 +9680,15 @@
|
|
|
9659
9680
|
position:relative;
|
|
9660
9681
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
9661
9682
|
}
|
|
9662
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9683
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a img,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a svg{
|
|
9663
9684
|
height:100%;
|
|
9664
9685
|
object-fit:cover;
|
|
9665
9686
|
width:100%;
|
|
9666
9687
|
}
|
|
9667
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9688
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a.bp_base_grid_list_item_module_loading--84f7a{
|
|
9668
9689
|
border:none;
|
|
9669
9690
|
}
|
|
9670
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9691
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_thumbnailBadges--84f7a{
|
|
9671
9692
|
align-items:center;
|
|
9672
9693
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
9673
9694
|
display:flex;
|
|
@@ -9675,17 +9696,17 @@
|
|
|
9675
9696
|
position:absolute;
|
|
9676
9697
|
right:var(--list-v2-thumbnail-badges-right);
|
|
9677
9698
|
}
|
|
9678
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9699
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_statusBadge--84f7a{
|
|
9679
9700
|
align-items:center;
|
|
9680
9701
|
display:flex;
|
|
9681
9702
|
justify-content:center;
|
|
9682
9703
|
}
|
|
9683
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9704
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_statusBadge--84f7a img,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_statusBadge--84f7a svg{
|
|
9684
9705
|
height:.875rem;
|
|
9685
9706
|
object-fit:contain;
|
|
9686
9707
|
width:.875rem;
|
|
9687
9708
|
}
|
|
9688
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9709
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a .bp_base_grid_list_item_module_fileTypePill--84f7a{
|
|
9689
9710
|
align-items:center;
|
|
9690
9711
|
background:var(--list-v2-file-type-pill-background);
|
|
9691
9712
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -9694,7 +9715,7 @@
|
|
|
9694
9715
|
height:var(--list-v2-file-type-pill-height);
|
|
9695
9716
|
padding:var(--list-v2-file-type-pill-padding);
|
|
9696
9717
|
}
|
|
9697
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9718
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_content--84f7a{
|
|
9698
9719
|
display:flex;
|
|
9699
9720
|
flex-direction:column;
|
|
9700
9721
|
gap:var(--list-v2-content-gap);
|
|
@@ -9702,7 +9723,7 @@
|
|
|
9702
9723
|
min-width:0;
|
|
9703
9724
|
padding-right:.5rem;
|
|
9704
9725
|
}
|
|
9705
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9726
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9706
9727
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9707
9728
|
font-size:var(--bp-font-size-05);
|
|
9708
9729
|
font-style:normal;
|
|
@@ -9710,7 +9731,7 @@
|
|
|
9710
9731
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9711
9732
|
line-height:var(--bp-font-line-height-04);
|
|
9712
9733
|
}
|
|
9713
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
9734
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9714
9735
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9715
9736
|
font-size:.875rem;
|
|
9716
9737
|
font-style:normal;
|
|
@@ -9721,14 +9742,14 @@
|
|
|
9721
9742
|
text-transform:none;
|
|
9722
9743
|
}
|
|
9723
9744
|
|
|
9724
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9745
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_header--84f7a{
|
|
9725
9746
|
color:var(--list-v2-header-color);
|
|
9726
9747
|
display:block;
|
|
9727
9748
|
overflow:hidden;
|
|
9728
9749
|
text-overflow:ellipsis;
|
|
9729
9750
|
white-space:nowrap;
|
|
9730
9751
|
}
|
|
9731
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9752
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9732
9753
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9733
9754
|
font-size:var(--bp-font-size-04);
|
|
9734
9755
|
font-style:normal;
|
|
@@ -9736,7 +9757,7 @@
|
|
|
9736
9757
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
9737
9758
|
line-height:var(--bp-font-line-height-04);
|
|
9738
9759
|
}
|
|
9739
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
9760
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9740
9761
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
9741
9762
|
font-size:.8125rem;
|
|
9742
9763
|
font-style:normal;
|
|
@@ -9747,14 +9768,14 @@
|
|
|
9747
9768
|
text-transform:none;
|
|
9748
9769
|
}
|
|
9749
9770
|
|
|
9750
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9771
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_subtitle--84f7a{
|
|
9751
9772
|
color:var(--list-v2-subtitle-color);
|
|
9752
9773
|
display:block;
|
|
9753
9774
|
overflow:hidden;
|
|
9754
9775
|
text-overflow:ellipsis;
|
|
9755
9776
|
white-space:nowrap;
|
|
9756
9777
|
}
|
|
9757
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9778
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
9758
9779
|
align-items:center;
|
|
9759
9780
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
9760
9781
|
display:flex;
|
|
@@ -9768,11 +9789,11 @@
|
|
|
9768
9789
|
transition:opacity .15s ease-out;
|
|
9769
9790
|
}
|
|
9770
9791
|
@media (pointer: coarse){
|
|
9771
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9792
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a{
|
|
9772
9793
|
--actions-opacity:1;
|
|
9773
9794
|
}
|
|
9774
9795
|
}
|
|
9775
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9796
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a{
|
|
9776
9797
|
align-items:center;
|
|
9777
9798
|
border-radius:var(--list-v2-selection-border-radius);
|
|
9778
9799
|
display:flex;
|
|
@@ -9780,28 +9801,28 @@
|
|
|
9780
9801
|
justify-content:center;
|
|
9781
9802
|
width:var(--list-v2-selection-size);
|
|
9782
9803
|
}
|
|
9783
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9804
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_selection--84f7a:hover{
|
|
9784
9805
|
background:var(--list-v2-selection-hover-background);
|
|
9785
9806
|
}
|
|
9786
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9807
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_inner--84f7a{
|
|
9787
9808
|
align-items:center;
|
|
9788
9809
|
display:flex;
|
|
9789
9810
|
gap:var(--list-v2-actions-gap);
|
|
9790
9811
|
}
|
|
9791
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9812
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a .bp_base_grid_list_item_module_actions--84f7a .bp_base_grid_list_item_module_actionsCheckboxWrapper--84f7a{
|
|
9792
9813
|
display:flex;
|
|
9793
9814
|
}
|
|
9794
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9815
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a:hover,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[aria-selected=true],.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-focus-visible],.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-hovered]{
|
|
9795
9816
|
--actions-opacity:1;
|
|
9796
9817
|
}
|
|
9797
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9818
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a:hover .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--84f7a,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-hovered] .bp_base_grid_list_item_module_thumbnail--84f7a{
|
|
9798
9819
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
9799
9820
|
transform:translateY(-.125rem);
|
|
9800
9821
|
}
|
|
9801
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9822
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a.bp_base_grid_list_item_module_isItemInteracted--84f7a,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a:hover,.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-hovered]{
|
|
9802
9823
|
--item-background:var(--list-v2-hover-background);
|
|
9803
9824
|
}
|
|
9804
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9825
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-focus-visible]::before{
|
|
9805
9826
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
9806
9827
|
border-radius:var(--list-v2-focus-border-radius);
|
|
9807
9828
|
content:"";
|
|
@@ -9810,10 +9831,10 @@
|
|
|
9810
9831
|
position:absolute;
|
|
9811
9832
|
transform:translateY(-.125rem);
|
|
9812
9833
|
}
|
|
9813
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9834
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[aria-selected=true]{
|
|
9814
9835
|
--item-background:var(--list-v2-selected-background);
|
|
9815
9836
|
}
|
|
9816
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9837
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[aria-selected=true]::after{
|
|
9817
9838
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
9818
9839
|
border-radius:var(--list-v2-selected-border-radius);
|
|
9819
9840
|
content:"";
|
|
@@ -9822,13 +9843,13 @@
|
|
|
9822
9843
|
position:absolute;
|
|
9823
9844
|
transform:translateY(-.125rem);
|
|
9824
9845
|
}
|
|
9825
|
-
.bp_base_grid_list_item_module_listV2--
|
|
9846
|
+
.bp_base_grid_list_item_module_listV2--84f7a .bp_base_grid_list_item_module_listV2Item--84f7a[data-focus-visible][aria-selected=true]::after{
|
|
9826
9847
|
border-radius:var(--list-v2-selected-border-radius);
|
|
9827
9848
|
inset:-.1875rem;
|
|
9828
9849
|
transform:translateY(-.125rem);
|
|
9829
9850
|
}
|
|
9830
9851
|
|
|
9831
|
-
.bp_base_grid_list_item_module_staticList--
|
|
9852
|
+
.bp_base_grid_list_item_module_staticList--84f7a .bp_base_grid_list_item_module_staticListItem--84f7a{
|
|
9832
9853
|
display:contents;
|
|
9833
9854
|
}
|
|
9834
9855
|
.bp_guided_tooltip_module_content--39841{
|