@box/blueprint-web 18.2.2 → 18.4.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/blueprint-configuration-context/consts.d.ts +2 -2
- package/dist/lib-esm/blueprint-configuration-context/consts.js +2 -2
- package/dist/lib-esm/components.css +566 -330
- package/dist/lib-esm/grid-list-item/types.d.ts +1 -1
- package/dist/lib-esm/index.css +565 -329
- package/dist/lib-esm/large-list-item/types.d.ts +1 -1
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/list-item/row.d.ts +5 -0
- package/dist/lib-esm/list-item/row.js +3 -1
- package/dist/lib-esm/modal/constants.d.ts +1 -0
- package/dist/lib-esm/modal/constants.js +3 -1
- package/dist/lib-esm/modal/index.d.ts +1 -1
- package/dist/lib-esm/modal/modal-header-actions.d.ts +12 -0
- package/dist/lib-esm/modal/modal-header-actions.js +57 -0
- package/dist/lib-esm/modal/modal-header.d.ts +4 -4
- package/dist/lib-esm/modal/modal-header.js +10 -3
- package/dist/lib-esm/modal/modal.d.ts +4 -1
- package/dist/lib-esm/modal/modal.module.js +1 -1
- package/dist/lib-esm/modal/types.d.ts +12 -0
- package/dist/lib-esm/primitives/notification/hooks/use-hover-focus-expand.d.ts +17 -0
- package/dist/lib-esm/primitives/notification/hooks/use-hover-focus-expand.js +85 -0
- package/dist/lib-esm/primitives/notification/hooks/use-notification-exit-animation.d.ts +21 -0
- package/dist/lib-esm/primitives/notification/hooks/use-notification-exit-animation.js +141 -0
- package/dist/lib-esm/primitives/notification/hooks/use-stack-layer-metrics.d.ts +19 -0
- package/dist/lib-esm/primitives/notification/hooks/use-stack-layer-metrics.js +96 -0
- package/dist/lib-esm/primitives/notification/hooks/use-staggered-notification-admission.d.ts +10 -0
- package/dist/lib-esm/primitives/notification/hooks/use-staggered-notification-admission.js +126 -0
- package/dist/lib-esm/primitives/notification/load-animated-notification-viewport.d.ts +11 -0
- package/dist/lib-esm/primitives/notification/load-animated-notification-viewport.js +24 -0
- package/dist/lib-esm/primitives/notification/notification-provider.d.ts +8 -0
- package/dist/lib-esm/primitives/notification/notification-provider.js +29 -3
- package/dist/lib-esm/primitives/notification/notification-stack-utils.d.ts +21 -0
- package/dist/lib-esm/primitives/notification/notification-stack-utils.js +38 -0
- package/dist/lib-esm/primitives/notification/notification-stack.module.js +4 -0
- package/dist/lib-esm/primitives/notification/notification.module.js +1 -1
- package/dist/lib-esm/primitives/notification/notification.viewport-animated.d.ts +7 -0
- package/dist/lib-esm/primitives/notification/notification.viewport-animated.js +147 -0
- package/dist/lib-esm/primitives/notification/notification.viewport.d.ts +5 -0
- package/dist/lib-esm/primitives/notification/notification.viewport.js +51 -1
- package/dist/lib-esm/primitives/notification/private-notification-element-animated.d.ts +32 -0
- package/dist/lib-esm/primitives/notification/private-notification-element-animated.js +198 -0
- package/dist/lib-esm/primitives/notification/private-notification-element.d.ts +3 -0
- package/dist/lib-esm/primitives/notification/private-notification-element.js +3 -0
- package/dist/lib-esm/small-list-item/types.d.ts +1 -1
- package/dist/lib-esm/types/selection-visibility.d.ts +4 -0
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item-actions.js +4 -2
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +3 -0
- 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 +3 -1
- package/dist/lib-esm/util-components/base-grid-list-item/types.d.ts +14 -0
- package/package.json +3 -3
|
@@ -1,4 +1,117 @@
|
|
|
1
|
-
@layer blueprint {.
|
|
1
|
+
@layer blueprint {.bp_notification_stack_module_stack--41829[data-bp-animated=true]{
|
|
2
|
+
--notification-stack-width:var(--notification-width, 35rem);
|
|
3
|
+
--notification-motion-duration:var(--bp-duration-medium);
|
|
4
|
+
display:block;
|
|
5
|
+
gap:0;
|
|
6
|
+
height:var(--notification-stack-height, 0);
|
|
7
|
+
min-width:min(var(--notification-stack-width), 100% - var(--bp-space-040) * 2);
|
|
8
|
+
overflow:visible;
|
|
9
|
+
position:fixed;
|
|
10
|
+
transition-duration:var(--notification-motion-duration);
|
|
11
|
+
transition-property:height;
|
|
12
|
+
transition-timing-function:var(--bp-curve-medium-on);
|
|
13
|
+
width:min(var(--notification-stack-width), 100% - var(--bp-space-040) * 2);
|
|
14
|
+
}
|
|
15
|
+
.bp_notification_stack_module_stack--41829[data-bp-animated=true].bp_notification_stack_module_isExpanded--41829,.bp_notification_stack_module_stack--41829[data-bp-animated=true]:has([data-bp-exiting=true]){
|
|
16
|
+
transition-timing-function:var(--bp-curve-medium-off);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true]{
|
|
20
|
+
--notification-stack-scale-step:calc((var(--bp-scale-default) - var(--bp-scale-extra-small))/(var(--notification-stack-visible-depth, 3) - 1));
|
|
21
|
+
--notification-stack-depth-scale-offset:calc(var(--notification-stack-depth, 0)*var(--notification-stack-scale-step));
|
|
22
|
+
--notification-stack-collapsed-scale:calc(var(--bp-scale-default) - var(--notification-stack-depth-scale-offset));
|
|
23
|
+
box-sizing:border-box;
|
|
24
|
+
left:0;
|
|
25
|
+
max-width:none;
|
|
26
|
+
min-width:100%;
|
|
27
|
+
opacity:var(--bp-opacity-visible);
|
|
28
|
+
position:absolute;
|
|
29
|
+
right:0;
|
|
30
|
+
top:0;
|
|
31
|
+
transform:translateY(calc(var(--notification-stack-depth, 0)*var(--notification-stack-depth-offset, var(--bp-space-040)))) scale(var(--notification-stack-collapsed-scale));
|
|
32
|
+
transform-origin:top center;
|
|
33
|
+
transition-duration:var(--notification-motion-duration, var(--bp-duration-medium));
|
|
34
|
+
transition-property:transform, opacity, visibility;
|
|
35
|
+
transition-timing-function:var(--bp-curve-medium-on);
|
|
36
|
+
width:100%;
|
|
37
|
+
z-index:calc(100 - var(--notification-stack-depth, 0));
|
|
38
|
+
}
|
|
39
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true] > *{
|
|
40
|
+
transition-duration:var(--notification-motion-duration, var(--bp-duration-medium));
|
|
41
|
+
transition-property:opacity;
|
|
42
|
+
transition-timing-function:var(--bp-curve-medium-on);
|
|
43
|
+
}
|
|
44
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true]:not([data-front=true]){
|
|
45
|
+
--notification-elevation-shadow:var(--dropshadow-1);
|
|
46
|
+
}
|
|
47
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true]:not([data-front=true]) > *{
|
|
48
|
+
opacity:var(--bp-opacity-hidden);
|
|
49
|
+
}
|
|
50
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-beyond-visible-depth=true]{
|
|
51
|
+
opacity:var(--bp-opacity-hidden);
|
|
52
|
+
pointer-events:none;
|
|
53
|
+
visibility:hidden;
|
|
54
|
+
}
|
|
55
|
+
.bp_notification_stack_module_stack--41829:has([data-bp-exiting=true]) .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true],.bp_notification_stack_module_stack--41829:has([data-bp-exiting=true]) .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true] > *{
|
|
56
|
+
transition-duration:var(--bp-duration-medium);
|
|
57
|
+
transition-timing-function:var(--bp-curve-medium-off);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.bp_notification_stack_module_stack--41829.bp_notification_stack_module_isExpanded--41829 .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true]:not([data-bp-exiting=true]){
|
|
61
|
+
--notification-elevation-shadow:var(--notification-shadow);
|
|
62
|
+
opacity:var(--bp-opacity-visible);
|
|
63
|
+
pointer-events:auto;
|
|
64
|
+
transform:translateY(var(--notification-stack-expand-offset, 0)) scale(var(--bp-scale-default));
|
|
65
|
+
visibility:visible;
|
|
66
|
+
}
|
|
67
|
+
.bp_notification_stack_module_stack--41829.bp_notification_stack_module_isExpanded--41829 .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true]:not([data-bp-exiting=true]) > *{
|
|
68
|
+
opacity:var(--bp-opacity-visible);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-entering=true]{
|
|
72
|
+
opacity:var(--bp-opacity-hidden);
|
|
73
|
+
transform:translateY(calc(var(--bp-space-020)*-1 - 100%));
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.bp_notification_stack_module_stack--41829 .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-enter-transition=true]{
|
|
77
|
+
transition-duration:var(--bp-duration-long);
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-bp-exiting=true]{
|
|
81
|
+
opacity:var(--bp-opacity-hidden);
|
|
82
|
+
pointer-events:none;
|
|
83
|
+
transform:translateY(calc(var(--notification-stack-depth, 0)*var(--notification-stack-depth-offset, var(--bp-space-040)))) scale(calc(var(--notification-stack-collapsed-scale)*var(--bp-scale-small)));
|
|
84
|
+
transition-duration:var(--bp-duration-medium);
|
|
85
|
+
transition-timing-function:var(--bp-curve-medium-off);
|
|
86
|
+
z-index:0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.bp_notification_stack_module_stack--41829.bp_notification_stack_module_isExpanded--41829 .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-bp-exiting=true]{
|
|
90
|
+
opacity:var(--bp-opacity-hidden);
|
|
91
|
+
pointer-events:none;
|
|
92
|
+
transform:translateY(var(--notification-stack-expand-offset, 0)) scale(var(--bp-scale-small));
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.bp_notification_stack_module_stack--41829:not(.bp_notification_stack_module_isExpanded--41829) .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-front=true][data-bp-exiting=true][data-bp-exit-reason=escape]{
|
|
96
|
+
opacity:var(--bp-opacity-hidden);
|
|
97
|
+
transform:translateY(calc(var(--bp-space-020)*-1 - 100%));
|
|
98
|
+
z-index:100;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@media (prefers-reduced-motion: reduce){
|
|
102
|
+
.bp_notification_stack_module_stack--41829[data-bp-animated=true],.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true],.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true] > *{
|
|
103
|
+
transition:none;
|
|
104
|
+
}
|
|
105
|
+
.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-entering=true]{
|
|
106
|
+
opacity:var(--bp-opacity-visible);
|
|
107
|
+
transform:none;
|
|
108
|
+
}
|
|
109
|
+
.bp_notification_stack_module_stack--41829:not(.bp_notification_stack_module_isExpanded--41829) .bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-front=true][data-bp-exiting=true][data-bp-exit-reason=escape],.bp_notification_stack_module_stackLayer--41829[data-bp-animated=true][data-bp-exiting=true]{
|
|
110
|
+
opacity:var(--bp-opacity-hidden);
|
|
111
|
+
transform:none;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
.bp_ghost_module_ghost--79836{
|
|
2
115
|
animation:bp_ghost_module_ghost-keyframes--79836 1.2s ease-in-out infinite;
|
|
3
116
|
background-color:var(--bp-surface-ghost-surface);
|
|
4
117
|
border-radius:var(--bp-radius-02);
|
|
@@ -5717,16 +5830,16 @@
|
|
|
5717
5830
|
.bp_list_checkbox_module_checkbox--6d182[data-disabled]{
|
|
5718
5831
|
opacity:var(--checkbox-disabled-opacity);
|
|
5719
5832
|
}
|
|
5720
|
-
.bp_main_module_tableSortingContainer--
|
|
5833
|
+
.bp_main_module_tableSortingContainer--fceb8{
|
|
5721
5834
|
display:flex;
|
|
5722
5835
|
flex-direction:column;
|
|
5723
5836
|
min-width:100%;
|
|
5724
5837
|
}
|
|
5725
5838
|
|
|
5726
|
-
.bp_main_module_resizableTableContainer--
|
|
5839
|
+
.bp_main_module_resizableTableContainer--fceb8{
|
|
5727
5840
|
min-width:100%;
|
|
5728
5841
|
}
|
|
5729
|
-
.bp_main_module_resizableTableContainer--
|
|
5842
|
+
.bp_main_module_resizableTableContainer--fceb8 table{
|
|
5730
5843
|
--item-background:var(--list-item-header-background);
|
|
5731
5844
|
--outline-offset-focus-row:var(--list-item-row-focus-outline-offset);
|
|
5732
5845
|
--outline-offset-focus-cell:var(--list-item-cell-focus-outline-offset);
|
|
@@ -5737,10 +5850,10 @@
|
|
|
5737
5850
|
border-spacing:0;
|
|
5738
5851
|
width:100% !important;
|
|
5739
5852
|
}
|
|
5740
|
-
.bp_main_module_resizableTableContainer--
|
|
5853
|
+
.bp_main_module_resizableTableContainer--fceb8 .bp_main_module_resizableTable--fceb8{
|
|
5741
5854
|
table-layout:fixed !important;
|
|
5742
5855
|
}
|
|
5743
|
-
.bp_main_module_resizableTableContainer--
|
|
5856
|
+
.bp_main_module_resizableTableContainer--fceb8{
|
|
5744
5857
|
--list-item-header-background:var(--bp-surface-surface);
|
|
5745
5858
|
--list-item-header-column-padding:var(--bp-space-020) var(--bp-space-030);
|
|
5746
5859
|
--list-item-border-radius:var(--border-radius-datatable, var(--bp-radius-08));
|
|
@@ -5788,9 +5901,16 @@
|
|
|
5788
5901
|
--list-item-row-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
5789
5902
|
--list-item-drag-opacity:0.6;
|
|
5790
5903
|
--list-item-undroppable-opacity:0.5;
|
|
5904
|
+
--list-item-row-highlight-background:var(--bp-surface-inline-notice-surface-success);
|
|
5905
|
+
--list-item-row-highlight-duration:3s;
|
|
5791
5906
|
}
|
|
5792
5907
|
|
|
5793
|
-
|
|
5908
|
+
@keyframes bp_main_module_rowHighlight--fceb8{
|
|
5909
|
+
from{
|
|
5910
|
+
background-color:var(--list-item-row-highlight-background);
|
|
5911
|
+
}
|
|
5912
|
+
}
|
|
5913
|
+
.bp_main_module_tableHeader--fceb8{
|
|
5794
5914
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5795
5915
|
font-size:var(--bp-font-size-03);
|
|
5796
5916
|
font-style:normal;
|
|
@@ -5798,7 +5918,7 @@
|
|
|
5798
5918
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
5799
5919
|
line-height:var(--bp-font-line-height-02);
|
|
5800
5920
|
}
|
|
5801
|
-
:where(body.is-inter-font) .bp_main_module_tableHeader--
|
|
5921
|
+
:where(body.is-inter-font) .bp_main_module_tableHeader--fceb8{
|
|
5802
5922
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
5803
5923
|
font-size:.75rem;
|
|
5804
5924
|
font-style:normal;
|
|
@@ -5809,67 +5929,67 @@
|
|
|
5809
5929
|
text-transform:none;
|
|
5810
5930
|
}
|
|
5811
5931
|
|
|
5812
|
-
.bp_main_module_tableHeader--
|
|
5932
|
+
.bp_main_module_tableHeader--fceb8 tr > th{
|
|
5813
5933
|
font-weight:var(--bp-font-weight-regular);
|
|
5814
5934
|
overflow:hidden;
|
|
5815
5935
|
padding:0;
|
|
5816
5936
|
text-overflow:ellipsis;
|
|
5817
5937
|
white-space:nowrap;
|
|
5818
5938
|
}
|
|
5819
|
-
.bp_main_module_tableHeader--
|
|
5939
|
+
.bp_main_module_tableHeader--fceb8 tr > th:first-child{
|
|
5820
5940
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5821
5941
|
}
|
|
5822
|
-
.bp_main_module_tableHeader--
|
|
5942
|
+
.bp_main_module_tableHeader--fceb8 tr > th:last-child{
|
|
5823
5943
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5824
5944
|
}
|
|
5825
|
-
.bp_main_module_tableHeader--
|
|
5945
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8{
|
|
5826
5946
|
color:var(--list-item-header-text-color-unsorted);
|
|
5827
5947
|
outline:none;
|
|
5828
5948
|
overflow:visible;
|
|
5829
5949
|
text-align:left;
|
|
5830
5950
|
}
|
|
5831
|
-
.bp_main_module_tableHeader--
|
|
5951
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8{
|
|
5832
5952
|
align-items:center;
|
|
5833
5953
|
display:flex;
|
|
5834
5954
|
flex:1 0 0;
|
|
5835
5955
|
gap:var(--list-item-header-gap);
|
|
5836
5956
|
overflow:hidden;
|
|
5837
5957
|
}
|
|
5838
|
-
.bp_main_module_tableHeader--
|
|
5958
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8 .bp_main_module_columnName--fceb8{
|
|
5839
5959
|
min-width:0;
|
|
5840
5960
|
overflow:hidden;
|
|
5841
5961
|
text-overflow:ellipsis;
|
|
5842
5962
|
white-space:nowrap;
|
|
5843
5963
|
}
|
|
5844
|
-
.bp_main_module_tableHeader--
|
|
5964
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8:focus-visible{
|
|
5845
5965
|
outline:none;
|
|
5846
5966
|
}
|
|
5847
|
-
.bp_main_module_tableHeader--
|
|
5967
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnNameWrapper--fceb8.bp_main_module_focusVisible--fceb8{
|
|
5848
5968
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5849
5969
|
outline:var(--list-item-header-column-focus-outline);
|
|
5850
5970
|
outline-offset:var(--list-item-header-column-focus-outline-offset);
|
|
5851
5971
|
}
|
|
5852
|
-
.bp_main_module_tableHeader--
|
|
5972
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8[colspan]{
|
|
5853
5973
|
text-align:center;
|
|
5854
5974
|
}
|
|
5855
|
-
.bp_main_module_tableHeader--
|
|
5975
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_rotateArrow--fceb8{
|
|
5856
5976
|
transform:rotateX(180deg);
|
|
5857
5977
|
}
|
|
5858
|
-
.bp_main_module_tableHeader--
|
|
5978
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_sorted--fceb8{
|
|
5859
5979
|
color:var(--list-item-header-text-color-sorted);
|
|
5860
5980
|
font-weight:bold;
|
|
5861
5981
|
}
|
|
5862
|
-
.bp_main_module_tableHeader--
|
|
5982
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_sortingFlexWrapper--fceb8{
|
|
5863
5983
|
align-items:center;
|
|
5864
5984
|
display:flex;
|
|
5865
5985
|
gap:var(--list-item-header-gap);
|
|
5866
5986
|
padding:var(--list-item-header-column-padding);
|
|
5867
5987
|
position:relative;
|
|
5868
5988
|
}
|
|
5869
|
-
.bp_main_module_tableHeader--
|
|
5989
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_sortingFlexWrapper--fceb8 svg{
|
|
5870
5990
|
flex-shrink:0;
|
|
5871
5991
|
}
|
|
5872
|
-
.bp_main_module_tableHeader--
|
|
5992
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8{
|
|
5873
5993
|
background-color:var(--list-item-header-column-resizer-background-color);
|
|
5874
5994
|
flex:0 0 auto;
|
|
5875
5995
|
height:var(--list-item-header-column-resizer-height);
|
|
@@ -5878,55 +5998,55 @@
|
|
|
5878
5998
|
touch-action:none;
|
|
5879
5999
|
width:var(--list-item-header-column-resizer-width);
|
|
5880
6000
|
}
|
|
5881
|
-
.bp_main_module_tableHeader--
|
|
6001
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizable-direction=both]{
|
|
5882
6002
|
cursor:ew-resize;
|
|
5883
6003
|
}
|
|
5884
|
-
.bp_main_module_tableHeader--
|
|
6004
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizable-direction=left]{
|
|
5885
6005
|
cursor:e-resize;
|
|
5886
6006
|
}
|
|
5887
|
-
.bp_main_module_tableHeader--
|
|
6007
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizable-direction=right]{
|
|
5888
6008
|
cursor:w-resize;
|
|
5889
6009
|
}
|
|
5890
|
-
.bp_main_module_tableHeader--
|
|
6010
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-focus-visible]{
|
|
5891
6011
|
border-radius:var(--list-item-header-column-focus-outline-radius);
|
|
5892
6012
|
outline:var(--list-item-header-column-resizer-outline);
|
|
5893
6013
|
outline-offset:var(--list-item-header-column-resizer-outline-offset);
|
|
5894
6014
|
}
|
|
5895
|
-
.bp_main_module_tableHeader--
|
|
6015
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8 .bp_main_module_columnResizer--fceb8[data-resizing]{
|
|
5896
6016
|
background-color:var(--list-item-header-column-resizer-background-color-active);
|
|
5897
6017
|
}
|
|
5898
|
-
.bp_main_module_tableHeader--
|
|
6018
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8:last-of-type .bp_main_module_columnResizer--fceb8{
|
|
5899
6019
|
display:none;
|
|
5900
6020
|
}
|
|
5901
|
-
.bp_main_module_tableHeader--
|
|
6021
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8:hover:not([data-sort-direction])[data-allows-sorting],.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8[data-focus-visible]:not([data-sort-direction])[data-allows-sorting]{
|
|
5902
6022
|
color:var(--list-item-header-text-color-sorted);
|
|
5903
6023
|
font-weight:bold;
|
|
5904
6024
|
}
|
|
5905
|
-
.bp_main_module_tableHeader--
|
|
6025
|
+
.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8:hover:not([data-sort-direction]) svg,.bp_main_module_tableHeader--fceb8 .bp_main_module_column--fceb8[data-focus-visible]:not([data-sort-direction]) svg{
|
|
5906
6026
|
transform:rotateX(180deg);
|
|
5907
6027
|
visibility:visible;
|
|
5908
6028
|
}
|
|
5909
6029
|
|
|
5910
|
-
.bp_main_module_dropdownHeaderContainer--
|
|
6030
|
+
.bp_main_module_dropdownHeaderContainer--fceb8{
|
|
5911
6031
|
margin-bottom:var(--list-item-dropdown-header-margin-bottom);
|
|
5912
6032
|
}
|
|
5913
6033
|
|
|
5914
|
-
.bp_main_module_column--
|
|
6034
|
+
.bp_main_module_column--fceb8.bp_main_module_droppableColumn--fceb8{
|
|
5915
6035
|
min-width:160px;
|
|
5916
6036
|
}
|
|
5917
6037
|
|
|
5918
|
-
.bp_main_module_column--
|
|
6038
|
+
.bp_main_module_column--fceb8.bp_main_module_actionColumn--fceb8{
|
|
5919
6039
|
min-width:1px;
|
|
5920
6040
|
}
|
|
5921
6041
|
|
|
5922
|
-
.bp_main_module_column--
|
|
6042
|
+
.bp_main_module_column--fceb8.bp_main_module_hiddenColumn--fceb8{
|
|
5923
6043
|
display:none;
|
|
5924
6044
|
}
|
|
5925
6045
|
|
|
5926
|
-
.bp_main_module_tableBody--
|
|
6046
|
+
.bp_main_module_tableBody--fceb8[data-empty]{
|
|
5927
6047
|
text-align:center;
|
|
5928
6048
|
}
|
|
5929
|
-
.bp_main_module_tableBody--
|
|
6049
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8{
|
|
5930
6050
|
background:var(--list-item-row-background);
|
|
5931
6051
|
border-radius:var(--list-item-row-border-radius);
|
|
5932
6052
|
color:var(--list-item-row-text-color);
|
|
@@ -5937,7 +6057,7 @@
|
|
|
5937
6057
|
position:relative;
|
|
5938
6058
|
transform:translateZ(0);
|
|
5939
6059
|
}
|
|
5940
|
-
.bp_main_module_tableBody--
|
|
6060
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8::after{
|
|
5941
6061
|
background:#0000;
|
|
5942
6062
|
border-top:var(--list-item-row-divider);
|
|
5943
6063
|
box-sizing:border-box;
|
|
@@ -5950,20 +6070,20 @@
|
|
|
5950
6070
|
width:100%;
|
|
5951
6071
|
z-index:999;
|
|
5952
6072
|
}
|
|
5953
|
-
.bp_main_module_tableBody--
|
|
6073
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true]{
|
|
5954
6074
|
--list-item-row-background:var(--list-item-row-background-selected);
|
|
5955
6075
|
}
|
|
5956
|
-
.bp_main_module_tableBody--
|
|
6076
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true]::after{
|
|
5957
6077
|
border:var(--list-item-row-background-selected-border);
|
|
5958
6078
|
border-radius:var(--list-item-row-border-radius);
|
|
5959
6079
|
}
|
|
5960
|
-
.bp_main_module_tableBody--
|
|
6080
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
5961
6081
|
opacity:1;
|
|
5962
6082
|
}
|
|
5963
|
-
.bp_main_module_tableBody--
|
|
6083
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[aria-selected=true] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8{
|
|
5964
6084
|
display:none;
|
|
5965
6085
|
}
|
|
5966
|
-
.bp_main_module_tableBody--
|
|
6086
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8{
|
|
5967
6087
|
max-width:0;
|
|
5968
6088
|
outline:none;
|
|
5969
6089
|
overflow:hidden;
|
|
@@ -5973,25 +6093,25 @@
|
|
|
5973
6093
|
transform:translateZ(0);
|
|
5974
6094
|
white-space:nowrap;
|
|
5975
6095
|
}
|
|
5976
|
-
.bp_main_module_tableBody--
|
|
6096
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8[data-focus-visible]{
|
|
5977
6097
|
outline:var(--list-item-cell-focus-outline);
|
|
5978
6098
|
outline-offset:var(--list-item-cell-focus-outline-offset);
|
|
5979
6099
|
position:relative;
|
|
5980
6100
|
}
|
|
5981
|
-
.bp_main_module_tableBody--
|
|
6101
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8:first-child{
|
|
5982
6102
|
border-radius:var(--list-item-first-column-item-radius);
|
|
5983
6103
|
}
|
|
5984
|
-
.bp_main_module_tableBody--
|
|
6104
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8:last-child{
|
|
5985
6105
|
border-radius:var(--list-item-last-column-item-radius);
|
|
5986
6106
|
}
|
|
5987
|
-
.bp_main_module_tableBody--
|
|
6107
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8.bp_main_module_actions--fceb8{
|
|
5988
6108
|
overflow:unset;
|
|
5989
6109
|
padding:0;
|
|
5990
6110
|
position:sticky;
|
|
5991
6111
|
right:0;
|
|
5992
6112
|
width:var(--list-item-cell-actions-width);
|
|
5993
6113
|
}
|
|
5994
|
-
.bp_main_module_tableBody--
|
|
6114
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
5995
6115
|
align-items:center;
|
|
5996
6116
|
background:var(--list-item-row-background);
|
|
5997
6117
|
bottom:0;
|
|
@@ -6005,7 +6125,7 @@
|
|
|
6005
6125
|
right:var(--list-item-cell-actions-right-offset);
|
|
6006
6126
|
top:0;
|
|
6007
6127
|
}
|
|
6008
|
-
.bp_main_module_tableBody--
|
|
6128
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8::before{
|
|
6009
6129
|
background:linear-gradient(to left, var(--list-item-row-background), #0000);
|
|
6010
6130
|
bottom:0;
|
|
6011
6131
|
content:"";
|
|
@@ -6016,93 +6136,101 @@
|
|
|
6016
6136
|
width:var(--list-item-cell-actions-fade-width);
|
|
6017
6137
|
z-index:0;
|
|
6018
6138
|
}
|
|
6019
|
-
.bp_main_module_tableBody--
|
|
6139
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8.bp_main_module_alwaysShowSelection--fceb8{
|
|
6020
6140
|
opacity:1;
|
|
6021
6141
|
}
|
|
6022
|
-
.bp_main_module_tableBody--
|
|
6142
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8.bp_main_module_alwaysShowSelection--fceb8 .bp_main_module_actionChildren--fceb8{
|
|
6023
6143
|
display:none;
|
|
6024
6144
|
}
|
|
6025
|
-
.bp_main_module_tableBody--
|
|
6145
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8[data-state=open]{
|
|
6026
6146
|
opacity:1;
|
|
6027
6147
|
}
|
|
6028
|
-
.bp_main_module_tableBody--
|
|
6148
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8[data-state=open] .bp_main_module_actionChildren--fceb8{
|
|
6029
6149
|
display:block;
|
|
6030
6150
|
}
|
|
6031
|
-
.bp_main_module_tableBody--
|
|
6151
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8 .bp_main_module_cell--fceb8.bp_main_module_isCellHidden--fceb8{
|
|
6032
6152
|
display:none;
|
|
6033
6153
|
}
|
|
6034
|
-
.bp_main_module_tableBody--
|
|
6154
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6155
|
+
animation:bp_main_module_rowHighlight--fceb8 var(--list-item-row-highlight-duration) ease-out;
|
|
6156
|
+
}
|
|
6157
|
+
@media (prefers-reduced-motion: reduce){
|
|
6158
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8.bp_main_module_highlighted--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6159
|
+
animation-timing-function:step-end;
|
|
6160
|
+
}
|
|
6161
|
+
}
|
|
6162
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-dragging]{
|
|
6035
6163
|
opacity:var(--list-item-drag-opacity);
|
|
6036
6164
|
transform:translateZ(0);
|
|
6037
6165
|
}
|
|
6038
|
-
.bp_main_module_tableBody--
|
|
6166
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]{
|
|
6039
6167
|
outline:var(--list-item-row-focus-outline);
|
|
6040
6168
|
outline-offset:var(--list-item-row-focus-outline-offset);
|
|
6041
6169
|
}
|
|
6042
|
-
.bp_main_module_tableBody--
|
|
6170
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible][aria-selected=true]{
|
|
6043
6171
|
background:var(--list-item-row-background);
|
|
6044
6172
|
outline-offset:var(--list-item-row-outline-offset-focus-and-selected);
|
|
6045
6173
|
}
|
|
6046
|
-
.bp_main_module_tableBody--
|
|
6174
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:last-child::after{
|
|
6047
6175
|
border-bottom:var(--border-1) solid var(--gray-10);
|
|
6048
6176
|
}
|
|
6049
|
-
.bp_main_module_tableBody--
|
|
6177
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:last-child[aria-selected=true]::after{
|
|
6050
6178
|
border-bottom:var(--list-item-row-background-selected-border);
|
|
6051
6179
|
}
|
|
6052
|
-
.bp_main_module_tableBody--
|
|
6180
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]),.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible],.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]{
|
|
6053
6181
|
z-index:1;
|
|
6054
6182
|
}
|
|
6055
|
-
.bp_main_module_tableBody--
|
|
6183
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]):not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]:not([aria-selected=true])::after{
|
|
6056
6184
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6057
6185
|
border-radius:var(--list-item-border-radius);
|
|
6058
6186
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6059
6187
|
box-shadow:var(--dropshadow-2);
|
|
6060
6188
|
}
|
|
6061
|
-
.bp_main_module_tableBody--
|
|
6189
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]):last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]:last-child:not([aria-selected=true])::after,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]:last-child:not([aria-selected=true])::after{
|
|
6062
6190
|
border-bottom:var(--list-item-row-hover-after-element-border);
|
|
6063
6191
|
}
|
|
6064
|
-
.bp_main_module_tableBody--
|
|
6192
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]) + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered] + :not([data-hovered], [data-focus-visible], [aria-selected=true])::after{
|
|
6065
6193
|
border-top:var(--list-item-row-hover-after-element-border);
|
|
6066
6194
|
}
|
|
6067
|
-
.bp_main_module_tableBody--
|
|
6195
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within[data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within[data-pressed] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true])[data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true])[data-pressed] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible][data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible][data-pressed] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered][data-dragging] .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered][data-pressed] .bp_main_module_actionsWrapper--fceb8{
|
|
6068
6196
|
opacity:1;
|
|
6069
6197
|
}
|
|
6070
|
-
.bp_main_module_tableBody--
|
|
6198
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]):not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible]:not(:is([data-focus-visible], [aria-selected=true]))::after, .bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered]:not(:is([data-focus-visible], [aria-selected=true]))::after{
|
|
6071
6199
|
border:var(--list-item-row-border-hover);
|
|
6072
6200
|
border-radius:var(--list-item-border-radius);
|
|
6073
6201
|
}
|
|
6074
|
-
.bp_main_module_tableBody--
|
|
6202
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]) .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8{
|
|
6075
6203
|
opacity:1;
|
|
6076
6204
|
}
|
|
6077
|
-
.bp_main_module_tableBody--
|
|
6205
|
+
.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:focus-within .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8:has([aria-expanded=true]) .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-focus-visible] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8,.bp_main_module_tableBody--fceb8 .bp_main_module_row--fceb8[data-hovered] .bp_main_module_cell--fceb8 .bp_main_module_actionsWrapper--fceb8 .bp_main_module_actionChildren--fceb8{
|
|
6078
6206
|
display:block;
|
|
6079
6207
|
}
|
|
6080
|
-
.bp_main_module_tableBody--
|
|
6208
|
+
.bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8:not(.bp_main_module_droppableTarget--fceb8){
|
|
6081
6209
|
opacity:var(--list-item-undroppable-opacity);
|
|
6082
6210
|
}
|
|
6083
|
-
.bp_main_module_tableBody--
|
|
6211
|
+
.bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-dragging]{
|
|
6084
6212
|
opacity:var(--list-item-drag-opacity);
|
|
6085
6213
|
}
|
|
6086
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6214
|
+
.bp_main_module_rowDraggingHighlighted--fceb8 .bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-drop-target]{
|
|
6087
6215
|
--list-item-row-background:var(--list-item-row-drop-target-background);
|
|
6088
6216
|
}
|
|
6089
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6217
|
+
.bp_main_module_rowDraggingHighlighted--fceb8 .bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-drop-target]::after{
|
|
6090
6218
|
border:var(--list-item-row-drop-target-border);
|
|
6091
6219
|
border-radius:var(--list-item-row-border-radius);
|
|
6092
6220
|
box-shadow:none;
|
|
6093
6221
|
}
|
|
6094
|
-
.bp_main_module_rowDraggingHighlighted--
|
|
6222
|
+
.bp_main_module_rowDraggingHighlighted--fceb8 .bp_main_module_tableBody--fceb8:has(.bp_main_module_row--fceb8[data-dragging]) .bp_main_module_row--fceb8[data-dragging][aria-selected=true]::after{
|
|
6095
6223
|
border:var(--list-item-row-background-selected-border);
|
|
6096
6224
|
border-radius:var(--list-item-row-border-radius);
|
|
6097
6225
|
box-shadow:none;
|
|
6098
6226
|
}
|
|
6099
6227
|
@supports selector(:has(*)){
|
|
6100
|
-
.bp_main_module_row--
|
|
6228
|
+
.bp_main_module_row--fceb8[aria-selected=true] + .bp_main_module_dropIndicator--fceb8 + [aria-selected=true]::after,.bp_main_module_row--fceb8[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fceb8:first-child,.bp_main_module_row--fceb8[aria-selected=true] + [aria-selected=true] .bp_main_module_cell--fceb8:last-child,.bp_main_module_row--fceb8[aria-selected=true] + [aria-selected=true]::after{
|
|
6101
6229
|
border-start-end-radius:0;
|
|
6102
6230
|
border-start-start-radius:0;
|
|
6103
6231
|
border-top-width:var(--border-1);
|
|
6104
6232
|
}
|
|
6105
|
-
.bp_main_module_row--
|
|
6233
|
+
.bp_main_module_row--fceb8[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fceb8 + [aria-selected=true]) .bp_main_module_cell--fceb8:last-child,.bp_main_module_row--fceb8[aria-selected=true]:has(+ .bp_main_module_dropIndicator--fceb8 + [aria-selected=true])::after,.bp_main_module_row--fceb8[aria-selected=true]:has(+ [aria-selected=true]) .bp_main_module_cell--fceb8:first-child,.bp_main_module_row--fceb8[aria-selected=true]:has(+ [aria-selected=true])::after{
|
|
6106
6234
|
border-bottom-width:var(--border-1);
|
|
6107
6235
|
border-end-end-radius:0;
|
|
6108
6236
|
border-end-start-radius:0;
|
|
@@ -6842,7 +6970,7 @@
|
|
|
6842
6970
|
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
6843
6971
|
fill:currentcolor;
|
|
6844
6972
|
}
|
|
6845
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6973
|
+
.bp_base_grid_list_item_module_smallList--c86e5{
|
|
6846
6974
|
--small-list-gap:var(--bp-space-020);
|
|
6847
6975
|
--small-list-padding:initial;
|
|
6848
6976
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6875,7 +7003,7 @@
|
|
|
6875
7003
|
padding:var(--small-list-padding);
|
|
6876
7004
|
width:auto;
|
|
6877
7005
|
}
|
|
6878
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7006
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5{
|
|
6879
7007
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6880
7008
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6881
7009
|
--item-background:var(--small-list-item-background);
|
|
@@ -6894,11 +7022,11 @@
|
|
|
6894
7022
|
transform:translateZ(0);
|
|
6895
7023
|
width:auto;
|
|
6896
7024
|
}
|
|
6897
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7025
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
6898
7026
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6899
7027
|
grid-template-rows:100% 0;
|
|
6900
7028
|
}
|
|
6901
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7029
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
6902
7030
|
align-items:center;
|
|
6903
7031
|
aspect-ratio:1;
|
|
6904
7032
|
display:flex;
|
|
@@ -6907,13 +7035,13 @@
|
|
|
6907
7035
|
overflow:hidden;
|
|
6908
7036
|
z-index:1;
|
|
6909
7037
|
}
|
|
6910
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7038
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_thumbnailContent--c86e5 img,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_thumbnailContent--c86e5 svg{
|
|
6911
7039
|
height:100%;
|
|
6912
7040
|
object-fit:cover;
|
|
6913
7041
|
object-position:left;
|
|
6914
7042
|
width:100%;
|
|
6915
7043
|
}
|
|
6916
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7044
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
6917
7045
|
color:var(--small-list-header-color);
|
|
6918
7046
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6919
7047
|
font-size:var(--bp-font-size-05);
|
|
@@ -6923,7 +7051,7 @@
|
|
|
6923
7051
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6924
7052
|
line-height:var(--bp-font-line-height-04);
|
|
6925
7053
|
}
|
|
6926
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7054
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
6927
7055
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6928
7056
|
font-size:.875rem;
|
|
6929
7057
|
font-style:normal;
|
|
@@ -6934,11 +7062,11 @@
|
|
|
6934
7062
|
text-transform:none;
|
|
6935
7063
|
}
|
|
6936
7064
|
|
|
6937
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7065
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
6938
7066
|
align-items:center;
|
|
6939
7067
|
display:flex;
|
|
6940
7068
|
}
|
|
6941
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7069
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
6942
7070
|
color:var(--small-list-subtitle-color);
|
|
6943
7071
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6944
7072
|
font-size:var(--bp-font-size-03);
|
|
@@ -6948,7 +7076,7 @@
|
|
|
6948
7076
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6949
7077
|
line-height:var(--bp-font-line-height-02);
|
|
6950
7078
|
}
|
|
6951
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7079
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
6952
7080
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6953
7081
|
font-size:.75rem;
|
|
6954
7082
|
font-style:normal;
|
|
@@ -6959,17 +7087,17 @@
|
|
|
6959
7087
|
text-transform:none;
|
|
6960
7088
|
}
|
|
6961
7089
|
|
|
6962
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7090
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
6963
7091
|
display:inline-block;
|
|
6964
7092
|
overflow:hidden;
|
|
6965
7093
|
text-overflow:ellipsis;
|
|
6966
7094
|
white-space:nowrap;
|
|
6967
7095
|
}
|
|
6968
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7096
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5:not(:has(.bp_base_grid_list_item_module_header--c86e5)),.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5:not(:has(.bp_base_grid_list_item_module_subtitle--c86e5)){
|
|
6969
7097
|
grid-template-rows:100% 0;
|
|
6970
7098
|
row-gap:0;
|
|
6971
7099
|
}
|
|
6972
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7100
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
6973
7101
|
align-items:center;
|
|
6974
7102
|
display:flex;
|
|
6975
7103
|
grid-area:actions;
|
|
@@ -6979,11 +7107,11 @@
|
|
|
6979
7107
|
padding-right:0;
|
|
6980
7108
|
}
|
|
6981
7109
|
@media (pointer: coarse){
|
|
6982
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7110
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
6983
7111
|
--actions-opacity:1;
|
|
6984
7112
|
}
|
|
6985
7113
|
}
|
|
6986
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7114
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
6987
7115
|
align-items:center;
|
|
6988
7116
|
background:var(--item-background);
|
|
6989
7117
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6992,10 +7120,10 @@
|
|
|
6992
7120
|
justify-content:center;
|
|
6993
7121
|
width:var(--small-list-selection-width);
|
|
6994
7122
|
}
|
|
6995
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7123
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
6996
7124
|
background:var(--small-list-selection-hover-background);
|
|
6997
7125
|
}
|
|
6998
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7126
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
6999
7127
|
align-items:center;
|
|
7000
7128
|
border-radius:var(--small-list-inner-border-radius);
|
|
7001
7129
|
display:flex;
|
|
@@ -7003,17 +7131,17 @@
|
|
|
7003
7131
|
justify-content:flex-end;
|
|
7004
7132
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
7005
7133
|
}
|
|
7006
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7134
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5:last-child{
|
|
7007
7135
|
margin-inline-end:0;
|
|
7008
7136
|
}
|
|
7009
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7137
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--c86e5{
|
|
7010
7138
|
display:flex;
|
|
7011
7139
|
}
|
|
7012
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7140
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5:hover,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-focused],.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-hovered]{
|
|
7013
7141
|
--actions-opacity:1;
|
|
7014
7142
|
background:var(--item-hover);
|
|
7015
7143
|
}
|
|
7016
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7144
|
+
.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-active-item]::before,.bp_base_grid_list_item_module_smallList--c86e5 .bp_base_grid_list_item_module_smallListItem--c86e5[data-focus-visible]::before{
|
|
7017
7145
|
--actions-opacity:1;
|
|
7018
7146
|
border-radius:var(--small-list-focus-outline-radius);
|
|
7019
7147
|
content:"";
|
|
@@ -7027,7 +7155,7 @@
|
|
|
7027
7155
|
width:100%;
|
|
7028
7156
|
}
|
|
7029
7157
|
|
|
7030
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7158
|
+
.bp_base_grid_list_item_module_largeList--c86e5{
|
|
7031
7159
|
--large-list-gap:var(--bp-space-005);
|
|
7032
7160
|
--large-list-padding:var(--bp-space-010);
|
|
7033
7161
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -7085,7 +7213,7 @@
|
|
|
7085
7213
|
overflow:auto;
|
|
7086
7214
|
padding:var(--large-list-padding);
|
|
7087
7215
|
}
|
|
7088
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7216
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5{
|
|
7089
7217
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
7090
7218
|
--actions-opacity:0;
|
|
7091
7219
|
--item-background:var(--large-list-item-background);
|
|
@@ -7101,18 +7229,18 @@
|
|
|
7101
7229
|
position:relative;
|
|
7102
7230
|
transform:translateZ(0);
|
|
7103
7231
|
}
|
|
7104
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7232
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7105
7233
|
grid-template-rows:1fr 1fr 1fr;
|
|
7106
7234
|
}
|
|
7107
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7235
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:focus-within{
|
|
7108
7236
|
--actions-opacity:1;
|
|
7109
7237
|
}
|
|
7110
7238
|
@media (max-width: 374px){
|
|
7111
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7239
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5{
|
|
7112
7240
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
7113
7241
|
}
|
|
7114
7242
|
}
|
|
7115
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7243
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7116
7244
|
aspect-ratio:4/3;
|
|
7117
7245
|
border:var(--large-list-item-thumbnail-border);
|
|
7118
7246
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -7120,24 +7248,24 @@
|
|
|
7120
7248
|
overflow:hidden;
|
|
7121
7249
|
z-index:1;
|
|
7122
7250
|
}
|
|
7123
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7251
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7124
7252
|
height:100%;
|
|
7125
7253
|
object-fit:cover;
|
|
7126
7254
|
object-position:left;
|
|
7127
7255
|
width:100%;
|
|
7128
7256
|
}
|
|
7129
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7257
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7130
7258
|
border:none;
|
|
7131
7259
|
}
|
|
7132
7260
|
@media (max-width: 374px){
|
|
7133
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7261
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7134
7262
|
aspect-ratio:1/1;
|
|
7135
7263
|
}
|
|
7136
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7264
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7137
7265
|
object-fit:contain;
|
|
7138
7266
|
}
|
|
7139
7267
|
}
|
|
7140
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7268
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7141
7269
|
align-items:center;
|
|
7142
7270
|
display:flex;
|
|
7143
7271
|
height:var(--large-list-item-actions-height);
|
|
@@ -7149,11 +7277,11 @@
|
|
|
7149
7277
|
top:var(--large-list-item-actions-top);
|
|
7150
7278
|
}
|
|
7151
7279
|
@media (pointer: coarse){
|
|
7152
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7280
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7153
7281
|
--actions-opacity:1;
|
|
7154
7282
|
}
|
|
7155
7283
|
}
|
|
7156
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7284
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7157
7285
|
align-items:center;
|
|
7158
7286
|
background:var(--item-background);
|
|
7159
7287
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -7162,15 +7290,15 @@
|
|
|
7162
7290
|
justify-content:center;
|
|
7163
7291
|
width:var(--large-list-item-selection-width);
|
|
7164
7292
|
}
|
|
7165
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7293
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7166
7294
|
background:var(--large-list-item-selection-hover-background);
|
|
7167
7295
|
}
|
|
7168
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7296
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_fade--c86e5{
|
|
7169
7297
|
align-self:stretch;
|
|
7170
7298
|
background:var(--large-list-item-fade-background);
|
|
7171
7299
|
width:var(--large-list-item-fade-width);
|
|
7172
7300
|
}
|
|
7173
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7301
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7174
7302
|
align-items:center;
|
|
7175
7303
|
background:var(--item-background);
|
|
7176
7304
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -7179,14 +7307,14 @@
|
|
|
7179
7307
|
justify-content:flex-end;
|
|
7180
7308
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
7181
7309
|
}
|
|
7182
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7310
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5:last-child{
|
|
7183
7311
|
margin-inline-end:0;
|
|
7184
7312
|
}
|
|
7185
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7313
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--c86e5{
|
|
7186
7314
|
background:var(--item-background);
|
|
7187
7315
|
display:flex;
|
|
7188
7316
|
}
|
|
7189
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7317
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7190
7318
|
align-items:center;
|
|
7191
7319
|
color:var(--large-list-item-header-color);
|
|
7192
7320
|
display:inline-flex;
|
|
@@ -7203,7 +7331,7 @@
|
|
|
7203
7331
|
text-transform:var(--body-default-semibold-text-case);
|
|
7204
7332
|
white-space:nowrap;
|
|
7205
7333
|
}
|
|
7206
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7334
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7207
7335
|
align-items:center;
|
|
7208
7336
|
color:var(--large-list-item-subtitle-color);
|
|
7209
7337
|
display:flex;
|
|
@@ -7218,7 +7346,7 @@
|
|
|
7218
7346
|
text-transform:var(--caption-default-text-case);
|
|
7219
7347
|
white-space:nowrap;
|
|
7220
7348
|
}
|
|
7221
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7349
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_description--c86e5{
|
|
7222
7350
|
-webkit-box-orient:vertical;
|
|
7223
7351
|
-webkit-line-clamp:3;
|
|
7224
7352
|
color:var(--large-list-item-description-color);
|
|
@@ -7235,12 +7363,12 @@
|
|
|
7235
7363
|
text-decoration:var(--body-default-text-decoration);
|
|
7236
7364
|
text-transform:var(--body-default-text-case);
|
|
7237
7365
|
}
|
|
7238
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7366
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_snippet--c86e5{
|
|
7239
7367
|
grid-area:description;
|
|
7240
7368
|
margin:0;
|
|
7241
7369
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
7242
7370
|
}
|
|
7243
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7371
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5 .bp_base_grid_list_item_module_snippet--c86e5 .bp_base_grid_list_item_module_snippetContent--c86e5{
|
|
7244
7372
|
-webkit-box-orient:vertical;
|
|
7245
7373
|
-webkit-line-clamp:2;
|
|
7246
7374
|
border:var(--large-list-item-snippet-border);
|
|
@@ -7259,19 +7387,19 @@
|
|
|
7259
7387
|
text-decoration:var(--body-default-text-decoration);
|
|
7260
7388
|
text-transform:var(--body-default-text-case);
|
|
7261
7389
|
}
|
|
7262
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7390
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:hover,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focused],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-hovered]{
|
|
7263
7391
|
border-radius:var(--large-list-item-border-radius);
|
|
7264
7392
|
}
|
|
7265
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7393
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:hover,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focused],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-hovered]{
|
|
7266
7394
|
--actions-opacity:1;
|
|
7267
7395
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
7268
7396
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
7269
7397
|
outline:var(--large-list-item-hover-outline);
|
|
7270
7398
|
}
|
|
7271
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7399
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5:not([aria-selected=true])[data-hovered]{
|
|
7272
7400
|
--item-background:var(--large-list-item-hover-background);
|
|
7273
7401
|
}
|
|
7274
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7402
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-active-item]::before,.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[data-focus-visible]::before{
|
|
7275
7403
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
7276
7404
|
content:"";
|
|
7277
7405
|
display:block;
|
|
@@ -7283,7 +7411,7 @@
|
|
|
7283
7411
|
top:0;
|
|
7284
7412
|
width:100%;
|
|
7285
7413
|
}
|
|
7286
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7414
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]{
|
|
7287
7415
|
--actions-opacity:1;
|
|
7288
7416
|
--item-background:var(--large-list-item-selected-background);
|
|
7289
7417
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
@@ -7291,25 +7419,25 @@
|
|
|
7291
7419
|
outline:var(--large-list-item-selected-outline);
|
|
7292
7420
|
z-index:2;
|
|
7293
7421
|
}
|
|
7294
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7422
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true] .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_fade--c86e5{
|
|
7295
7423
|
background:var(--large-list-item-selected-fade-background);
|
|
7296
7424
|
}
|
|
7297
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7425
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7298
7426
|
display:none;
|
|
7299
7427
|
}
|
|
7300
7428
|
@supports selector(:has(.foo)){
|
|
7301
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7429
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--c86e5 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true]:has(+ [aria-selected=true]){
|
|
7302
7430
|
border-end-end-radius:0;
|
|
7303
7431
|
border-end-start-radius:0;
|
|
7304
7432
|
}
|
|
7305
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7433
|
+
.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--c86e5 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--c86e5 .bp_base_grid_list_item_module_largeListItem--c86e5[aria-selected=true] + [aria-selected=true]{
|
|
7306
7434
|
border-start-end-radius:0;
|
|
7307
7435
|
border-start-start-radius:0;
|
|
7308
7436
|
border-top:none;
|
|
7309
7437
|
}
|
|
7310
7438
|
}
|
|
7311
7439
|
|
|
7312
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7440
|
+
.bp_base_grid_list_item_module_gridList--c86e5{
|
|
7313
7441
|
--grid-list-minimum-item-width:188px;
|
|
7314
7442
|
--grid-list-gap:var(--bp-space-040);
|
|
7315
7443
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -7358,7 +7486,7 @@
|
|
|
7358
7486
|
overflow:auto;
|
|
7359
7487
|
padding:var(--grid-list-padding);
|
|
7360
7488
|
}
|
|
7361
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7489
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5{
|
|
7362
7490
|
--actions-opacity:0;
|
|
7363
7491
|
--item-background:var(--grid-list-item-background);
|
|
7364
7492
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -7376,15 +7504,15 @@
|
|
|
7376
7504
|
row-gap:var(--row-gap);
|
|
7377
7505
|
transform:translateZ(0);
|
|
7378
7506
|
}
|
|
7379
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7507
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5:focus-within{
|
|
7380
7508
|
--actions-opacity:1;
|
|
7381
7509
|
}
|
|
7382
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7510
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_statusPin--c86e5{
|
|
7383
7511
|
left:var(--grid-list-item-status-pin-left);
|
|
7384
7512
|
position:absolute;
|
|
7385
7513
|
top:var(--grid-list-item-status-pin-top);
|
|
7386
7514
|
}
|
|
7387
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7515
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7388
7516
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
7389
7517
|
background:var(--grid-list-thumbnail-background);
|
|
7390
7518
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -7392,25 +7520,25 @@
|
|
|
7392
7520
|
grid-area:thumbnail;
|
|
7393
7521
|
overflow:hidden;
|
|
7394
7522
|
}
|
|
7395
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7523
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7396
7524
|
height:100%;
|
|
7397
7525
|
object-fit:contain;
|
|
7398
7526
|
width:100%;
|
|
7399
7527
|
}
|
|
7400
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7528
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7401
7529
|
border:none;
|
|
7402
7530
|
}
|
|
7403
7531
|
@media (pointer: coarse){
|
|
7404
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7532
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7405
7533
|
margin-block-end:var(--space-1);
|
|
7406
7534
|
}
|
|
7407
7535
|
}
|
|
7408
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7536
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7409
7537
|
grid-area:subtitle;
|
|
7410
7538
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
7411
7539
|
opacity:var(--actions-opacity);
|
|
7412
7540
|
}
|
|
7413
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7541
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7414
7542
|
align-items:center;
|
|
7415
7543
|
border-radius:var(--grid-list-selection-border-radius);
|
|
7416
7544
|
display:flex;
|
|
@@ -7421,10 +7549,10 @@
|
|
|
7421
7549
|
top:var(--grid-list-selection-top);
|
|
7422
7550
|
width:var(--grid-list-selection-width);
|
|
7423
7551
|
}
|
|
7424
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7552
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7425
7553
|
background:var(--grid-list-selection-hover-background);
|
|
7426
7554
|
}
|
|
7427
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7555
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7428
7556
|
align-items:center;
|
|
7429
7557
|
background:var(--item-background);
|
|
7430
7558
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -7433,12 +7561,12 @@
|
|
|
7433
7561
|
justify-content:center;
|
|
7434
7562
|
}
|
|
7435
7563
|
@media (pointer: coarse){
|
|
7436
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7564
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7437
7565
|
grid-area:actions;
|
|
7438
7566
|
margin-block-start:0;
|
|
7439
7567
|
}
|
|
7440
7568
|
}
|
|
7441
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7569
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7442
7570
|
color:var(--grid-list-header-color);
|
|
7443
7571
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7444
7572
|
font-size:var(--bp-font-size-05);
|
|
@@ -7451,7 +7579,7 @@
|
|
|
7451
7579
|
overflow-wrap:anywhere;
|
|
7452
7580
|
text-align:center;
|
|
7453
7581
|
}
|
|
7454
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7582
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7455
7583
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7456
7584
|
font-size:.875rem;
|
|
7457
7585
|
font-style:normal;
|
|
@@ -7462,17 +7590,17 @@
|
|
|
7462
7590
|
text-transform:none;
|
|
7463
7591
|
}
|
|
7464
7592
|
|
|
7465
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7593
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7466
7594
|
align-items:center;
|
|
7467
7595
|
display:flex;
|
|
7468
7596
|
}
|
|
7469
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7597
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7470
7598
|
-webkit-box-orient:vertical;
|
|
7471
7599
|
-webkit-line-clamp:2;
|
|
7472
7600
|
display:-webkit-box;
|
|
7473
7601
|
overflow:hidden;
|
|
7474
7602
|
}
|
|
7475
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7603
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7476
7604
|
color:var(--grid-list-subtitle-color);
|
|
7477
7605
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7478
7606
|
font-size:var(--bp-font-size-03);
|
|
@@ -7487,7 +7615,7 @@
|
|
|
7487
7615
|
text-overflow:ellipsis;
|
|
7488
7616
|
white-space:nowrap;
|
|
7489
7617
|
}
|
|
7490
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7618
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7491
7619
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7492
7620
|
font-size:.75rem;
|
|
7493
7621
|
font-style:normal;
|
|
@@ -7498,16 +7626,16 @@
|
|
|
7498
7626
|
text-transform:none;
|
|
7499
7627
|
}
|
|
7500
7628
|
|
|
7501
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7629
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7502
7630
|
height:var(--grid-list-subtitle-loading-height);
|
|
7503
7631
|
}
|
|
7504
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7632
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5:hover,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-active-item],.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focus-visible],.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focused],.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-hovered]{
|
|
7505
7633
|
--actions-opacity:1;
|
|
7506
7634
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
7507
7635
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
7508
7636
|
outline:var(--grid-list-item-hover-outline);
|
|
7509
7637
|
}
|
|
7510
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7638
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-active-item]::before,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focus-visible]::before{
|
|
7511
7639
|
border-radius:var(--grid-list-item-border-radius);
|
|
7512
7640
|
content:"";
|
|
7513
7641
|
display:block;
|
|
@@ -7519,7 +7647,7 @@
|
|
|
7519
7647
|
top:0;
|
|
7520
7648
|
width:100%;
|
|
7521
7649
|
}
|
|
7522
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7650
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-active-item]::after,.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[data-focus-visible]::after{
|
|
7523
7651
|
border-radius:var(--grid-list-item-border-radius);
|
|
7524
7652
|
content:"";
|
|
7525
7653
|
display:block;
|
|
@@ -7531,16 +7659,16 @@
|
|
|
7531
7659
|
top:0;
|
|
7532
7660
|
width:100%;
|
|
7533
7661
|
}
|
|
7534
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7662
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[aria-selected=true]{
|
|
7535
7663
|
--actions-opacity:1;
|
|
7536
7664
|
--item-background:var(--grid-list-item-selected-background);
|
|
7537
7665
|
outline:var(--grid-list-item-selected-outline);
|
|
7538
7666
|
}
|
|
7539
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7667
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--c86e5) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7540
7668
|
opacity:0;
|
|
7541
7669
|
}
|
|
7542
7670
|
@media (pointer: coarse){
|
|
7543
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7671
|
+
.bp_base_grid_list_item_module_gridList--c86e5 .bp_base_grid_list_item_module_gridListItem--c86e5{
|
|
7544
7672
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
7545
7673
|
--actions-opacity:1;
|
|
7546
7674
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -7548,7 +7676,7 @@
|
|
|
7548
7676
|
}
|
|
7549
7677
|
}
|
|
7550
7678
|
|
|
7551
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7679
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5{
|
|
7552
7680
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
7553
7681
|
--tooltip-offset:var(--bp-space-020);
|
|
7554
7682
|
--tooltip-arrow-display:none;
|
|
@@ -7575,27 +7703,32 @@
|
|
|
7575
7703
|
text-transform:var(--body-default-text-case);
|
|
7576
7704
|
z-index:var(--z-index-tooltip);
|
|
7577
7705
|
}
|
|
7578
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7706
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5 .bp_base_grid_list_item_module_tooltipArrow--c86e5 svg{
|
|
7579
7707
|
display:var(--tooltip-arrow-display);
|
|
7580
7708
|
height:.5rem;
|
|
7581
7709
|
width:1rem;
|
|
7582
7710
|
}
|
|
7583
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7711
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=top]{
|
|
7584
7712
|
margin-block-end:var(--tooltip-offset);
|
|
7585
7713
|
}
|
|
7586
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7714
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--c86e5 svg{
|
|
7587
7715
|
transform:rotate(180deg);
|
|
7588
7716
|
}
|
|
7589
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7717
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=bottom]{
|
|
7590
7718
|
margin-block-start:var(--tooltip-offset);
|
|
7591
7719
|
}
|
|
7592
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7720
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=right]{
|
|
7593
7721
|
margin-inline-start:var(--tooltip-offset);
|
|
7594
7722
|
}
|
|
7595
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7723
|
+
.bp_base_grid_list_item_module_tooltipContent--c86e5[data-placement=left]{
|
|
7596
7724
|
margin-inline-end:var(--tooltip-offset);
|
|
7597
7725
|
}
|
|
7598
|
-
|
|
7726
|
+
@keyframes bp_base_grid_list_item_module_itemHighlight--c86e5{
|
|
7727
|
+
from{
|
|
7728
|
+
background-color:var(--item-highlight-background);
|
|
7729
|
+
}
|
|
7730
|
+
}
|
|
7731
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5{
|
|
7599
7732
|
--grid-v2-gap:var(--bp-space-020);
|
|
7600
7733
|
--grid-v2-padding:0;
|
|
7601
7734
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -7643,6 +7776,8 @@
|
|
|
7643
7776
|
--grid-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7644
7777
|
--grid-v2-drag-opacity:0.6;
|
|
7645
7778
|
--grid-v2-undroppable-opacity:0.5;
|
|
7779
|
+
--grid-v2-highlight-background:var(--bp-surface-inline-notice-surface-success);
|
|
7780
|
+
--grid-v2-highlight-duration:3s;
|
|
7646
7781
|
box-sizing:border-box;
|
|
7647
7782
|
display:grid;
|
|
7648
7783
|
gap:var(--grid-v2-gap);
|
|
@@ -7652,13 +7787,13 @@
|
|
|
7652
7787
|
overflow:auto;
|
|
7653
7788
|
padding:var(--grid-v2-padding) 0;
|
|
7654
7789
|
}
|
|
7655
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7790
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5:has(.bp_base_grid_list_item_module_gridListV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--c86e5:not(.bp_base_grid_list_item_module_droppableTarget--c86e5){
|
|
7656
7791
|
opacity:var(--grid-v2-undroppable-opacity);
|
|
7657
7792
|
}
|
|
7658
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7793
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5:has(.bp_base_grid_list_item_module_gridListV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-dragging]{
|
|
7659
7794
|
opacity:var(--grid-v2-drag-opacity);
|
|
7660
7795
|
}
|
|
7661
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7796
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5{
|
|
7662
7797
|
--actions-opacity:0;
|
|
7663
7798
|
--subtitle-opacity:1;
|
|
7664
7799
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7676,20 +7811,20 @@
|
|
|
7676
7811
|
position:relative;
|
|
7677
7812
|
transform:translateZ(0);
|
|
7678
7813
|
}
|
|
7679
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7814
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5:focus-within{
|
|
7680
7815
|
--actions-opacity:1;
|
|
7681
7816
|
--subtitle-opacity:0;
|
|
7682
7817
|
}
|
|
7683
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7818
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5:focus-within{
|
|
7684
7819
|
--subtitle-opacity:1;
|
|
7685
7820
|
}
|
|
7686
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7821
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_statusPin--c86e5{
|
|
7687
7822
|
left:var(--grid-v2-item-status-pin-left);
|
|
7688
7823
|
position:absolute;
|
|
7689
7824
|
top:var(--grid-v2-item-status-pin-top);
|
|
7690
7825
|
transition:transform .15s ease-out;
|
|
7691
7826
|
}
|
|
7692
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7827
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7693
7828
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7694
7829
|
background:var(--grid-v2-thumbnail-background);
|
|
7695
7830
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7699,28 +7834,28 @@
|
|
|
7699
7834
|
position:relative;
|
|
7700
7835
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7701
7836
|
}
|
|
7702
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7837
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img{
|
|
7703
7838
|
height:100%;
|
|
7704
7839
|
max-height:none;
|
|
7705
7840
|
max-width:none;
|
|
7706
7841
|
object-fit:cover;
|
|
7707
7842
|
width:100%;
|
|
7708
7843
|
}
|
|
7709
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7844
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img.bp_base_grid_list_item_module_isImageFile--c86e5{
|
|
7710
7845
|
object-position:center;
|
|
7711
7846
|
}
|
|
7712
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7847
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img:not(.bp_base_grid_list_item_module_isImageFile--c86e5){
|
|
7713
7848
|
object-position:top left;
|
|
7714
7849
|
}
|
|
7715
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7850
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
7716
7851
|
border:none;
|
|
7717
7852
|
}
|
|
7718
7853
|
@media (pointer: coarse){
|
|
7719
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7854
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7720
7855
|
margin-block-end:var(--bp-space-010);
|
|
7721
7856
|
}
|
|
7722
7857
|
}
|
|
7723
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7858
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_thumbnailBadges--c86e5{
|
|
7724
7859
|
align-items:center;
|
|
7725
7860
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7726
7861
|
display:flex;
|
|
@@ -7728,12 +7863,12 @@
|
|
|
7728
7863
|
position:absolute;
|
|
7729
7864
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7730
7865
|
}
|
|
7731
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7866
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5{
|
|
7732
7867
|
align-items:center;
|
|
7733
7868
|
display:flex;
|
|
7734
7869
|
justify-content:center;
|
|
7735
7870
|
}
|
|
7736
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7871
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_fileTypePill--c86e5{
|
|
7737
7872
|
background:var(--grid-v2-file-type-pill-background);
|
|
7738
7873
|
border:var(--grid-v2-file-type-pill-border);
|
|
7739
7874
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7742,13 +7877,13 @@
|
|
|
7742
7877
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7743
7878
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7744
7879
|
}
|
|
7745
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7880
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7746
7881
|
grid-area:subtitle;
|
|
7747
7882
|
margin-top:.25rem;
|
|
7748
7883
|
opacity:var(--actions-opacity);
|
|
7749
7884
|
transition:opacity .15s ease-out;
|
|
7750
7885
|
}
|
|
7751
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7886
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
7752
7887
|
align-items:center;
|
|
7753
7888
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7754
7889
|
display:flex;
|
|
@@ -7760,19 +7895,25 @@
|
|
|
7760
7895
|
transition:transform .15s ease-out;
|
|
7761
7896
|
width:var(--grid-v2-selection-width);
|
|
7762
7897
|
}
|
|
7763
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7898
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
7764
7899
|
background:var(--grid-v2-selection-hover-background);
|
|
7765
7900
|
}
|
|
7766
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7901
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7767
7902
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7768
7903
|
display:flex;
|
|
7769
7904
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7770
7905
|
padding-inline-start:.25rem;
|
|
7771
7906
|
}
|
|
7772
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7907
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5{
|
|
7908
|
+
--actions-opacity:1;
|
|
7909
|
+
}
|
|
7910
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
7911
|
+
display:none;
|
|
7912
|
+
}
|
|
7913
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7773
7914
|
padding-inline-start:.25rem;
|
|
7774
7915
|
}
|
|
7775
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7916
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7776
7917
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7777
7918
|
font-size:var(--bp-font-size-05);
|
|
7778
7919
|
font-style:normal;
|
|
@@ -7780,7 +7921,7 @@
|
|
|
7780
7921
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7781
7922
|
line-height:var(--bp-font-line-height-04);
|
|
7782
7923
|
}
|
|
7783
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7924
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7784
7925
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7785
7926
|
font-size:.875rem;
|
|
7786
7927
|
font-style:normal;
|
|
@@ -7791,7 +7932,7 @@
|
|
|
7791
7932
|
text-transform:none;
|
|
7792
7933
|
}
|
|
7793
7934
|
|
|
7794
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7935
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
7795
7936
|
color:var(--grid-v2-header-color);
|
|
7796
7937
|
display:block;
|
|
7797
7938
|
grid-area:head;
|
|
@@ -7800,7 +7941,7 @@
|
|
|
7800
7941
|
text-overflow:ellipsis;
|
|
7801
7942
|
white-space:nowrap;
|
|
7802
7943
|
}
|
|
7803
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7944
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7804
7945
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7805
7946
|
font-size:var(--bp-font-size-04);
|
|
7806
7947
|
font-style:normal;
|
|
@@ -7808,7 +7949,7 @@
|
|
|
7808
7949
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7809
7950
|
line-height:var(--bp-font-line-height-04);
|
|
7810
7951
|
}
|
|
7811
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7952
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7812
7953
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7813
7954
|
font-size:.8125rem;
|
|
7814
7955
|
font-style:normal;
|
|
@@ -7819,7 +7960,7 @@
|
|
|
7819
7960
|
text-transform:none;
|
|
7820
7961
|
}
|
|
7821
7962
|
|
|
7822
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7963
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7823
7964
|
color:var(--grid-v2-subtitle-color);
|
|
7824
7965
|
display:block;
|
|
7825
7966
|
grid-area:subtitle;
|
|
@@ -7830,35 +7971,43 @@
|
|
|
7830
7971
|
transition:opacity .15s ease-out;
|
|
7831
7972
|
white-space:nowrap;
|
|
7832
7973
|
}
|
|
7833
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7974
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_textCentered--c86e5{
|
|
7834
7975
|
justify-content:center;
|
|
7835
7976
|
padding-inline-start:0;
|
|
7836
7977
|
text-align:center;
|
|
7837
7978
|
}
|
|
7838
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7979
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_innerCentered--c86e5{
|
|
7839
7980
|
justify-content:center;
|
|
7840
7981
|
padding-inline-start:0;
|
|
7841
7982
|
}
|
|
7842
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7983
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered]{
|
|
7843
7984
|
--actions-opacity:1;
|
|
7844
7985
|
--subtitle-opacity:0;
|
|
7845
7986
|
}
|
|
7846
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7987
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_selection--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_statusPin--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7847
7988
|
transform:translateY(-.125rem);
|
|
7848
7989
|
}
|
|
7849
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7990
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
7850
7991
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7851
7992
|
}
|
|
7852
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7993
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7853
7994
|
pointer-events:none;
|
|
7854
7995
|
}
|
|
7855
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7996
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5:is([data-hovered],
|
|
7997
|
+
.bp_base_grid_list_item_module_isItemInteracted--c86e5,
|
|
7998
|
+
[data-focus-visible],
|
|
7999
|
+
[aria-selected=true],
|
|
8000
|
+
:focus-within,
|
|
8001
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8002
|
+
display:flex;
|
|
8003
|
+
}
|
|
8004
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-hovered]{
|
|
7856
8005
|
--subtitle-opacity:1;
|
|
7857
8006
|
}
|
|
7858
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8007
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[aria-selected=true] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-focus-visible] .bp_base_grid_list_item_module_subtitle--c86e5,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_noActions--c86e5[data-hovered] .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
7859
8008
|
pointer-events:auto;
|
|
7860
8009
|
}
|
|
7861
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8010
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-focus-visible]::before{
|
|
7862
8011
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7863
8012
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7864
8013
|
content:"";
|
|
@@ -7867,10 +8016,10 @@
|
|
|
7867
8016
|
position:absolute;
|
|
7868
8017
|
transform:translateY(-.125rem);
|
|
7869
8018
|
}
|
|
7870
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8019
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true]{
|
|
7871
8020
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7872
8021
|
}
|
|
7873
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8022
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[aria-selected=true]::after{
|
|
7874
8023
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7875
8024
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7876
8025
|
content:"";
|
|
@@ -7879,10 +8028,19 @@
|
|
|
7879
8028
|
position:absolute;
|
|
7880
8029
|
transform:translateY(-.125rem);
|
|
7881
8030
|
}
|
|
7882
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8031
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-drop-target]{
|
|
7883
8032
|
--item-background:var(--grid-v2-drop-target-background);
|
|
7884
8033
|
}
|
|
7885
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8034
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8035
|
+
--item-highlight-background:var(--grid-v2-highlight-background);
|
|
8036
|
+
animation:bp_base_grid_list_item_module_itemHighlight--c86e5 var(--grid-v2-highlight-duration) ease-out;
|
|
8037
|
+
}
|
|
8038
|
+
@media (prefers-reduced-motion: reduce){
|
|
8039
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8040
|
+
animation-timing-function:step-end;
|
|
8041
|
+
}
|
|
8042
|
+
}
|
|
8043
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-drop-target]::after,.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
7886
8044
|
border:var(--grid-v2-drop-target-border);
|
|
7887
8045
|
border-radius:var(--grid-v2-item-border-radius);
|
|
7888
8046
|
content:"";
|
|
@@ -7892,22 +8050,25 @@
|
|
|
7892
8050
|
transform:none;
|
|
7893
8051
|
}
|
|
7894
8052
|
@media (pointer: coarse){
|
|
7895
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8053
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5{
|
|
7896
8054
|
--actions-opacity:1;
|
|
7897
8055
|
--subtitle-opacity:1;
|
|
7898
8056
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7899
8057
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7900
8058
|
}
|
|
7901
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8059
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
7902
8060
|
grid-area:actions;
|
|
7903
8061
|
}
|
|
8062
|
+
.bp_base_grid_list_item_module_gridListV2--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8063
|
+
display:flex;
|
|
8064
|
+
}
|
|
7904
8065
|
}
|
|
7905
8066
|
|
|
7906
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
8067
|
+
.bp_base_grid_list_item_module_gridListV2Small--c86e5{
|
|
7907
8068
|
--grid-v2-min-item-width:15.625rem;
|
|
7908
8069
|
}
|
|
7909
8070
|
|
|
7910
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
8071
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--c86e5{
|
|
7911
8072
|
--grid-v2-min-item-width:8.75rem;
|
|
7912
8073
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
7913
8074
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -7916,7 +8077,7 @@
|
|
|
7916
8077
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
7917
8078
|
}
|
|
7918
8079
|
|
|
7919
|
-
.bp_base_grid_list_item_module_gridListV2XSmallBordered--
|
|
8080
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--c86e5 .bp_base_grid_list_item_module_gridListV2Item--c86e5::after{
|
|
7920
8081
|
border:var(--grid-v2-thumbnail-border);
|
|
7921
8082
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7922
8083
|
content:"";
|
|
@@ -7925,7 +8086,7 @@
|
|
|
7925
8086
|
position:absolute;
|
|
7926
8087
|
transform:translateY(-.125rem);
|
|
7927
8088
|
}
|
|
7928
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8089
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--c86e5{
|
|
7929
8090
|
display:grid;
|
|
7930
8091
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7931
8092
|
grid-template-columns:1fr;
|
|
@@ -7937,15 +8098,15 @@
|
|
|
7937
8098
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7938
8099
|
}
|
|
7939
8100
|
@media (pointer: coarse){
|
|
7940
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8101
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--c86e5{
|
|
7941
8102
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7942
8103
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7943
8104
|
}
|
|
7944
8105
|
}
|
|
7945
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
8106
|
+
.bp_base_grid_list_item_module_listV2ClickShield--c86e5{
|
|
7946
8107
|
display:contents;
|
|
7947
8108
|
}
|
|
7948
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8109
|
+
.bp_base_grid_list_item_module_listV2--c86e5{
|
|
7949
8110
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7950
8111
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7951
8112
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -7984,6 +8145,8 @@
|
|
|
7984
8145
|
--list-v2-drop-target-border:var(--bp-border-01) solid var(--bp-box-blue-50);
|
|
7985
8146
|
--list-v2-drag-opacity:0.6;
|
|
7986
8147
|
--list-v2-undroppable-opacity:0.5;
|
|
8148
|
+
--list-v2-highlight-background:var(--bp-surface-inline-notice-surface-success);
|
|
8149
|
+
--list-v2-highlight-duration:3s;
|
|
7987
8150
|
box-sizing:border-box;
|
|
7988
8151
|
display:flex;
|
|
7989
8152
|
flex-direction:column;
|
|
@@ -7994,13 +8157,13 @@
|
|
|
7994
8157
|
padding:var(--list-v2-padding);
|
|
7995
8158
|
width:100%;
|
|
7996
8159
|
}
|
|
7997
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8160
|
+
.bp_base_grid_list_item_module_listV2--c86e5:has(.bp_base_grid_list_item_module_listV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_listV2Item--c86e5:not(.bp_base_grid_list_item_module_droppableTarget--c86e5){
|
|
7998
8161
|
opacity:var(--list-v2-undroppable-opacity);
|
|
7999
8162
|
}
|
|
8000
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8163
|
+
.bp_base_grid_list_item_module_listV2--c86e5:has(.bp_base_grid_list_item_module_listV2Item--c86e5[data-dragging]) .bp_base_grid_list_item_module_listV2Item--c86e5[data-dragging]{
|
|
8001
8164
|
opacity:var(--list-v2-drag-opacity);
|
|
8002
8165
|
}
|
|
8003
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8166
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5{
|
|
8004
8167
|
--actions-opacity:0;
|
|
8005
8168
|
--item-background:var(--list-v2-item-background);
|
|
8006
8169
|
align-items:center;
|
|
@@ -8018,10 +8181,10 @@
|
|
|
8018
8181
|
position:relative;
|
|
8019
8182
|
transition:background .15s ease-out;
|
|
8020
8183
|
}
|
|
8021
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8184
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:not(:first-child){
|
|
8022
8185
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
8023
8186
|
}
|
|
8024
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8187
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_listV2Divider--c86e5{
|
|
8025
8188
|
background:var(--list-v2-divider-color);
|
|
8026
8189
|
height:.0625rem;
|
|
8027
8190
|
left:0;
|
|
@@ -8030,10 +8193,10 @@
|
|
|
8030
8193
|
right:0;
|
|
8031
8194
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
8032
8195
|
}
|
|
8033
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8196
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:first-child .bp_base_grid_list_item_module_listV2Divider--c86e5{
|
|
8034
8197
|
display:none;
|
|
8035
8198
|
}
|
|
8036
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8199
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
8037
8200
|
align-items:center;
|
|
8038
8201
|
align-self:stretch;
|
|
8039
8202
|
aspect-ratio:4/3;
|
|
@@ -8047,15 +8210,15 @@
|
|
|
8047
8210
|
position:relative;
|
|
8048
8211
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
8049
8212
|
}
|
|
8050
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8213
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 img,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 svg{
|
|
8051
8214
|
height:100%;
|
|
8052
8215
|
object-fit:cover;
|
|
8053
8216
|
width:100%;
|
|
8054
8217
|
}
|
|
8055
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8218
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5.bp_base_grid_list_item_module_loading--c86e5{
|
|
8056
8219
|
border:none;
|
|
8057
8220
|
}
|
|
8058
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8221
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_thumbnailBadges--c86e5{
|
|
8059
8222
|
align-items:center;
|
|
8060
8223
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
8061
8224
|
display:flex;
|
|
@@ -8063,17 +8226,17 @@
|
|
|
8063
8226
|
position:absolute;
|
|
8064
8227
|
right:var(--list-v2-thumbnail-badges-right);
|
|
8065
8228
|
}
|
|
8066
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8229
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5{
|
|
8067
8230
|
align-items:center;
|
|
8068
8231
|
display:flex;
|
|
8069
8232
|
justify-content:center;
|
|
8070
8233
|
}
|
|
8071
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8234
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5 img,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_statusBadge--c86e5 svg{
|
|
8072
8235
|
height:.875rem;
|
|
8073
8236
|
object-fit:contain;
|
|
8074
8237
|
width:.875rem;
|
|
8075
8238
|
}
|
|
8076
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8239
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5 .bp_base_grid_list_item_module_fileTypePill--c86e5{
|
|
8077
8240
|
align-items:center;
|
|
8078
8241
|
background:var(--list-v2-file-type-pill-background);
|
|
8079
8242
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -8082,7 +8245,7 @@
|
|
|
8082
8245
|
height:var(--list-v2-file-type-pill-height);
|
|
8083
8246
|
padding:var(--list-v2-file-type-pill-padding);
|
|
8084
8247
|
}
|
|
8085
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8248
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_content--c86e5{
|
|
8086
8249
|
display:flex;
|
|
8087
8250
|
flex-direction:column;
|
|
8088
8251
|
gap:var(--list-v2-content-gap);
|
|
@@ -8090,7 +8253,7 @@
|
|
|
8090
8253
|
min-width:0;
|
|
8091
8254
|
padding-right:.5rem;
|
|
8092
8255
|
}
|
|
8093
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8256
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
8094
8257
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8095
8258
|
font-size:var(--bp-font-size-05);
|
|
8096
8259
|
font-style:normal;
|
|
@@ -8098,7 +8261,7 @@
|
|
|
8098
8261
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8099
8262
|
line-height:var(--bp-font-line-height-04);
|
|
8100
8263
|
}
|
|
8101
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8264
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
8102
8265
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8103
8266
|
font-size:.875rem;
|
|
8104
8267
|
font-style:normal;
|
|
@@ -8109,14 +8272,14 @@
|
|
|
8109
8272
|
text-transform:none;
|
|
8110
8273
|
}
|
|
8111
8274
|
|
|
8112
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8275
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_header--c86e5{
|
|
8113
8276
|
color:var(--list-v2-header-color);
|
|
8114
8277
|
display:block;
|
|
8115
8278
|
overflow:hidden;
|
|
8116
8279
|
text-overflow:ellipsis;
|
|
8117
8280
|
white-space:nowrap;
|
|
8118
8281
|
}
|
|
8119
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8282
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
8120
8283
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8121
8284
|
font-size:var(--bp-font-size-04);
|
|
8122
8285
|
font-style:normal;
|
|
@@ -8124,7 +8287,7 @@
|
|
|
8124
8287
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8125
8288
|
line-height:var(--bp-font-line-height-04);
|
|
8126
8289
|
}
|
|
8127
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8290
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
8128
8291
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8129
8292
|
font-size:.8125rem;
|
|
8130
8293
|
font-style:normal;
|
|
@@ -8135,14 +8298,14 @@
|
|
|
8135
8298
|
text-transform:none;
|
|
8136
8299
|
}
|
|
8137
8300
|
|
|
8138
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8301
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_subtitle--c86e5{
|
|
8139
8302
|
color:var(--list-v2-subtitle-color);
|
|
8140
8303
|
display:block;
|
|
8141
8304
|
overflow:hidden;
|
|
8142
8305
|
text-overflow:ellipsis;
|
|
8143
8306
|
white-space:nowrap;
|
|
8144
8307
|
}
|
|
8145
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8308
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
8146
8309
|
align-items:center;
|
|
8147
8310
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
8148
8311
|
display:flex;
|
|
@@ -8156,11 +8319,11 @@
|
|
|
8156
8319
|
transition:opacity .15s ease-out;
|
|
8157
8320
|
}
|
|
8158
8321
|
@media (pointer: coarse){
|
|
8159
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8322
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5{
|
|
8160
8323
|
--actions-opacity:1;
|
|
8161
8324
|
}
|
|
8162
8325
|
}
|
|
8163
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8326
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5{
|
|
8164
8327
|
align-items:center;
|
|
8165
8328
|
border-radius:var(--list-v2-selection-border-radius);
|
|
8166
8329
|
display:flex;
|
|
@@ -8168,28 +8331,49 @@
|
|
|
8168
8331
|
justify-content:center;
|
|
8169
8332
|
width:var(--list-v2-selection-size);
|
|
8170
8333
|
}
|
|
8171
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8334
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_selection--c86e5:hover{
|
|
8172
8335
|
background:var(--list-v2-selection-hover-background);
|
|
8173
8336
|
}
|
|
8174
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8337
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8175
8338
|
align-items:center;
|
|
8176
8339
|
display:flex;
|
|
8177
8340
|
gap:var(--list-v2-actions-gap);
|
|
8178
8341
|
}
|
|
8179
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8342
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_actionsCheckboxWrapper--c86e5{
|
|
8343
|
+
align-items:center;
|
|
8180
8344
|
display:flex;
|
|
8181
8345
|
}
|
|
8182
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8346
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5{
|
|
8347
|
+
--actions-opacity:1;
|
|
8348
|
+
}
|
|
8349
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8350
|
+
display:none;
|
|
8351
|
+
}
|
|
8352
|
+
@media (pointer: coarse){
|
|
8353
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5 .bp_base_grid_list_item_module_actions--c86e5.bp_base_grid_list_item_module_alwaysShowSelection--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8354
|
+
display:flex;
|
|
8355
|
+
}
|
|
8356
|
+
}
|
|
8357
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:hover,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true],.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible],.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-hovered]{
|
|
8183
8358
|
--actions-opacity:1;
|
|
8184
8359
|
}
|
|
8185
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8360
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5 .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:hover .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-hovered] .bp_base_grid_list_item_module_thumbnail--c86e5{
|
|
8186
8361
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
8187
8362
|
transform:translateY(-.125rem);
|
|
8188
8363
|
}
|
|
8189
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8364
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:is(:hover,
|
|
8365
|
+
[data-hovered],
|
|
8366
|
+
.bp_base_grid_list_item_module_isItemInteracted--c86e5,
|
|
8367
|
+
[data-focus-visible],
|
|
8368
|
+
[aria-selected=true],
|
|
8369
|
+
:focus-within,
|
|
8370
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--c86e5 .bp_base_grid_list_item_module_inner--c86e5{
|
|
8371
|
+
display:flex;
|
|
8372
|
+
}
|
|
8373
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_isItemInteracted--c86e5,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5:hover,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-hovered]{
|
|
8190
8374
|
--item-background:var(--list-v2-hover-background);
|
|
8191
8375
|
}
|
|
8192
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8376
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible]::before{
|
|
8193
8377
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
8194
8378
|
border-radius:var(--list-v2-focus-border-radius);
|
|
8195
8379
|
content:"";
|
|
@@ -8198,10 +8382,10 @@
|
|
|
8198
8382
|
position:absolute;
|
|
8199
8383
|
transform:translateY(-.125rem);
|
|
8200
8384
|
}
|
|
8201
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8385
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true]{
|
|
8202
8386
|
--item-background:var(--list-v2-selected-background);
|
|
8203
8387
|
}
|
|
8204
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8388
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[aria-selected=true]::after{
|
|
8205
8389
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
8206
8390
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8207
8391
|
content:"";
|
|
@@ -8210,18 +8394,27 @@
|
|
|
8210
8394
|
position:absolute;
|
|
8211
8395
|
transform:translateY(-.125rem);
|
|
8212
8396
|
}
|
|
8213
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8397
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-focus-visible][aria-selected=true]::after{
|
|
8214
8398
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8215
8399
|
inset:-.1875rem;
|
|
8216
8400
|
transform:translateY(-.125rem);
|
|
8217
8401
|
}
|
|
8218
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8402
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8403
|
+
--item-highlight-background:var(--list-v2-highlight-background);
|
|
8404
|
+
animation:bp_base_grid_list_item_module_itemHighlight--c86e5 var(--list-v2-highlight-duration) ease-out;
|
|
8405
|
+
}
|
|
8406
|
+
@media (prefers-reduced-motion: reduce){
|
|
8407
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5.bp_base_grid_list_item_module_highlighted--c86e5{
|
|
8408
|
+
animation-timing-function:step-end;
|
|
8409
|
+
}
|
|
8410
|
+
}
|
|
8411
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target]{
|
|
8219
8412
|
--item-background:var(--list-v2-drop-target-background);
|
|
8220
8413
|
}
|
|
8221
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8414
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target] .bp_base_grid_list_item_module_listV2Divider--c86e5{
|
|
8222
8415
|
display:none;
|
|
8223
8416
|
}
|
|
8224
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8417
|
+
.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target]::after,.bp_base_grid_list_item_module_listV2--c86e5 .bp_base_grid_list_item_module_listV2Item--c86e5[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8225
8418
|
border:var(--list-v2-drop-target-border);
|
|
8226
8419
|
border-radius:var(--list-v2-item-border-radius);
|
|
8227
8420
|
content:"";
|
|
@@ -8231,7 +8424,7 @@
|
|
|
8231
8424
|
transform:none;
|
|
8232
8425
|
}
|
|
8233
8426
|
|
|
8234
|
-
.bp_base_grid_list_item_module_staticList--
|
|
8427
|
+
.bp_base_grid_list_item_module_staticList--c86e5 .bp_base_grid_list_item_module_staticListItem--c86e5{
|
|
8235
8428
|
display:contents;
|
|
8236
8429
|
}
|
|
8237
8430
|
.bp_guided_tooltip_module_content--1247c{
|
|
@@ -8603,7 +8796,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8603
8796
|
display:inline;
|
|
8604
8797
|
}
|
|
8605
8798
|
|
|
8606
|
-
.bp_modal_module_overlay--
|
|
8799
|
+
.bp_modal_module_overlay--ecdb9{
|
|
8607
8800
|
--modal-overlay-background:var(--bp-overlay-modal-overlay);
|
|
8608
8801
|
--modal-content-background:var(--bp-surface-modal-surface);
|
|
8609
8802
|
--modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
|
|
@@ -8624,6 +8817,10 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8624
8817
|
--modal-close-button-on-color-background:var(--bp-surface-cta-surface-tertiary);
|
|
8625
8818
|
--modal-close-button-on-color-background-hover:var(--bp-surface-cta-surface-icon-hover);
|
|
8626
8819
|
--modal-close-button-on-color-background-pressed:var(--bp-surface-cta-surface-icon-pressed);
|
|
8820
|
+
--modal-header-action-size:var(--bp-size-080);
|
|
8821
|
+
--modal-header-actions-gap:calc(var(--bp-space-020) + var(--bp-space-005));
|
|
8822
|
+
--modal-header-actions-offset-right:calc(var(--modal-close-button-offset-right) + var(--modal-header-action-size) + var(--modal-header-actions-gap));
|
|
8823
|
+
--modal-header-actions-title-offset:calc(var(--modal-header-actions-offset-right) + var(--bp-space-060));
|
|
8627
8824
|
--modal-back-button-color:var(--bp-icon-icon-on-light-secondary);
|
|
8628
8825
|
--modal-back-button-margin-top-start:var(--bp-space-040);
|
|
8629
8826
|
--modal-back-button-margin-inline-start:var(--bp-space-040);
|
|
@@ -8651,15 +8848,16 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8651
8848
|
z-index:var(--z-index-modal);
|
|
8652
8849
|
}
|
|
8653
8850
|
@media (width > 459px){
|
|
8654
|
-
.bp_modal_module_overlay--
|
|
8851
|
+
.bp_modal_module_overlay--ecdb9{
|
|
8852
|
+
--modal-header-action-size:var(--bp-size-100);
|
|
8655
8853
|
place-items:center;
|
|
8656
8854
|
}
|
|
8657
8855
|
}
|
|
8658
8856
|
|
|
8659
|
-
.bp_modal_module_headerDividerLine--
|
|
8857
|
+
.bp_modal_module_headerDividerLine--ecdb9{
|
|
8660
8858
|
position:relative;
|
|
8661
8859
|
}
|
|
8662
|
-
.bp_modal_module_headerDividerLine--
|
|
8860
|
+
.bp_modal_module_headerDividerLine--ecdb9::after{
|
|
8663
8861
|
border-bottom:var(--modal-divider-line-border);
|
|
8664
8862
|
bottom:0;
|
|
8665
8863
|
content:"";
|
|
@@ -8668,16 +8866,16 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8668
8866
|
right:var(--modal-divider-line-offset-right);
|
|
8669
8867
|
}
|
|
8670
8868
|
@media (width > 459px){
|
|
8671
|
-
.bp_modal_module_headerDividerLine--
|
|
8869
|
+
.bp_modal_module_headerDividerLine--ecdb9::after{
|
|
8672
8870
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
8673
8871
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
8674
8872
|
}
|
|
8675
8873
|
}
|
|
8676
8874
|
|
|
8677
|
-
.bp_modal_module_footerDividerLine--
|
|
8875
|
+
.bp_modal_module_footerDividerLine--ecdb9{
|
|
8678
8876
|
position:relative;
|
|
8679
8877
|
}
|
|
8680
|
-
.bp_modal_module_footerDividerLine--
|
|
8878
|
+
.bp_modal_module_footerDividerLine--ecdb9::before{
|
|
8681
8879
|
border-bottom:var(--modal-divider-line-border);
|
|
8682
8880
|
content:"";
|
|
8683
8881
|
left:var(--modal-divider-line-offset-left);
|
|
@@ -8686,13 +8884,13 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8686
8884
|
top:0;
|
|
8687
8885
|
}
|
|
8688
8886
|
@media (width > 459px){
|
|
8689
|
-
.bp_modal_module_footerDividerLine--
|
|
8887
|
+
.bp_modal_module_footerDividerLine--ecdb9::before{
|
|
8690
8888
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
8691
8889
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
8692
8890
|
}
|
|
8693
8891
|
}
|
|
8694
8892
|
|
|
8695
|
-
.bp_modal_module_content--
|
|
8893
|
+
.bp_modal_module_content--ecdb9{
|
|
8696
8894
|
display:flex;
|
|
8697
8895
|
flex-direction:column;
|
|
8698
8896
|
height:100vh;
|
|
@@ -8700,15 +8898,15 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8700
8898
|
position:relative;
|
|
8701
8899
|
}
|
|
8702
8900
|
@media (width > 374px){
|
|
8703
|
-
.bp_modal_module_content--
|
|
8901
|
+
.bp_modal_module_content--ecdb9{
|
|
8704
8902
|
overflow:hidden;
|
|
8705
8903
|
}
|
|
8706
8904
|
}
|
|
8707
|
-
.bp_modal_module_content--
|
|
8905
|
+
.bp_modal_module_content--ecdb9{
|
|
8708
8906
|
background-color:var(--modal-content-background);
|
|
8709
8907
|
}
|
|
8710
8908
|
@media (width > 459px){
|
|
8711
|
-
.bp_modal_module_content--
|
|
8909
|
+
.bp_modal_module_content--ecdb9{
|
|
8712
8910
|
border-radius:var(--modal-border-radius);
|
|
8713
8911
|
height:auto;
|
|
8714
8912
|
margin:var(--modal-margin);
|
|
@@ -8716,97 +8914,122 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8716
8914
|
min-width:var(--modal-min-width-non-fullscreen);
|
|
8717
8915
|
transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
|
|
8718
8916
|
}
|
|
8719
|
-
.bp_modal_module_content--
|
|
8917
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_smallSizeModal--ecdb9{
|
|
8720
8918
|
max-width:var(--modal-max-width-small);
|
|
8721
8919
|
}
|
|
8722
|
-
.bp_modal_module_content--
|
|
8920
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_mediumSizeModal--ecdb9{
|
|
8723
8921
|
max-width:var(--modal-max-width-medium);
|
|
8724
8922
|
}
|
|
8725
|
-
.bp_modal_module_content--
|
|
8923
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_largeSizeModal--ecdb9{
|
|
8726
8924
|
max-width:var(--modal-max-width-large);
|
|
8727
8925
|
}
|
|
8728
|
-
.bp_modal_module_content--
|
|
8926
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_xlargeSizeModal--ecdb9{
|
|
8729
8927
|
max-width:var(--modal-max-width-xlarge);
|
|
8730
8928
|
}
|
|
8731
8929
|
}
|
|
8732
|
-
.bp_modal_module_content--
|
|
8930
|
+
.bp_modal_module_content--ecdb9:has(.bp_modal_module_loadingContainerActive--ecdb9) .bp_modal_module_footerDividerLine--ecdb9::before,.bp_modal_module_content--ecdb9:has(.bp_modal_module_loadingContainerActive--ecdb9) .bp_modal_module_headerDividerLine--ecdb9::after{
|
|
8733
8931
|
display:none;
|
|
8734
8932
|
}
|
|
8735
8933
|
@media (width > 459px){
|
|
8736
|
-
.bp_modal_module_content--
|
|
8934
|
+
.bp_modal_module_content--ecdb9:has(.bp_modal_module_loadingContainerActive--ecdb9){
|
|
8737
8935
|
max-height:var(--modal-max-height-loading);
|
|
8738
8936
|
max-width:var(--modal-max-width-loading);
|
|
8739
8937
|
}
|
|
8740
8938
|
}
|
|
8741
8939
|
|
|
8742
|
-
.bp_modal_module_overlay--
|
|
8743
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
8940
|
+
.bp_modal_module_overlay--ecdb9 .bp_modal_module_content--ecdb9[data-bp-animated=false]{
|
|
8941
|
+
animation:bp_modal_module_popup_bounce_in--ecdb9 var(--animation-duration-3);
|
|
8744
8942
|
}
|
|
8745
8943
|
|
|
8746
|
-
.bp_modal_module_overlay--
|
|
8944
|
+
.bp_modal_module_overlay--ecdb9 .bp_modal_module_content--ecdb9[data-bp-animated=true][data-state=open]{
|
|
8747
8945
|
animation-duration:var(--bp-duration-long);
|
|
8748
8946
|
animation-fill-mode:backwards;
|
|
8749
|
-
animation-name:bp_modal_module_bpModalEnter--
|
|
8947
|
+
animation-name:bp_modal_module_bpModalEnter--ecdb9;
|
|
8750
8948
|
animation-timing-function:var(--bp-curve-large-on);
|
|
8751
8949
|
}
|
|
8752
8950
|
|
|
8753
|
-
.bp_modal_module_overlay--
|
|
8951
|
+
.bp_modal_module_overlay--ecdb9 .bp_modal_module_content--ecdb9[data-bp-animated=true][data-state=closed],.bp_modal_module_overlay--ecdb9[data-bp-animated=true][data-state=closed]{
|
|
8754
8952
|
animation-duration:var(--bp-duration-medium);
|
|
8755
8953
|
animation-fill-mode:forwards;
|
|
8756
|
-
animation-name:bp_modal_module_bpModalExit--
|
|
8954
|
+
animation-name:bp_modal_module_bpModalExit--ecdb9;
|
|
8757
8955
|
animation-timing-function:var(--bp-curve-large-off);
|
|
8758
8956
|
}
|
|
8759
8957
|
|
|
8760
|
-
.bp_modal_module_scrollableContainer--
|
|
8958
|
+
.bp_modal_module_scrollableContainer--ecdb9{
|
|
8761
8959
|
flex-grow:1;
|
|
8762
8960
|
}
|
|
8763
8961
|
@media (width > 374px){
|
|
8764
|
-
.bp_modal_module_scrollableContainer--
|
|
8962
|
+
.bp_modal_module_scrollableContainer--ecdb9{
|
|
8765
8963
|
overflow-y:auto;
|
|
8766
8964
|
}
|
|
8767
8965
|
}
|
|
8768
8966
|
|
|
8769
|
-
.bp_modal_module_content--
|
|
8967
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_close--ecdb9{
|
|
8770
8968
|
position:fixed;
|
|
8771
8969
|
}
|
|
8772
8970
|
@media (width > 374px){
|
|
8773
|
-
.bp_modal_module_content--
|
|
8971
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_close--ecdb9{
|
|
8774
8972
|
position:absolute;
|
|
8775
8973
|
}
|
|
8776
8974
|
}
|
|
8777
|
-
.bp_modal_module_content--
|
|
8975
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_close--ecdb9{
|
|
8778
8976
|
color:var(--modal-close-button-color);
|
|
8779
8977
|
right:var(--modal-close-button-offset-right);
|
|
8780
8978
|
top:var(--modal-close-button-offset-top);
|
|
8781
8979
|
}
|
|
8782
8980
|
|
|
8783
|
-
.
|
|
8981
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9{
|
|
8982
|
+
position:fixed;
|
|
8983
|
+
}
|
|
8984
|
+
@media (width > 374px){
|
|
8985
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9{
|
|
8986
|
+
position:absolute;
|
|
8987
|
+
}
|
|
8988
|
+
}
|
|
8989
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9{
|
|
8990
|
+
display:flex;
|
|
8991
|
+
gap:var(--modal-header-actions-gap);
|
|
8992
|
+
right:var(--modal-header-actions-offset-right);
|
|
8993
|
+
top:var(--modal-close-button-offset-top);
|
|
8994
|
+
}
|
|
8995
|
+
@media (width <= 459px){
|
|
8996
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9 > :nth-child(n+2){
|
|
8997
|
+
display:none;
|
|
8998
|
+
}
|
|
8999
|
+
}
|
|
9000
|
+
|
|
9001
|
+
.bp_modal_module_content--ecdb9:not(:has(.bp_modal_module_close--ecdb9)){
|
|
9002
|
+
--modal-header-actions-offset-right:var(--modal-close-button-offset-right);
|
|
9003
|
+
--modal-header-actions-title-offset:calc(var(--modal-header-actions-offset-right) + var(--bp-space-060));
|
|
9004
|
+
}
|
|
9005
|
+
|
|
9006
|
+
.bp_modal_module_close--ecdb9.bp_modal_module_onColor--ecdb9{
|
|
8784
9007
|
background-color:var(--modal-close-button-on-color-background);
|
|
8785
9008
|
}
|
|
8786
|
-
.bp_modal_module_close--
|
|
9009
|
+
.bp_modal_module_close--ecdb9.bp_modal_module_onColor--ecdb9:hover{
|
|
8787
9010
|
background-color:var(--modal-close-button-on-color-background-hover);
|
|
8788
9011
|
}
|
|
8789
|
-
.bp_modal_module_close--
|
|
9012
|
+
.bp_modal_module_close--ecdb9.bp_modal_module_onColor--ecdb9:active{
|
|
8790
9013
|
background-color:var(--modal-close-button-on-color-background-pressed);
|
|
8791
9014
|
}
|
|
8792
9015
|
|
|
8793
|
-
.bp_modal_module_content--
|
|
9016
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_backButton--ecdb9{
|
|
8794
9017
|
color:var(--modal-back-button-color);
|
|
8795
9018
|
margin-block-start:var(--modal-back-button-margin-top-start);
|
|
8796
9019
|
margin-inline-start:var(--modal-back-button-margin-inline-start);
|
|
8797
9020
|
}
|
|
8798
9021
|
@media (width > 459px){
|
|
8799
|
-
.bp_modal_module_content--
|
|
9022
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_backButton--ecdb9{
|
|
8800
9023
|
height:var(--modal-back-button-size-non-fullscreen);
|
|
8801
9024
|
width:var(--modal-back-button-size-non-fullscreen);
|
|
8802
9025
|
}
|
|
8803
9026
|
}
|
|
8804
9027
|
|
|
8805
|
-
.bp_modal_module_modalHeader--
|
|
9028
|
+
.bp_modal_module_modalHeader--ecdb9{
|
|
8806
9029
|
display:flex;
|
|
8807
9030
|
}
|
|
8808
9031
|
|
|
8809
|
-
.bp_modal_module_modalTitle--
|
|
9032
|
+
.bp_modal_module_modalTitle--ecdb9{
|
|
8810
9033
|
display:flex;
|
|
8811
9034
|
flex-direction:column;
|
|
8812
9035
|
gap:var(--modal-title-gap);
|
|
@@ -8814,17 +9037,30 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8814
9037
|
padding:var(--modal-title-padding);
|
|
8815
9038
|
}
|
|
8816
9039
|
@media (width > 459px){
|
|
8817
|
-
.bp_modal_module_modalTitle--
|
|
9040
|
+
.bp_modal_module_modalTitle--ecdb9{
|
|
8818
9041
|
padding:var(--modal-title-padding-non-fullscreen);
|
|
8819
9042
|
}
|
|
8820
9043
|
}
|
|
8821
9044
|
|
|
8822
|
-
.
|
|
9045
|
+
.bp_modal_module_modalHeaderWithActions--ecdb9:has(.bp_modal_module_modalHeaderActions--ecdb9 > *){
|
|
9046
|
+
--modal-header-actions-width:var(--modal-header-action-size);
|
|
9047
|
+
}
|
|
9048
|
+
.bp_modal_module_modalHeaderWithActions--ecdb9:has(.bp_modal_module_modalHeaderActions--ecdb9 > *) .bp_modal_module_modalTitle--ecdb9{
|
|
9049
|
+
padding-right:calc(var(--modal-header-actions-title-offset) + var(--modal-header-actions-width));
|
|
9050
|
+
}
|
|
9051
|
+
|
|
9052
|
+
@media (width > 459px){
|
|
9053
|
+
.bp_modal_module_modalHeaderWithActions--ecdb9:has(.bp_modal_module_modalHeaderActions--ecdb9 > :nth-child(2)){
|
|
9054
|
+
--modal-header-actions-width:calc(var(--modal-header-action-size)*2 + var(--modal-header-actions-gap));
|
|
9055
|
+
}
|
|
9056
|
+
}
|
|
9057
|
+
|
|
9058
|
+
.bp_modal_module_modalHeaderWithAddon--ecdb9{
|
|
8823
9059
|
container-name:modal-header;
|
|
8824
9060
|
container-type:inline-size;
|
|
8825
9061
|
}
|
|
8826
9062
|
|
|
8827
|
-
.bp_modal_module_modalTitleWithAddon--
|
|
9063
|
+
.bp_modal_module_modalTitleWithAddon--ecdb9{
|
|
8828
9064
|
align-items:center;
|
|
8829
9065
|
flex-flow:row wrap;
|
|
8830
9066
|
gap:var(--modal-title-addon-gap) var(--modal-title-inline-gap);
|
|
@@ -8832,7 +9068,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8832
9068
|
width:100%;
|
|
8833
9069
|
}
|
|
8834
9070
|
|
|
8835
|
-
.bp_modal_module_modalTitleLabel--
|
|
9071
|
+
.bp_modal_module_modalTitleLabel--ecdb9{
|
|
8836
9072
|
display:flex;
|
|
8837
9073
|
flex-direction:column;
|
|
8838
9074
|
gap:var(--modal-title-gap);
|
|
@@ -8840,105 +9076,105 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8840
9076
|
min-width:0;
|
|
8841
9077
|
}
|
|
8842
9078
|
|
|
8843
|
-
.bp_modal_module_modalTitleAddon--
|
|
9079
|
+
.bp_modal_module_modalTitleAddon--ecdb9{
|
|
8844
9080
|
flex-shrink:0;
|
|
8845
9081
|
max-width:100%;
|
|
8846
9082
|
}
|
|
8847
9083
|
|
|
8848
|
-
.bp_modal_module_modalTitleText--
|
|
9084
|
+
.bp_modal_module_modalTitleText--ecdb9{
|
|
8849
9085
|
-webkit-box-orient:vertical;
|
|
8850
9086
|
-webkit-line-clamp:1;
|
|
8851
9087
|
display:-webkit-box;
|
|
8852
9088
|
overflow:hidden;
|
|
8853
9089
|
}
|
|
8854
9090
|
|
|
8855
|
-
.bp_modal_module_modalTitleWithSubtitle--
|
|
9091
|
+
.bp_modal_module_modalTitleWithSubtitle--ecdb9 > *{
|
|
8856
9092
|
flex-basis:100%;
|
|
8857
9093
|
}
|
|
8858
9094
|
|
|
8859
9095
|
@container modal-header (max-width: 759px){
|
|
8860
|
-
.bp_modal_module_modalTitleWithAddon--
|
|
9096
|
+
.bp_modal_module_modalTitleWithAddon--ecdb9 > *{
|
|
8861
9097
|
flex-basis:100%;
|
|
8862
9098
|
}
|
|
8863
|
-
.bp_modal_module_modalTitleText--
|
|
9099
|
+
.bp_modal_module_modalTitleText--ecdb9{
|
|
8864
9100
|
-webkit-box-orient:vertical;
|
|
8865
9101
|
-webkit-line-clamp:2;
|
|
8866
9102
|
display:-webkit-box;
|
|
8867
9103
|
overflow:hidden;
|
|
8868
9104
|
}
|
|
8869
9105
|
}
|
|
8870
|
-
.bp_modal_module_body--
|
|
9106
|
+
.bp_modal_module_body--ecdb9{
|
|
8871
9107
|
color:var(--modal-body-text-color);
|
|
8872
9108
|
padding:var(--modal-body-padding-fullscreen);
|
|
8873
9109
|
}
|
|
8874
9110
|
@media (width > 459px){
|
|
8875
|
-
.bp_modal_module_body--
|
|
9111
|
+
.bp_modal_module_body--ecdb9{
|
|
8876
9112
|
padding:var(--modal-body-padding-non-fullscreen);
|
|
8877
9113
|
}
|
|
8878
9114
|
}
|
|
8879
9115
|
|
|
8880
|
-
.bp_modal_module_footer--
|
|
9116
|
+
.bp_modal_module_footer--ecdb9{
|
|
8881
9117
|
display:flex;
|
|
8882
9118
|
justify-content:flex-end;
|
|
8883
9119
|
padding:var(--modal-footer-padding);
|
|
8884
9120
|
}
|
|
8885
9121
|
@media (width > 459px){
|
|
8886
|
-
.bp_modal_module_footer--
|
|
9122
|
+
.bp_modal_module_footer--ecdb9{
|
|
8887
9123
|
padding:var(--modal-footer-padding-non-fullscreen);
|
|
8888
9124
|
}
|
|
8889
9125
|
}
|
|
8890
|
-
.bp_modal_module_footer--
|
|
9126
|
+
.bp_modal_module_footer--ecdb9 .bp_modal_module_footerButton--ecdb9{
|
|
8891
9127
|
cursor:pointer;
|
|
8892
9128
|
}
|
|
8893
9129
|
|
|
8894
|
-
.bp_modal_module_footerButton--
|
|
9130
|
+
.bp_modal_module_footerButton--ecdb9 + .bp_modal_module_footerButton--ecdb9{
|
|
8895
9131
|
margin-inline-start:var(--modal-footer-button-margin-inline-start);
|
|
8896
9132
|
}
|
|
8897
9133
|
|
|
8898
|
-
.bp_modal_module_loadingContainer--
|
|
9134
|
+
.bp_modal_module_loadingContainer--ecdb9{
|
|
8899
9135
|
display:flex;
|
|
8900
9136
|
flex-direction:column;
|
|
8901
9137
|
flex-grow:1;
|
|
8902
9138
|
position:relative;
|
|
8903
9139
|
}
|
|
8904
9140
|
@media (width > 374px){
|
|
8905
|
-
.bp_modal_module_loadingContainer--
|
|
9141
|
+
.bp_modal_module_loadingContainer--ecdb9{
|
|
8906
9142
|
min-height:0;
|
|
8907
9143
|
}
|
|
8908
9144
|
}
|
|
8909
9145
|
|
|
8910
|
-
.bp_modal_module_loadingContainerActive--
|
|
9146
|
+
.bp_modal_module_loadingContainerActive--ecdb9{
|
|
8911
9147
|
overflow:hidden;
|
|
8912
9148
|
}
|
|
8913
9149
|
|
|
8914
|
-
.bp_modal_module_loading--
|
|
9150
|
+
.bp_modal_module_loading--ecdb9{
|
|
8915
9151
|
align-items:center;
|
|
8916
9152
|
display:flex;
|
|
8917
9153
|
}
|
|
8918
9154
|
|
|
8919
|
-
.bp_modal_module_loadingOverlay--
|
|
9155
|
+
.bp_modal_module_loadingOverlay--ecdb9{
|
|
8920
9156
|
background-color:var(--modal-content-background);
|
|
8921
9157
|
inset:0;
|
|
8922
9158
|
position:absolute;
|
|
8923
9159
|
z-index:1;
|
|
8924
9160
|
}
|
|
8925
9161
|
|
|
8926
|
-
.bp_modal_module_loadingContent--
|
|
9162
|
+
.bp_modal_module_loadingContent--ecdb9{
|
|
8927
9163
|
display:flex;
|
|
8928
9164
|
flex-direction:column;
|
|
8929
9165
|
visibility:hidden;
|
|
8930
9166
|
}
|
|
8931
9167
|
@media (width > 374px){
|
|
8932
|
-
.bp_modal_module_loadingContent--
|
|
9168
|
+
.bp_modal_module_loadingContent--ecdb9{
|
|
8933
9169
|
min-height:0;
|
|
8934
9170
|
}
|
|
8935
9171
|
}
|
|
8936
9172
|
|
|
8937
|
-
.bp_modal_module_loadingContentVisible--
|
|
9173
|
+
.bp_modal_module_loadingContentVisible--ecdb9{
|
|
8938
9174
|
visibility:visible;
|
|
8939
9175
|
}
|
|
8940
9176
|
|
|
8941
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
9177
|
+
@keyframes bp_modal_module_popup_bounce_in--ecdb9{
|
|
8942
9178
|
0%{
|
|
8943
9179
|
transform:scale3d(.1, .1, 1);
|
|
8944
9180
|
}
|
|
@@ -8946,7 +9182,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8946
9182
|
transform:scaleX(1);
|
|
8947
9183
|
}
|
|
8948
9184
|
}
|
|
8949
|
-
@keyframes bp_modal_module_bpModalEnter--
|
|
9185
|
+
@keyframes bp_modal_module_bpModalEnter--ecdb9{
|
|
8950
9186
|
from{
|
|
8951
9187
|
opacity:var(--bp-opacity-hidden);
|
|
8952
9188
|
transform:translateY(var(--bp-space-040)) scale(var(--bp-scale-small));
|
|
@@ -8956,7 +9192,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8956
9192
|
transform:translateY(0) scale(var(--bp-scale-default));
|
|
8957
9193
|
}
|
|
8958
9194
|
}
|
|
8959
|
-
@keyframes bp_modal_module_bpModalExit--
|
|
9195
|
+
@keyframes bp_modal_module_bpModalExit--ecdb9{
|
|
8960
9196
|
from{
|
|
8961
9197
|
opacity:var(--bp-opacity-visible);
|
|
8962
9198
|
}
|
|
@@ -10519,7 +10755,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10519
10755
|
grid-area:close;
|
|
10520
10756
|
}
|
|
10521
10757
|
|
|
10522
|
-
.bp_notification_module_viewport--
|
|
10758
|
+
.bp_notification_module_viewport--cc8a5{
|
|
10523
10759
|
--notification-width:35rem;
|
|
10524
10760
|
--notification-viewport-space:var(--bp-space-040);
|
|
10525
10761
|
--notification-viewport-item-spacing:var(--bp-space-030);
|
|
@@ -10535,7 +10771,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10535
10771
|
z-index:var(--z-index-notification);
|
|
10536
10772
|
}
|
|
10537
10773
|
|
|
10538
|
-
.bp_notification_module_root--
|
|
10774
|
+
.bp_notification_module_root--cc8a5{
|
|
10539
10775
|
--notification-padding-vertical:var(--bp-space-030);
|
|
10540
10776
|
--notification-padding-horizontal:var(--bp-space-040);
|
|
10541
10777
|
--notification-item-spacing:var(--bp-space-030);
|
|
@@ -10561,21 +10797,21 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10561
10797
|
backdrop-filter:blur(var(--notification-background-blur));
|
|
10562
10798
|
border:var(--notification-border) solid;
|
|
10563
10799
|
border-radius:var(--notification-radius);
|
|
10564
|
-
box-shadow:var(--notification-shadow);
|
|
10800
|
+
box-shadow:var(--notification-elevation-shadow, var(--notification-shadow));
|
|
10565
10801
|
box-sizing:border-box;
|
|
10566
10802
|
display:flex;
|
|
10567
10803
|
max-width:min(var(--notification-width), 100vw - var(--bp-space-040) * 2);
|
|
10568
10804
|
padding:var(--notification-padding-vertical) var(--notification-padding-horizontal);
|
|
10569
10805
|
width:min(var(--notification-width), 100vw - var(--bp-space-040) * 2);
|
|
10570
10806
|
}
|
|
10571
|
-
.bp_notification_module_root--
|
|
10807
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_container--cc8a5{
|
|
10572
10808
|
align-items:flex-start;
|
|
10573
10809
|
display:flex;
|
|
10574
10810
|
gap:var(--notification-item-spacing);
|
|
10575
10811
|
min-width:0;
|
|
10576
10812
|
width:100%;
|
|
10577
10813
|
}
|
|
10578
|
-
.bp_notification_module_root--
|
|
10814
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_messageRow--cc8a5{
|
|
10579
10815
|
align-items:center;
|
|
10580
10816
|
display:flex;
|
|
10581
10817
|
flex:1 1 auto;
|
|
@@ -10584,41 +10820,41 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10584
10820
|
overflow:hidden;
|
|
10585
10821
|
width:100%;
|
|
10586
10822
|
}
|
|
10587
|
-
.bp_notification_module_root--
|
|
10823
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_withButtons--cc8a5{
|
|
10588
10824
|
gap:var(--notification-item-row-spacing) var(--notification-item-spacing);
|
|
10589
10825
|
}
|
|
10590
|
-
.bp_notification_module_root--
|
|
10826
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_info--cc8a5{
|
|
10591
10827
|
background:linear-gradient(0deg, var(--notification-background-info) 0, var(--notification-background-info) 100%), var(--notification-background-overlay);
|
|
10592
10828
|
border-color:var(--notification-border-color-info);
|
|
10593
10829
|
}
|
|
10594
|
-
.bp_notification_module_root--
|
|
10830
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_success--cc8a5{
|
|
10595
10831
|
background:linear-gradient(0deg, var(--notification-background-success) 0, var(--notification-background-success) 100%), var(--notification-background-overlay);
|
|
10596
10832
|
border-color:var(--notification-border-color-success);
|
|
10597
10833
|
}
|
|
10598
|
-
.bp_notification_module_root--
|
|
10834
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_warning--cc8a5{
|
|
10599
10835
|
background:linear-gradient(0deg, var(--notification-background-warning) 0, var(--notification-background-warning) 100%), var(--notification-background-overlay);
|
|
10600
10836
|
border-color:var(--notification-border-color-warning);
|
|
10601
10837
|
}
|
|
10602
|
-
.bp_notification_module_root--
|
|
10838
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_error--cc8a5{
|
|
10603
10839
|
background:linear-gradient(0deg, var(--notification-background-error) 0, var(--notification-background-error) 100%), var(--notification-background-overlay);
|
|
10604
10840
|
border-color:var(--notification-border-color-error);
|
|
10605
10841
|
}
|
|
10606
|
-
.bp_notification_module_root--
|
|
10842
|
+
.bp_notification_module_root--cc8a5:focus-visible{
|
|
10607
10843
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--notification-outline-focus);
|
|
10608
10844
|
outline:none;
|
|
10609
10845
|
}
|
|
10610
|
-
.bp_notification_module_root--
|
|
10846
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_typeIconContainer--cc8a5{
|
|
10611
10847
|
align-items:center;
|
|
10612
10848
|
display:flex;
|
|
10613
10849
|
height:var(--notification-icon-size);
|
|
10614
10850
|
justify-content:center;
|
|
10615
10851
|
width:var(--notification-icon-size);
|
|
10616
10852
|
}
|
|
10617
|
-
.bp_notification_module_root--
|
|
10853
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_typeIconContainer--cc8a5 .bp_notification_module_typeIcon--cc8a5{
|
|
10618
10854
|
flex-shrink:0;
|
|
10619
10855
|
margin:var(--notification-icon-margin);
|
|
10620
10856
|
}
|
|
10621
|
-
.bp_notification_module_root--
|
|
10857
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5{
|
|
10622
10858
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10623
10859
|
font-size:var(--bp-font-size-05);
|
|
10624
10860
|
font-style:normal;
|
|
@@ -10626,7 +10862,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10626
10862
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10627
10863
|
line-height:var(--bp-font-line-height-04);
|
|
10628
10864
|
}
|
|
10629
|
-
:where(body.is-inter-font) .bp_notification_module_root--
|
|
10865
|
+
:where(body.is-inter-font) .bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5{
|
|
10630
10866
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10631
10867
|
font-size:.875rem;
|
|
10632
10868
|
font-style:normal;
|
|
@@ -10637,7 +10873,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10637
10873
|
text-transform:none;
|
|
10638
10874
|
}
|
|
10639
10875
|
|
|
10640
|
-
.bp_notification_module_root--
|
|
10876
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5{
|
|
10641
10877
|
align-items:center;
|
|
10642
10878
|
color:var(--notification-text-color);
|
|
10643
10879
|
display:flex;
|
|
@@ -10647,31 +10883,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10647
10883
|
min-width:0;
|
|
10648
10884
|
overflow:hidden;
|
|
10649
10885
|
}
|
|
10650
|
-
.bp_notification_module_root--
|
|
10886
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5 > div{
|
|
10651
10887
|
overflow:hidden;
|
|
10652
10888
|
overflow-wrap:break-word;
|
|
10653
10889
|
}
|
|
10654
|
-
.bp_notification_module_root--
|
|
10890
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_contentButtonSection--cc8a5{
|
|
10655
10891
|
display:flex;
|
|
10656
10892
|
flex:0 0 auto;
|
|
10657
10893
|
gap:var(--notification-item-spacing);
|
|
10658
10894
|
}
|
|
10659
|
-
.bp_notification_module_root--
|
|
10895
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_contentButtonSection--cc8a5 .bp_notification_module_contentButtons--cc8a5{
|
|
10660
10896
|
display:flex;
|
|
10661
10897
|
gap:var(--notification-item-spacing);
|
|
10662
10898
|
}
|
|
10663
|
-
.bp_notification_module_root--
|
|
10899
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_contentButtonSection--cc8a5 .bp_notification_module_contentButtons--cc8a5 a,.bp_notification_module_root--cc8a5 .bp_notification_module_contentButtonSection--cc8a5 .bp_notification_module_contentButtons--cc8a5 button{
|
|
10664
10900
|
cursor:pointer;
|
|
10665
10901
|
}
|
|
10666
|
-
.bp_notification_module_root--
|
|
10902
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_closeButtonSection--cc8a5{
|
|
10667
10903
|
display:flex;
|
|
10668
10904
|
gap:var(--notification-item-spacing);
|
|
10669
10905
|
margin-left:auto;
|
|
10670
10906
|
}
|
|
10671
|
-
.bp_notification_module_root--
|
|
10907
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_closeButtonSection--cc8a5 .bp_notification_module_closeButton--cc8a5{
|
|
10672
10908
|
align-self:center;
|
|
10673
10909
|
}
|
|
10674
|
-
.bp_notification_module_root--
|
|
10910
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_closeButtonSection--cc8a5 .bp_notification_module_closeButton--cc8a5 svg *{
|
|
10675
10911
|
fill:currentcolor;
|
|
10676
10912
|
}
|
|
10677
10913
|
.bp_popover_module_popoverContentContainer--6fc5b .bp_popover_module_popoverCard--6fc5b .bp_popover_module_popoverMainContent--6fc5b,.bp_popover_module_popoverContentContainer--6fc5b.bp_popover_module_accessibilitySmallBreakpoint--6fc5b .bp_popover_module_popoverCard--6fc5b .bp_popover_module_popoverScrollContainer--6fc5b{
|