@box/blueprint-web 18.2.1 → 18.3.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 +452 -258
- package/dist/lib-esm/grid-list-item/types.d.ts +1 -1
- package/dist/lib-esm/index.css +451 -257
- package/dist/lib-esm/large-list-item/types.d.ts +1 -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.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 +9 -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);
|
|
@@ -6842,7 +6955,7 @@
|
|
|
6842
6955
|
.bp_link_module_link--05bf1 .bp_link_module_icon--05bf1 *{
|
|
6843
6956
|
fill:currentcolor;
|
|
6844
6957
|
}
|
|
6845
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6958
|
+
.bp_base_grid_list_item_module_smallList--a9a55{
|
|
6846
6959
|
--small-list-gap:var(--bp-space-020);
|
|
6847
6960
|
--small-list-padding:initial;
|
|
6848
6961
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6875,7 +6988,7 @@
|
|
|
6875
6988
|
padding:var(--small-list-padding);
|
|
6876
6989
|
width:auto;
|
|
6877
6990
|
}
|
|
6878
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6991
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55{
|
|
6879
6992
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6880
6993
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6881
6994
|
--item-background:var(--small-list-item-background);
|
|
@@ -6894,11 +7007,11 @@
|
|
|
6894
7007
|
transform:translateZ(0);
|
|
6895
7008
|
width:auto;
|
|
6896
7009
|
}
|
|
6897
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7010
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
6898
7011
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6899
7012
|
grid-template-rows:100% 0;
|
|
6900
7013
|
}
|
|
6901
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7014
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
6902
7015
|
align-items:center;
|
|
6903
7016
|
aspect-ratio:1;
|
|
6904
7017
|
display:flex;
|
|
@@ -6907,13 +7020,13 @@
|
|
|
6907
7020
|
overflow:hidden;
|
|
6908
7021
|
z-index:1;
|
|
6909
7022
|
}
|
|
6910
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7023
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_thumbnailContent--a9a55 img,.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_thumbnailContent--a9a55 svg{
|
|
6911
7024
|
height:100%;
|
|
6912
7025
|
object-fit:cover;
|
|
6913
7026
|
object-position:left;
|
|
6914
7027
|
width:100%;
|
|
6915
7028
|
}
|
|
6916
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7029
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
6917
7030
|
color:var(--small-list-header-color);
|
|
6918
7031
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6919
7032
|
font-size:var(--bp-font-size-05);
|
|
@@ -6923,7 +7036,7 @@
|
|
|
6923
7036
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6924
7037
|
line-height:var(--bp-font-line-height-04);
|
|
6925
7038
|
}
|
|
6926
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7039
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
6927
7040
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6928
7041
|
font-size:.875rem;
|
|
6929
7042
|
font-style:normal;
|
|
@@ -6934,11 +7047,11 @@
|
|
|
6934
7047
|
text-transform:none;
|
|
6935
7048
|
}
|
|
6936
7049
|
|
|
6937
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7050
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
6938
7051
|
align-items:center;
|
|
6939
7052
|
display:flex;
|
|
6940
7053
|
}
|
|
6941
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7054
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
6942
7055
|
color:var(--small-list-subtitle-color);
|
|
6943
7056
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6944
7057
|
font-size:var(--bp-font-size-03);
|
|
@@ -6948,7 +7061,7 @@
|
|
|
6948
7061
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6949
7062
|
line-height:var(--bp-font-line-height-02);
|
|
6950
7063
|
}
|
|
6951
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--
|
|
7064
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
6952
7065
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6953
7066
|
font-size:.75rem;
|
|
6954
7067
|
font-style:normal;
|
|
@@ -6959,17 +7072,17 @@
|
|
|
6959
7072
|
text-transform:none;
|
|
6960
7073
|
}
|
|
6961
7074
|
|
|
6962
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7075
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55,.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
6963
7076
|
display:inline-block;
|
|
6964
7077
|
overflow:hidden;
|
|
6965
7078
|
text-overflow:ellipsis;
|
|
6966
7079
|
white-space:nowrap;
|
|
6967
7080
|
}
|
|
6968
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7081
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55:not(:has(.bp_base_grid_list_item_module_header--a9a55)),.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55:not(:has(.bp_base_grid_list_item_module_subtitle--a9a55)){
|
|
6969
7082
|
grid-template-rows:100% 0;
|
|
6970
7083
|
row-gap:0;
|
|
6971
7084
|
}
|
|
6972
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7085
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
6973
7086
|
align-items:center;
|
|
6974
7087
|
display:flex;
|
|
6975
7088
|
grid-area:actions;
|
|
@@ -6979,11 +7092,11 @@
|
|
|
6979
7092
|
padding-right:0;
|
|
6980
7093
|
}
|
|
6981
7094
|
@media (pointer: coarse){
|
|
6982
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7095
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
6983
7096
|
--actions-opacity:1;
|
|
6984
7097
|
}
|
|
6985
7098
|
}
|
|
6986
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7099
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55{
|
|
6987
7100
|
align-items:center;
|
|
6988
7101
|
background:var(--item-background);
|
|
6989
7102
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6992,10 +7105,10 @@
|
|
|
6992
7105
|
justify-content:center;
|
|
6993
7106
|
width:var(--small-list-selection-width);
|
|
6994
7107
|
}
|
|
6995
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7108
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55:hover{
|
|
6996
7109
|
background:var(--small-list-selection-hover-background);
|
|
6997
7110
|
}
|
|
6998
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7111
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
6999
7112
|
align-items:center;
|
|
7000
7113
|
border-radius:var(--small-list-inner-border-radius);
|
|
7001
7114
|
display:flex;
|
|
@@ -7003,17 +7116,17 @@
|
|
|
7003
7116
|
justify-content:flex-end;
|
|
7004
7117
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
7005
7118
|
}
|
|
7006
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7119
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55:last-child{
|
|
7007
7120
|
margin-inline-end:0;
|
|
7008
7121
|
}
|
|
7009
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7122
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_actionsCheckboxWrapper--a9a55{
|
|
7010
7123
|
display:flex;
|
|
7011
7124
|
}
|
|
7012
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7125
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55:hover,.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55[data-active-item],.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55[data-focus-visible],.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55[data-focused],.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55[data-hovered]{
|
|
7013
7126
|
--actions-opacity:1;
|
|
7014
7127
|
background:var(--item-hover);
|
|
7015
7128
|
}
|
|
7016
|
-
.bp_base_grid_list_item_module_smallList--
|
|
7129
|
+
.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55[data-active-item]::before,.bp_base_grid_list_item_module_smallList--a9a55 .bp_base_grid_list_item_module_smallListItem--a9a55[data-focus-visible]::before{
|
|
7017
7130
|
--actions-opacity:1;
|
|
7018
7131
|
border-radius:var(--small-list-focus-outline-radius);
|
|
7019
7132
|
content:"";
|
|
@@ -7027,7 +7140,7 @@
|
|
|
7027
7140
|
width:100%;
|
|
7028
7141
|
}
|
|
7029
7142
|
|
|
7030
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7143
|
+
.bp_base_grid_list_item_module_largeList--a9a55{
|
|
7031
7144
|
--large-list-gap:var(--bp-space-005);
|
|
7032
7145
|
--large-list-padding:var(--bp-space-010);
|
|
7033
7146
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -7085,7 +7198,7 @@
|
|
|
7085
7198
|
overflow:auto;
|
|
7086
7199
|
padding:var(--large-list-padding);
|
|
7087
7200
|
}
|
|
7088
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7201
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55{
|
|
7089
7202
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
7090
7203
|
--actions-opacity:0;
|
|
7091
7204
|
--item-background:var(--large-list-item-background);
|
|
@@ -7101,18 +7214,18 @@
|
|
|
7101
7214
|
position:relative;
|
|
7102
7215
|
transform:translateZ(0);
|
|
7103
7216
|
}
|
|
7104
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7217
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
7105
7218
|
grid-template-rows:1fr 1fr 1fr;
|
|
7106
7219
|
}
|
|
7107
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7220
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55:focus-within{
|
|
7108
7221
|
--actions-opacity:1;
|
|
7109
7222
|
}
|
|
7110
7223
|
@media (max-width: 374px){
|
|
7111
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7224
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55{
|
|
7112
7225
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
7113
7226
|
}
|
|
7114
7227
|
}
|
|
7115
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7228
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7116
7229
|
aspect-ratio:4/3;
|
|
7117
7230
|
border:var(--large-list-item-thumbnail-border);
|
|
7118
7231
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -7120,24 +7233,24 @@
|
|
|
7120
7233
|
overflow:hidden;
|
|
7121
7234
|
z-index:1;
|
|
7122
7235
|
}
|
|
7123
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7236
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img{
|
|
7124
7237
|
height:100%;
|
|
7125
7238
|
object-fit:cover;
|
|
7126
7239
|
object-position:left;
|
|
7127
7240
|
width:100%;
|
|
7128
7241
|
}
|
|
7129
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7242
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
7130
7243
|
border:none;
|
|
7131
7244
|
}
|
|
7132
7245
|
@media (max-width: 374px){
|
|
7133
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7246
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7134
7247
|
aspect-ratio:1/1;
|
|
7135
7248
|
}
|
|
7136
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7249
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img{
|
|
7137
7250
|
object-fit:contain;
|
|
7138
7251
|
}
|
|
7139
7252
|
}
|
|
7140
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7253
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
7141
7254
|
align-items:center;
|
|
7142
7255
|
display:flex;
|
|
7143
7256
|
height:var(--large-list-item-actions-height);
|
|
@@ -7149,11 +7262,11 @@
|
|
|
7149
7262
|
top:var(--large-list-item-actions-top);
|
|
7150
7263
|
}
|
|
7151
7264
|
@media (pointer: coarse){
|
|
7152
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7265
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
7153
7266
|
--actions-opacity:1;
|
|
7154
7267
|
}
|
|
7155
7268
|
}
|
|
7156
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7269
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55{
|
|
7157
7270
|
align-items:center;
|
|
7158
7271
|
background:var(--item-background);
|
|
7159
7272
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -7162,15 +7275,15 @@
|
|
|
7162
7275
|
justify-content:center;
|
|
7163
7276
|
width:var(--large-list-item-selection-width);
|
|
7164
7277
|
}
|
|
7165
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7278
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55:hover{
|
|
7166
7279
|
background:var(--large-list-item-selection-hover-background);
|
|
7167
7280
|
}
|
|
7168
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7281
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_fade--a9a55{
|
|
7169
7282
|
align-self:stretch;
|
|
7170
7283
|
background:var(--large-list-item-fade-background);
|
|
7171
7284
|
width:var(--large-list-item-fade-width);
|
|
7172
7285
|
}
|
|
7173
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7286
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7174
7287
|
align-items:center;
|
|
7175
7288
|
background:var(--item-background);
|
|
7176
7289
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -7179,14 +7292,14 @@
|
|
|
7179
7292
|
justify-content:flex-end;
|
|
7180
7293
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
7181
7294
|
}
|
|
7182
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7295
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55:last-child{
|
|
7183
7296
|
margin-inline-end:0;
|
|
7184
7297
|
}
|
|
7185
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7298
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_actionsCheckboxWrapper--a9a55{
|
|
7186
7299
|
background:var(--item-background);
|
|
7187
7300
|
display:flex;
|
|
7188
7301
|
}
|
|
7189
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7302
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7190
7303
|
align-items:center;
|
|
7191
7304
|
color:var(--large-list-item-header-color);
|
|
7192
7305
|
display:inline-flex;
|
|
@@ -7203,7 +7316,7 @@
|
|
|
7203
7316
|
text-transform:var(--body-default-semibold-text-case);
|
|
7204
7317
|
white-space:nowrap;
|
|
7205
7318
|
}
|
|
7206
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7319
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7207
7320
|
align-items:center;
|
|
7208
7321
|
color:var(--large-list-item-subtitle-color);
|
|
7209
7322
|
display:flex;
|
|
@@ -7218,7 +7331,7 @@
|
|
|
7218
7331
|
text-transform:var(--caption-default-text-case);
|
|
7219
7332
|
white-space:nowrap;
|
|
7220
7333
|
}
|
|
7221
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7334
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_description--a9a55{
|
|
7222
7335
|
-webkit-box-orient:vertical;
|
|
7223
7336
|
-webkit-line-clamp:3;
|
|
7224
7337
|
color:var(--large-list-item-description-color);
|
|
@@ -7235,12 +7348,12 @@
|
|
|
7235
7348
|
text-decoration:var(--body-default-text-decoration);
|
|
7236
7349
|
text-transform:var(--body-default-text-case);
|
|
7237
7350
|
}
|
|
7238
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7351
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_snippet--a9a55{
|
|
7239
7352
|
grid-area:description;
|
|
7240
7353
|
margin:0;
|
|
7241
7354
|
margin-block:var(--large-list-item-snippet-margin-start) var(--large-list-item-snippet-margin-end);
|
|
7242
7355
|
}
|
|
7243
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7356
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55 .bp_base_grid_list_item_module_snippet--a9a55 .bp_base_grid_list_item_module_snippetContent--a9a55{
|
|
7244
7357
|
-webkit-box-orient:vertical;
|
|
7245
7358
|
-webkit-line-clamp:2;
|
|
7246
7359
|
border:var(--large-list-item-snippet-border);
|
|
@@ -7259,19 +7372,19 @@
|
|
|
7259
7372
|
text-decoration:var(--body-default-text-decoration);
|
|
7260
7373
|
text-transform:var(--body-default-text-case);
|
|
7261
7374
|
}
|
|
7262
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7375
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55:hover,.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-active-item],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-focus-visible],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-focused],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-hovered]{
|
|
7263
7376
|
border-radius:var(--large-list-item-border-radius);
|
|
7264
7377
|
}
|
|
7265
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7378
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55:hover,.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-active-item],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-focus-visible],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-focused],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-hovered]{
|
|
7266
7379
|
--actions-opacity:1;
|
|
7267
7380
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
7268
7381
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
7269
7382
|
outline:var(--large-list-item-hover-outline);
|
|
7270
7383
|
}
|
|
7271
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7384
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55:not([aria-selected=true]):hover,.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55:not([aria-selected=true])[data-hovered]{
|
|
7272
7385
|
--item-background:var(--large-list-item-hover-background);
|
|
7273
7386
|
}
|
|
7274
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7387
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-active-item]::before,.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[data-focus-visible]::before{
|
|
7275
7388
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
7276
7389
|
content:"";
|
|
7277
7390
|
display:block;
|
|
@@ -7283,7 +7396,7 @@
|
|
|
7283
7396
|
top:0;
|
|
7284
7397
|
width:100%;
|
|
7285
7398
|
}
|
|
7286
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7399
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true]{
|
|
7287
7400
|
--actions-opacity:1;
|
|
7288
7401
|
--item-background:var(--large-list-item-selected-background);
|
|
7289
7402
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
@@ -7291,25 +7404,25 @@
|
|
|
7291
7404
|
outline:var(--large-list-item-selected-outline);
|
|
7292
7405
|
z-index:2;
|
|
7293
7406
|
}
|
|
7294
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7407
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true] .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_fade--a9a55{
|
|
7295
7408
|
background:var(--large-list-item-selected-fade-background);
|
|
7296
7409
|
}
|
|
7297
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7410
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7298
7411
|
display:none;
|
|
7299
7412
|
}
|
|
7300
7413
|
@supports selector(:has(.foo)){
|
|
7301
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7414
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--a9a55 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true]:has(+ [aria-selected=true]){
|
|
7302
7415
|
border-end-end-radius:0;
|
|
7303
7416
|
border-end-start-radius:0;
|
|
7304
7417
|
}
|
|
7305
|
-
.bp_base_grid_list_item_module_largeList--
|
|
7418
|
+
.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--a9a55 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--a9a55 .bp_base_grid_list_item_module_largeListItem--a9a55[aria-selected=true] + [aria-selected=true]{
|
|
7306
7419
|
border-start-end-radius:0;
|
|
7307
7420
|
border-start-start-radius:0;
|
|
7308
7421
|
border-top:none;
|
|
7309
7422
|
}
|
|
7310
7423
|
}
|
|
7311
7424
|
|
|
7312
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7425
|
+
.bp_base_grid_list_item_module_gridList--a9a55{
|
|
7313
7426
|
--grid-list-minimum-item-width:188px;
|
|
7314
7427
|
--grid-list-gap:var(--bp-space-040);
|
|
7315
7428
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -7358,7 +7471,7 @@
|
|
|
7358
7471
|
overflow:auto;
|
|
7359
7472
|
padding:var(--grid-list-padding);
|
|
7360
7473
|
}
|
|
7361
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7474
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55{
|
|
7362
7475
|
--actions-opacity:0;
|
|
7363
7476
|
--item-background:var(--grid-list-item-background);
|
|
7364
7477
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -7376,15 +7489,15 @@
|
|
|
7376
7489
|
row-gap:var(--row-gap);
|
|
7377
7490
|
transform:translateZ(0);
|
|
7378
7491
|
}
|
|
7379
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7492
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55:focus-within{
|
|
7380
7493
|
--actions-opacity:1;
|
|
7381
7494
|
}
|
|
7382
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7495
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_statusPin--a9a55{
|
|
7383
7496
|
left:var(--grid-list-item-status-pin-left);
|
|
7384
7497
|
position:absolute;
|
|
7385
7498
|
top:var(--grid-list-item-status-pin-top);
|
|
7386
7499
|
}
|
|
7387
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7500
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7388
7501
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
7389
7502
|
background:var(--grid-list-thumbnail-background);
|
|
7390
7503
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -7392,25 +7505,25 @@
|
|
|
7392
7505
|
grid-area:thumbnail;
|
|
7393
7506
|
overflow:hidden;
|
|
7394
7507
|
}
|
|
7395
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7508
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img{
|
|
7396
7509
|
height:100%;
|
|
7397
7510
|
object-fit:contain;
|
|
7398
7511
|
width:100%;
|
|
7399
7512
|
}
|
|
7400
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7513
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
7401
7514
|
border:none;
|
|
7402
7515
|
}
|
|
7403
7516
|
@media (pointer: coarse){
|
|
7404
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7517
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7405
7518
|
margin-block-end:var(--space-1);
|
|
7406
7519
|
}
|
|
7407
7520
|
}
|
|
7408
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7521
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
7409
7522
|
grid-area:subtitle;
|
|
7410
7523
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
7411
7524
|
opacity:var(--actions-opacity);
|
|
7412
7525
|
}
|
|
7413
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7526
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55{
|
|
7414
7527
|
align-items:center;
|
|
7415
7528
|
border-radius:var(--grid-list-selection-border-radius);
|
|
7416
7529
|
display:flex;
|
|
@@ -7421,10 +7534,10 @@
|
|
|
7421
7534
|
top:var(--grid-list-selection-top);
|
|
7422
7535
|
width:var(--grid-list-selection-width);
|
|
7423
7536
|
}
|
|
7424
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7537
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55:hover{
|
|
7425
7538
|
background:var(--grid-list-selection-hover-background);
|
|
7426
7539
|
}
|
|
7427
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7540
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7428
7541
|
align-items:center;
|
|
7429
7542
|
background:var(--item-background);
|
|
7430
7543
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -7433,12 +7546,12 @@
|
|
|
7433
7546
|
justify-content:center;
|
|
7434
7547
|
}
|
|
7435
7548
|
@media (pointer: coarse){
|
|
7436
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7549
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
7437
7550
|
grid-area:actions;
|
|
7438
7551
|
margin-block-start:0;
|
|
7439
7552
|
}
|
|
7440
7553
|
}
|
|
7441
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7554
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7442
7555
|
color:var(--grid-list-header-color);
|
|
7443
7556
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7444
7557
|
font-size:var(--bp-font-size-05);
|
|
@@ -7451,7 +7564,7 @@
|
|
|
7451
7564
|
overflow-wrap:anywhere;
|
|
7452
7565
|
text-align:center;
|
|
7453
7566
|
}
|
|
7454
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7567
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7455
7568
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7456
7569
|
font-size:.875rem;
|
|
7457
7570
|
font-style:normal;
|
|
@@ -7462,17 +7575,17 @@
|
|
|
7462
7575
|
text-transform:none;
|
|
7463
7576
|
}
|
|
7464
7577
|
|
|
7465
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7578
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
7466
7579
|
align-items:center;
|
|
7467
7580
|
display:flex;
|
|
7468
7581
|
}
|
|
7469
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7582
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7470
7583
|
-webkit-box-orient:vertical;
|
|
7471
7584
|
-webkit-line-clamp:2;
|
|
7472
7585
|
display:-webkit-box;
|
|
7473
7586
|
overflow:hidden;
|
|
7474
7587
|
}
|
|
7475
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7588
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7476
7589
|
color:var(--grid-list-subtitle-color);
|
|
7477
7590
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7478
7591
|
font-size:var(--bp-font-size-03);
|
|
@@ -7487,7 +7600,7 @@
|
|
|
7487
7600
|
text-overflow:ellipsis;
|
|
7488
7601
|
white-space:nowrap;
|
|
7489
7602
|
}
|
|
7490
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--
|
|
7603
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7491
7604
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7492
7605
|
font-size:.75rem;
|
|
7493
7606
|
font-style:normal;
|
|
@@ -7498,16 +7611,16 @@
|
|
|
7498
7611
|
text-transform:none;
|
|
7499
7612
|
}
|
|
7500
7613
|
|
|
7501
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7614
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
7502
7615
|
height:var(--grid-list-subtitle-loading-height);
|
|
7503
7616
|
}
|
|
7504
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7617
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55,.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55:hover,.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-active-item],.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-focus-visible],.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-focused],.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-hovered]{
|
|
7505
7618
|
--actions-opacity:1;
|
|
7506
7619
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
7507
7620
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
7508
7621
|
outline:var(--grid-list-item-hover-outline);
|
|
7509
7622
|
}
|
|
7510
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7623
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-active-item]::before,.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-focus-visible]::before{
|
|
7511
7624
|
border-radius:var(--grid-list-item-border-radius);
|
|
7512
7625
|
content:"";
|
|
7513
7626
|
display:block;
|
|
@@ -7519,7 +7632,7 @@
|
|
|
7519
7632
|
top:0;
|
|
7520
7633
|
width:100%;
|
|
7521
7634
|
}
|
|
7522
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7635
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-active-item]::after,.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[data-focus-visible]::after{
|
|
7523
7636
|
border-radius:var(--grid-list-item-border-radius);
|
|
7524
7637
|
content:"";
|
|
7525
7638
|
display:block;
|
|
@@ -7531,16 +7644,16 @@
|
|
|
7531
7644
|
top:0;
|
|
7532
7645
|
width:100%;
|
|
7533
7646
|
}
|
|
7534
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7647
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[aria-selected=true]{
|
|
7535
7648
|
--actions-opacity:1;
|
|
7536
7649
|
--item-background:var(--grid-list-item-selected-background);
|
|
7537
7650
|
outline:var(--grid-list-item-selected-outline);
|
|
7538
7651
|
}
|
|
7539
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7652
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--a9a55) .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7540
7653
|
opacity:0;
|
|
7541
7654
|
}
|
|
7542
7655
|
@media (pointer: coarse){
|
|
7543
|
-
.bp_base_grid_list_item_module_gridList--
|
|
7656
|
+
.bp_base_grid_list_item_module_gridList--a9a55 .bp_base_grid_list_item_module_gridListItem--a9a55{
|
|
7544
7657
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
7545
7658
|
--actions-opacity:1;
|
|
7546
7659
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -7548,7 +7661,7 @@
|
|
|
7548
7661
|
}
|
|
7549
7662
|
}
|
|
7550
7663
|
|
|
7551
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7664
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55{
|
|
7552
7665
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
7553
7666
|
--tooltip-offset:var(--bp-space-020);
|
|
7554
7667
|
--tooltip-arrow-display:none;
|
|
@@ -7575,27 +7688,27 @@
|
|
|
7575
7688
|
text-transform:var(--body-default-text-case);
|
|
7576
7689
|
z-index:var(--z-index-tooltip);
|
|
7577
7690
|
}
|
|
7578
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7691
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55 .bp_base_grid_list_item_module_tooltipArrow--a9a55 svg{
|
|
7579
7692
|
display:var(--tooltip-arrow-display);
|
|
7580
7693
|
height:.5rem;
|
|
7581
7694
|
width:1rem;
|
|
7582
7695
|
}
|
|
7583
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7696
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55[data-placement=top]{
|
|
7584
7697
|
margin-block-end:var(--tooltip-offset);
|
|
7585
7698
|
}
|
|
7586
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7699
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--a9a55 svg{
|
|
7587
7700
|
transform:rotate(180deg);
|
|
7588
7701
|
}
|
|
7589
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7702
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55[data-placement=bottom]{
|
|
7590
7703
|
margin-block-start:var(--tooltip-offset);
|
|
7591
7704
|
}
|
|
7592
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7705
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55[data-placement=right]{
|
|
7593
7706
|
margin-inline-start:var(--tooltip-offset);
|
|
7594
7707
|
}
|
|
7595
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7708
|
+
.bp_base_grid_list_item_module_tooltipContent--a9a55[data-placement=left]{
|
|
7596
7709
|
margin-inline-end:var(--tooltip-offset);
|
|
7597
7710
|
}
|
|
7598
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7711
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55{
|
|
7599
7712
|
--grid-v2-gap:var(--bp-space-020);
|
|
7600
7713
|
--grid-v2-padding:0;
|
|
7601
7714
|
--grid-v2-min-item-width:23.4375rem;
|
|
@@ -7652,13 +7765,13 @@
|
|
|
7652
7765
|
overflow:auto;
|
|
7653
7766
|
padding:var(--grid-v2-padding) 0;
|
|
7654
7767
|
}
|
|
7655
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7768
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55:has(.bp_base_grid_list_item_module_gridListV2Item--a9a55[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--a9a55:not(.bp_base_grid_list_item_module_droppableTarget--a9a55){
|
|
7656
7769
|
opacity:var(--grid-v2-undroppable-opacity);
|
|
7657
7770
|
}
|
|
7658
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7771
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55:has(.bp_base_grid_list_item_module_gridListV2Item--a9a55[data-dragging]) .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-dragging]{
|
|
7659
7772
|
opacity:var(--grid-v2-drag-opacity);
|
|
7660
7773
|
}
|
|
7661
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7774
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55{
|
|
7662
7775
|
--actions-opacity:0;
|
|
7663
7776
|
--subtitle-opacity:1;
|
|
7664
7777
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7676,20 +7789,20 @@
|
|
|
7676
7789
|
position:relative;
|
|
7677
7790
|
transform:translateZ(0);
|
|
7678
7791
|
}
|
|
7679
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7792
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55:focus-within{
|
|
7680
7793
|
--actions-opacity:1;
|
|
7681
7794
|
--subtitle-opacity:0;
|
|
7682
7795
|
}
|
|
7683
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7796
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55:focus-within{
|
|
7684
7797
|
--subtitle-opacity:1;
|
|
7685
7798
|
}
|
|
7686
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7799
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_statusPin--a9a55{
|
|
7687
7800
|
left:var(--grid-v2-item-status-pin-left);
|
|
7688
7801
|
position:absolute;
|
|
7689
7802
|
top:var(--grid-v2-item-status-pin-top);
|
|
7690
7803
|
transition:transform .15s ease-out;
|
|
7691
7804
|
}
|
|
7692
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7805
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7693
7806
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7694
7807
|
background:var(--grid-v2-thumbnail-background);
|
|
7695
7808
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7699,28 +7812,28 @@
|
|
|
7699
7812
|
position:relative;
|
|
7700
7813
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7701
7814
|
}
|
|
7702
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7815
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img{
|
|
7703
7816
|
height:100%;
|
|
7704
7817
|
max-height:none;
|
|
7705
7818
|
max-width:none;
|
|
7706
7819
|
object-fit:cover;
|
|
7707
7820
|
width:100%;
|
|
7708
7821
|
}
|
|
7709
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7822
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img.bp_base_grid_list_item_module_isImageFile--a9a55{
|
|
7710
7823
|
object-position:center;
|
|
7711
7824
|
}
|
|
7712
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7825
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img:not(.bp_base_grid_list_item_module_isImageFile--a9a55){
|
|
7713
7826
|
object-position:top left;
|
|
7714
7827
|
}
|
|
7715
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7828
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
7716
7829
|
border:none;
|
|
7717
7830
|
}
|
|
7718
7831
|
@media (pointer: coarse){
|
|
7719
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7832
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7720
7833
|
margin-block-end:var(--bp-space-010);
|
|
7721
7834
|
}
|
|
7722
7835
|
}
|
|
7723
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7836
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_thumbnailBadges--a9a55{
|
|
7724
7837
|
align-items:center;
|
|
7725
7838
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7726
7839
|
display:flex;
|
|
@@ -7728,12 +7841,12 @@
|
|
|
7728
7841
|
position:absolute;
|
|
7729
7842
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7730
7843
|
}
|
|
7731
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7844
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_statusBadge--a9a55{
|
|
7732
7845
|
align-items:center;
|
|
7733
7846
|
display:flex;
|
|
7734
7847
|
justify-content:center;
|
|
7735
7848
|
}
|
|
7736
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7849
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_fileTypePill--a9a55{
|
|
7737
7850
|
background:var(--grid-v2-file-type-pill-background);
|
|
7738
7851
|
border:var(--grid-v2-file-type-pill-border);
|
|
7739
7852
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7742,13 +7855,13 @@
|
|
|
7742
7855
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7743
7856
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7744
7857
|
}
|
|
7745
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7858
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
7746
7859
|
grid-area:subtitle;
|
|
7747
7860
|
margin-top:.25rem;
|
|
7748
7861
|
opacity:var(--actions-opacity);
|
|
7749
7862
|
transition:opacity .15s ease-out;
|
|
7750
7863
|
}
|
|
7751
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7864
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55{
|
|
7752
7865
|
align-items:center;
|
|
7753
7866
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7754
7867
|
display:flex;
|
|
@@ -7760,19 +7873,25 @@
|
|
|
7760
7873
|
transition:transform .15s ease-out;
|
|
7761
7874
|
width:var(--grid-v2-selection-width);
|
|
7762
7875
|
}
|
|
7763
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7876
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55:hover{
|
|
7764
7877
|
background:var(--grid-v2-selection-hover-background);
|
|
7765
7878
|
}
|
|
7766
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7879
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7767
7880
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7768
7881
|
display:flex;
|
|
7769
7882
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7770
7883
|
padding-inline-start:.25rem;
|
|
7771
7884
|
}
|
|
7772
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7885
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55.bp_base_grid_list_item_module_alwaysShowSelection--a9a55{
|
|
7886
|
+
--actions-opacity:1;
|
|
7887
|
+
}
|
|
7888
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55.bp_base_grid_list_item_module_alwaysShowSelection--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7889
|
+
display:none;
|
|
7890
|
+
}
|
|
7891
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7773
7892
|
padding-inline-start:.25rem;
|
|
7774
7893
|
}
|
|
7775
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7894
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7776
7895
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7777
7896
|
font-size:var(--bp-font-size-05);
|
|
7778
7897
|
font-style:normal;
|
|
@@ -7780,7 +7899,7 @@
|
|
|
7780
7899
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7781
7900
|
line-height:var(--bp-font-line-height-04);
|
|
7782
7901
|
}
|
|
7783
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7902
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7784
7903
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7785
7904
|
font-size:.875rem;
|
|
7786
7905
|
font-style:normal;
|
|
@@ -7791,7 +7910,7 @@
|
|
|
7791
7910
|
text-transform:none;
|
|
7792
7911
|
}
|
|
7793
7912
|
|
|
7794
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7913
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
7795
7914
|
color:var(--grid-v2-header-color);
|
|
7796
7915
|
display:block;
|
|
7797
7916
|
grid-area:head;
|
|
@@ -7800,7 +7919,7 @@
|
|
|
7800
7919
|
text-overflow:ellipsis;
|
|
7801
7920
|
white-space:nowrap;
|
|
7802
7921
|
}
|
|
7803
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7922
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7804
7923
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7805
7924
|
font-size:var(--bp-font-size-04);
|
|
7806
7925
|
font-style:normal;
|
|
@@ -7808,7 +7927,7 @@
|
|
|
7808
7927
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
7809
7928
|
line-height:var(--bp-font-line-height-04);
|
|
7810
7929
|
}
|
|
7811
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--
|
|
7930
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7812
7931
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7813
7932
|
font-size:.8125rem;
|
|
7814
7933
|
font-style:normal;
|
|
@@ -7819,7 +7938,7 @@
|
|
|
7819
7938
|
text-transform:none;
|
|
7820
7939
|
}
|
|
7821
7940
|
|
|
7822
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7941
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7823
7942
|
color:var(--grid-v2-subtitle-color);
|
|
7824
7943
|
display:block;
|
|
7825
7944
|
grid-area:subtitle;
|
|
@@ -7830,35 +7949,43 @@
|
|
|
7830
7949
|
transition:opacity .15s ease-out;
|
|
7831
7950
|
white-space:nowrap;
|
|
7832
7951
|
}
|
|
7833
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7952
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_textCentered--a9a55{
|
|
7834
7953
|
justify-content:center;
|
|
7835
7954
|
padding-inline-start:0;
|
|
7836
7955
|
text-align:center;
|
|
7837
7956
|
}
|
|
7838
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7957
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_innerCentered--a9a55{
|
|
7839
7958
|
justify-content:center;
|
|
7840
7959
|
padding-inline-start:0;
|
|
7841
7960
|
}
|
|
7842
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7961
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-hovered]{
|
|
7843
7962
|
--actions-opacity:1;
|
|
7844
7963
|
--subtitle-opacity:0;
|
|
7845
7964
|
}
|
|
7846
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7965
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55 .bp_base_grid_list_item_module_selection--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55 .bp_base_grid_list_item_module_statusPin--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true] .bp_base_grid_list_item_module_selection--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true] .bp_base_grid_list_item_module_statusPin--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible] .bp_base_grid_list_item_module_selection--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible] .bp_base_grid_list_item_module_statusPin--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-hovered] .bp_base_grid_list_item_module_selection--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-hovered] .bp_base_grid_list_item_module_statusPin--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-hovered] .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7847
7966
|
transform:translateY(-.125rem);
|
|
7848
7967
|
}
|
|
7849
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7968
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-hovered] .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
7850
7969
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7851
7970
|
}
|
|
7852
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7971
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true] .bp_base_grid_list_item_module_subtitle--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible] .bp_base_grid_list_item_module_subtitle--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-hovered] .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7853
7972
|
pointer-events:none;
|
|
7854
7973
|
}
|
|
7855
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7974
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55:is([data-hovered],
|
|
7975
|
+
.bp_base_grid_list_item_module_isItemInteracted--a9a55,
|
|
7976
|
+
[data-focus-visible],
|
|
7977
|
+
[aria-selected=true],
|
|
7978
|
+
:focus-within,
|
|
7979
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
7980
|
+
display:flex;
|
|
7981
|
+
}
|
|
7982
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55[data-hovered]{
|
|
7856
7983
|
--subtitle-opacity:1;
|
|
7857
7984
|
}
|
|
7858
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7985
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55[aria-selected=true] .bp_base_grid_list_item_module_subtitle--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55[data-focus-visible] .bp_base_grid_list_item_module_subtitle--a9a55,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55.bp_base_grid_list_item_module_noActions--a9a55[data-hovered] .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
7859
7986
|
pointer-events:auto;
|
|
7860
7987
|
}
|
|
7861
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7988
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-focus-visible]::before{
|
|
7862
7989
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7863
7990
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7864
7991
|
content:"";
|
|
@@ -7867,10 +7994,10 @@
|
|
|
7867
7994
|
position:absolute;
|
|
7868
7995
|
transform:translateY(-.125rem);
|
|
7869
7996
|
}
|
|
7870
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7997
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true]{
|
|
7871
7998
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7872
7999
|
}
|
|
7873
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8000
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[aria-selected=true]::after{
|
|
7874
8001
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7875
8002
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7876
8003
|
content:"";
|
|
@@ -7879,10 +8006,10 @@
|
|
|
7879
8006
|
position:absolute;
|
|
7880
8007
|
transform:translateY(-.125rem);
|
|
7881
8008
|
}
|
|
7882
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8009
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-drop-target]{
|
|
7883
8010
|
--item-background:var(--grid-v2-drop-target-background);
|
|
7884
8011
|
}
|
|
7885
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8012
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-drop-target]::after,.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
7886
8013
|
border:var(--grid-v2-drop-target-border);
|
|
7887
8014
|
border-radius:var(--grid-v2-item-border-radius);
|
|
7888
8015
|
content:"";
|
|
@@ -7892,22 +8019,25 @@
|
|
|
7892
8019
|
transform:none;
|
|
7893
8020
|
}
|
|
7894
8021
|
@media (pointer: coarse){
|
|
7895
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8022
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55{
|
|
7896
8023
|
--actions-opacity:1;
|
|
7897
8024
|
--subtitle-opacity:1;
|
|
7898
8025
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7899
8026
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7900
8027
|
}
|
|
7901
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
8028
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
7902
8029
|
grid-area:actions;
|
|
7903
8030
|
}
|
|
8031
|
+
.bp_base_grid_list_item_module_gridListV2--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55.bp_base_grid_list_item_module_alwaysShowSelection--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
8032
|
+
display:flex;
|
|
8033
|
+
}
|
|
7904
8034
|
}
|
|
7905
8035
|
|
|
7906
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
8036
|
+
.bp_base_grid_list_item_module_gridListV2Small--a9a55{
|
|
7907
8037
|
--grid-v2-min-item-width:15.625rem;
|
|
7908
8038
|
}
|
|
7909
8039
|
|
|
7910
|
-
.bp_base_grid_list_item_module_gridListV2XSmall--
|
|
8040
|
+
.bp_base_grid_list_item_module_gridListV2XSmall--a9a55{
|
|
7911
8041
|
--grid-v2-min-item-width:8.75rem;
|
|
7912
8042
|
--grid-v2-header-height:utils.pxtorem(22);
|
|
7913
8043
|
--grid-v2-subtitle-height:utils.pxtorem(28);
|
|
@@ -7916,7 +8046,7 @@
|
|
|
7916
8046
|
--grid-v2-selection-height:var(--bp-size-060);
|
|
7917
8047
|
}
|
|
7918
8048
|
|
|
7919
|
-
.bp_base_grid_list_item_module_gridListV2XSmallBordered--
|
|
8049
|
+
.bp_base_grid_list_item_module_gridListV2XSmallBordered--a9a55 .bp_base_grid_list_item_module_gridListV2Item--a9a55::after{
|
|
7920
8050
|
border:var(--grid-v2-thumbnail-border);
|
|
7921
8051
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7922
8052
|
content:"";
|
|
@@ -7925,7 +8055,7 @@
|
|
|
7925
8055
|
position:absolute;
|
|
7926
8056
|
transform:translateY(-.125rem);
|
|
7927
8057
|
}
|
|
7928
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8058
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--a9a55{
|
|
7929
8059
|
display:grid;
|
|
7930
8060
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7931
8061
|
grid-template-columns:1fr;
|
|
@@ -7937,15 +8067,15 @@
|
|
|
7937
8067
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7938
8068
|
}
|
|
7939
8069
|
@media (pointer: coarse){
|
|
7940
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
8070
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--a9a55{
|
|
7941
8071
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7942
8072
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7943
8073
|
}
|
|
7944
8074
|
}
|
|
7945
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
8075
|
+
.bp_base_grid_list_item_module_listV2ClickShield--a9a55{
|
|
7946
8076
|
display:contents;
|
|
7947
8077
|
}
|
|
7948
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8078
|
+
.bp_base_grid_list_item_module_listV2--a9a55{
|
|
7949
8079
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7950
8080
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7951
8081
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -7994,13 +8124,13 @@
|
|
|
7994
8124
|
padding:var(--list-v2-padding);
|
|
7995
8125
|
width:100%;
|
|
7996
8126
|
}
|
|
7997
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8127
|
+
.bp_base_grid_list_item_module_listV2--a9a55:has(.bp_base_grid_list_item_module_listV2Item--a9a55[data-dragging]) .bp_base_grid_list_item_module_listV2Item--a9a55:not(.bp_base_grid_list_item_module_droppableTarget--a9a55){
|
|
7998
8128
|
opacity:var(--list-v2-undroppable-opacity);
|
|
7999
8129
|
}
|
|
8000
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8130
|
+
.bp_base_grid_list_item_module_listV2--a9a55:has(.bp_base_grid_list_item_module_listV2Item--a9a55[data-dragging]) .bp_base_grid_list_item_module_listV2Item--a9a55[data-dragging]{
|
|
8001
8131
|
opacity:var(--list-v2-drag-opacity);
|
|
8002
8132
|
}
|
|
8003
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8133
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55{
|
|
8004
8134
|
--actions-opacity:0;
|
|
8005
8135
|
--item-background:var(--list-v2-item-background);
|
|
8006
8136
|
align-items:center;
|
|
@@ -8018,10 +8148,10 @@
|
|
|
8018
8148
|
position:relative;
|
|
8019
8149
|
transition:background .15s ease-out;
|
|
8020
8150
|
}
|
|
8021
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8151
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55:not(:first-child){
|
|
8022
8152
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
8023
8153
|
}
|
|
8024
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8154
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_listV2Divider--a9a55{
|
|
8025
8155
|
background:var(--list-v2-divider-color);
|
|
8026
8156
|
height:.0625rem;
|
|
8027
8157
|
left:0;
|
|
@@ -8030,10 +8160,10 @@
|
|
|
8030
8160
|
right:0;
|
|
8031
8161
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
8032
8162
|
}
|
|
8033
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8163
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55:first-child .bp_base_grid_list_item_module_listV2Divider--a9a55{
|
|
8034
8164
|
display:none;
|
|
8035
8165
|
}
|
|
8036
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8166
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
8037
8167
|
align-items:center;
|
|
8038
8168
|
align-self:stretch;
|
|
8039
8169
|
aspect-ratio:4/3;
|
|
@@ -8047,15 +8177,15 @@
|
|
|
8047
8177
|
position:relative;
|
|
8048
8178
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
8049
8179
|
}
|
|
8050
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8180
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 img,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 svg{
|
|
8051
8181
|
height:100%;
|
|
8052
8182
|
object-fit:cover;
|
|
8053
8183
|
width:100%;
|
|
8054
8184
|
}
|
|
8055
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8185
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55.bp_base_grid_list_item_module_loading--a9a55{
|
|
8056
8186
|
border:none;
|
|
8057
8187
|
}
|
|
8058
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8188
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_thumbnailBadges--a9a55{
|
|
8059
8189
|
align-items:center;
|
|
8060
8190
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
8061
8191
|
display:flex;
|
|
@@ -8063,17 +8193,17 @@
|
|
|
8063
8193
|
position:absolute;
|
|
8064
8194
|
right:var(--list-v2-thumbnail-badges-right);
|
|
8065
8195
|
}
|
|
8066
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8196
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_statusBadge--a9a55{
|
|
8067
8197
|
align-items:center;
|
|
8068
8198
|
display:flex;
|
|
8069
8199
|
justify-content:center;
|
|
8070
8200
|
}
|
|
8071
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8201
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_statusBadge--a9a55 img,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_statusBadge--a9a55 svg{
|
|
8072
8202
|
height:.875rem;
|
|
8073
8203
|
object-fit:contain;
|
|
8074
8204
|
width:.875rem;
|
|
8075
8205
|
}
|
|
8076
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8206
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55 .bp_base_grid_list_item_module_fileTypePill--a9a55{
|
|
8077
8207
|
align-items:center;
|
|
8078
8208
|
background:var(--list-v2-file-type-pill-background);
|
|
8079
8209
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -8082,7 +8212,7 @@
|
|
|
8082
8212
|
height:var(--list-v2-file-type-pill-height);
|
|
8083
8213
|
padding:var(--list-v2-file-type-pill-padding);
|
|
8084
8214
|
}
|
|
8085
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8215
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_content--a9a55{
|
|
8086
8216
|
display:flex;
|
|
8087
8217
|
flex-direction:column;
|
|
8088
8218
|
gap:var(--list-v2-content-gap);
|
|
@@ -8090,7 +8220,7 @@
|
|
|
8090
8220
|
min-width:0;
|
|
8091
8221
|
padding-right:.5rem;
|
|
8092
8222
|
}
|
|
8093
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8223
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
8094
8224
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8095
8225
|
font-size:var(--bp-font-size-05);
|
|
8096
8226
|
font-style:normal;
|
|
@@ -8098,7 +8228,7 @@
|
|
|
8098
8228
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8099
8229
|
line-height:var(--bp-font-line-height-04);
|
|
8100
8230
|
}
|
|
8101
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8231
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
8102
8232
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8103
8233
|
font-size:.875rem;
|
|
8104
8234
|
font-style:normal;
|
|
@@ -8109,14 +8239,14 @@
|
|
|
8109
8239
|
text-transform:none;
|
|
8110
8240
|
}
|
|
8111
8241
|
|
|
8112
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8242
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_header--a9a55{
|
|
8113
8243
|
color:var(--list-v2-header-color);
|
|
8114
8244
|
display:block;
|
|
8115
8245
|
overflow:hidden;
|
|
8116
8246
|
text-overflow:ellipsis;
|
|
8117
8247
|
white-space:nowrap;
|
|
8118
8248
|
}
|
|
8119
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8249
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
8120
8250
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8121
8251
|
font-size:var(--bp-font-size-04);
|
|
8122
8252
|
font-style:normal;
|
|
@@ -8124,7 +8254,7 @@
|
|
|
8124
8254
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
8125
8255
|
line-height:var(--bp-font-line-height-04);
|
|
8126
8256
|
}
|
|
8127
|
-
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--
|
|
8257
|
+
:where(body.is-inter-font) .bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
8128
8258
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
8129
8259
|
font-size:.8125rem;
|
|
8130
8260
|
font-style:normal;
|
|
@@ -8135,14 +8265,14 @@
|
|
|
8135
8265
|
text-transform:none;
|
|
8136
8266
|
}
|
|
8137
8267
|
|
|
8138
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8268
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_subtitle--a9a55{
|
|
8139
8269
|
color:var(--list-v2-subtitle-color);
|
|
8140
8270
|
display:block;
|
|
8141
8271
|
overflow:hidden;
|
|
8142
8272
|
text-overflow:ellipsis;
|
|
8143
8273
|
white-space:nowrap;
|
|
8144
8274
|
}
|
|
8145
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8275
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
8146
8276
|
align-items:center;
|
|
8147
8277
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
8148
8278
|
display:flex;
|
|
@@ -8156,11 +8286,11 @@
|
|
|
8156
8286
|
transition:opacity .15s ease-out;
|
|
8157
8287
|
}
|
|
8158
8288
|
@media (pointer: coarse){
|
|
8159
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8289
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55{
|
|
8160
8290
|
--actions-opacity:1;
|
|
8161
8291
|
}
|
|
8162
8292
|
}
|
|
8163
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8293
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55{
|
|
8164
8294
|
align-items:center;
|
|
8165
8295
|
border-radius:var(--list-v2-selection-border-radius);
|
|
8166
8296
|
display:flex;
|
|
@@ -8168,28 +8298,49 @@
|
|
|
8168
8298
|
justify-content:center;
|
|
8169
8299
|
width:var(--list-v2-selection-size);
|
|
8170
8300
|
}
|
|
8171
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8301
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_selection--a9a55:hover{
|
|
8172
8302
|
background:var(--list-v2-selection-hover-background);
|
|
8173
8303
|
}
|
|
8174
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8304
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
8175
8305
|
align-items:center;
|
|
8176
8306
|
display:flex;
|
|
8177
8307
|
gap:var(--list-v2-actions-gap);
|
|
8178
8308
|
}
|
|
8179
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8309
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_actionsCheckboxWrapper--a9a55{
|
|
8310
|
+
align-items:center;
|
|
8180
8311
|
display:flex;
|
|
8181
8312
|
}
|
|
8182
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8313
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55.bp_base_grid_list_item_module_alwaysShowSelection--a9a55{
|
|
8183
8314
|
--actions-opacity:1;
|
|
8184
8315
|
}
|
|
8185
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8316
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55.bp_base_grid_list_item_module_alwaysShowSelection--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
8317
|
+
display:none;
|
|
8318
|
+
}
|
|
8319
|
+
@media (pointer: coarse){
|
|
8320
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55 .bp_base_grid_list_item_module_actions--a9a55.bp_base_grid_list_item_module_alwaysShowSelection--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
8321
|
+
display:flex;
|
|
8322
|
+
}
|
|
8323
|
+
}
|
|
8324
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55:hover,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[aria-selected=true],.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-focus-visible],.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-hovered]{
|
|
8325
|
+
--actions-opacity:1;
|
|
8326
|
+
}
|
|
8327
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55 .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55:hover .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--a9a55,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-hovered] .bp_base_grid_list_item_module_thumbnail--a9a55{
|
|
8186
8328
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
8187
8329
|
transform:translateY(-.125rem);
|
|
8188
8330
|
}
|
|
8189
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8331
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55:is(:hover,
|
|
8332
|
+
[data-hovered],
|
|
8333
|
+
.bp_base_grid_list_item_module_isItemInteracted--a9a55,
|
|
8334
|
+
[data-focus-visible],
|
|
8335
|
+
[aria-selected=true],
|
|
8336
|
+
:focus-within,
|
|
8337
|
+
:has([aria-expanded=true])) .bp_base_grid_list_item_module_actions--a9a55 .bp_base_grid_list_item_module_inner--a9a55{
|
|
8338
|
+
display:flex;
|
|
8339
|
+
}
|
|
8340
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55.bp_base_grid_list_item_module_isItemInteracted--a9a55,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55:hover,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-hovered]{
|
|
8190
8341
|
--item-background:var(--list-v2-hover-background);
|
|
8191
8342
|
}
|
|
8192
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8343
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-focus-visible]::before{
|
|
8193
8344
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
8194
8345
|
border-radius:var(--list-v2-focus-border-radius);
|
|
8195
8346
|
content:"";
|
|
@@ -8198,10 +8349,10 @@
|
|
|
8198
8349
|
position:absolute;
|
|
8199
8350
|
transform:translateY(-.125rem);
|
|
8200
8351
|
}
|
|
8201
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8352
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[aria-selected=true]{
|
|
8202
8353
|
--item-background:var(--list-v2-selected-background);
|
|
8203
8354
|
}
|
|
8204
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8355
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[aria-selected=true]::after{
|
|
8205
8356
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
8206
8357
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8207
8358
|
content:"";
|
|
@@ -8210,18 +8361,18 @@
|
|
|
8210
8361
|
position:absolute;
|
|
8211
8362
|
transform:translateY(-.125rem);
|
|
8212
8363
|
}
|
|
8213
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8364
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-focus-visible][aria-selected=true]::after{
|
|
8214
8365
|
border-radius:var(--list-v2-selected-border-radius);
|
|
8215
8366
|
inset:-.1875rem;
|
|
8216
8367
|
transform:translateY(-.125rem);
|
|
8217
8368
|
}
|
|
8218
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8369
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-drop-target]{
|
|
8219
8370
|
--item-background:var(--list-v2-drop-target-background);
|
|
8220
8371
|
}
|
|
8221
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8372
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-drop-target] .bp_base_grid_list_item_module_listV2Divider--a9a55{
|
|
8222
8373
|
display:none;
|
|
8223
8374
|
}
|
|
8224
|
-
.bp_base_grid_list_item_module_listV2--
|
|
8375
|
+
.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-drop-target]::after,.bp_base_grid_list_item_module_listV2--a9a55 .bp_base_grid_list_item_module_listV2Item--a9a55[data-drop-target][data-focus-visible][aria-selected=true]::after{
|
|
8225
8376
|
border:var(--list-v2-drop-target-border);
|
|
8226
8377
|
border-radius:var(--list-v2-item-border-radius);
|
|
8227
8378
|
content:"";
|
|
@@ -8231,7 +8382,7 @@
|
|
|
8231
8382
|
transform:none;
|
|
8232
8383
|
}
|
|
8233
8384
|
|
|
8234
|
-
.bp_base_grid_list_item_module_staticList--
|
|
8385
|
+
.bp_base_grid_list_item_module_staticList--a9a55 .bp_base_grid_list_item_module_staticListItem--a9a55{
|
|
8235
8386
|
display:contents;
|
|
8236
8387
|
}
|
|
8237
8388
|
.bp_guided_tooltip_module_content--1247c{
|
|
@@ -8603,7 +8754,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8603
8754
|
display:inline;
|
|
8604
8755
|
}
|
|
8605
8756
|
|
|
8606
|
-
.bp_modal_module_overlay--
|
|
8757
|
+
.bp_modal_module_overlay--ecdb9{
|
|
8607
8758
|
--modal-overlay-background:var(--bp-overlay-modal-overlay);
|
|
8608
8759
|
--modal-content-background:var(--bp-surface-modal-surface);
|
|
8609
8760
|
--modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
|
|
@@ -8624,6 +8775,10 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8624
8775
|
--modal-close-button-on-color-background:var(--bp-surface-cta-surface-tertiary);
|
|
8625
8776
|
--modal-close-button-on-color-background-hover:var(--bp-surface-cta-surface-icon-hover);
|
|
8626
8777
|
--modal-close-button-on-color-background-pressed:var(--bp-surface-cta-surface-icon-pressed);
|
|
8778
|
+
--modal-header-action-size:var(--bp-size-080);
|
|
8779
|
+
--modal-header-actions-gap:calc(var(--bp-space-020) + var(--bp-space-005));
|
|
8780
|
+
--modal-header-actions-offset-right:calc(var(--modal-close-button-offset-right) + var(--modal-header-action-size) + var(--modal-header-actions-gap));
|
|
8781
|
+
--modal-header-actions-title-offset:calc(var(--modal-header-actions-offset-right) + var(--bp-space-060));
|
|
8627
8782
|
--modal-back-button-color:var(--bp-icon-icon-on-light-secondary);
|
|
8628
8783
|
--modal-back-button-margin-top-start:var(--bp-space-040);
|
|
8629
8784
|
--modal-back-button-margin-inline-start:var(--bp-space-040);
|
|
@@ -8651,15 +8806,16 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8651
8806
|
z-index:var(--z-index-modal);
|
|
8652
8807
|
}
|
|
8653
8808
|
@media (width > 459px){
|
|
8654
|
-
.bp_modal_module_overlay--
|
|
8809
|
+
.bp_modal_module_overlay--ecdb9{
|
|
8810
|
+
--modal-header-action-size:var(--bp-size-100);
|
|
8655
8811
|
place-items:center;
|
|
8656
8812
|
}
|
|
8657
8813
|
}
|
|
8658
8814
|
|
|
8659
|
-
.bp_modal_module_headerDividerLine--
|
|
8815
|
+
.bp_modal_module_headerDividerLine--ecdb9{
|
|
8660
8816
|
position:relative;
|
|
8661
8817
|
}
|
|
8662
|
-
.bp_modal_module_headerDividerLine--
|
|
8818
|
+
.bp_modal_module_headerDividerLine--ecdb9::after{
|
|
8663
8819
|
border-bottom:var(--modal-divider-line-border);
|
|
8664
8820
|
bottom:0;
|
|
8665
8821
|
content:"";
|
|
@@ -8668,16 +8824,16 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8668
8824
|
right:var(--modal-divider-line-offset-right);
|
|
8669
8825
|
}
|
|
8670
8826
|
@media (width > 459px){
|
|
8671
|
-
.bp_modal_module_headerDividerLine--
|
|
8827
|
+
.bp_modal_module_headerDividerLine--ecdb9::after{
|
|
8672
8828
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
8673
8829
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
8674
8830
|
}
|
|
8675
8831
|
}
|
|
8676
8832
|
|
|
8677
|
-
.bp_modal_module_footerDividerLine--
|
|
8833
|
+
.bp_modal_module_footerDividerLine--ecdb9{
|
|
8678
8834
|
position:relative;
|
|
8679
8835
|
}
|
|
8680
|
-
.bp_modal_module_footerDividerLine--
|
|
8836
|
+
.bp_modal_module_footerDividerLine--ecdb9::before{
|
|
8681
8837
|
border-bottom:var(--modal-divider-line-border);
|
|
8682
8838
|
content:"";
|
|
8683
8839
|
left:var(--modal-divider-line-offset-left);
|
|
@@ -8686,13 +8842,13 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8686
8842
|
top:0;
|
|
8687
8843
|
}
|
|
8688
8844
|
@media (width > 459px){
|
|
8689
|
-
.bp_modal_module_footerDividerLine--
|
|
8845
|
+
.bp_modal_module_footerDividerLine--ecdb9::before{
|
|
8690
8846
|
left:var(--modal-divider-line-offset-left-non-fullscreen);
|
|
8691
8847
|
right:var(--modal-divider-line-offset-right-non-fullscreen);
|
|
8692
8848
|
}
|
|
8693
8849
|
}
|
|
8694
8850
|
|
|
8695
|
-
.bp_modal_module_content--
|
|
8851
|
+
.bp_modal_module_content--ecdb9{
|
|
8696
8852
|
display:flex;
|
|
8697
8853
|
flex-direction:column;
|
|
8698
8854
|
height:100vh;
|
|
@@ -8700,15 +8856,15 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8700
8856
|
position:relative;
|
|
8701
8857
|
}
|
|
8702
8858
|
@media (width > 374px){
|
|
8703
|
-
.bp_modal_module_content--
|
|
8859
|
+
.bp_modal_module_content--ecdb9{
|
|
8704
8860
|
overflow:hidden;
|
|
8705
8861
|
}
|
|
8706
8862
|
}
|
|
8707
|
-
.bp_modal_module_content--
|
|
8863
|
+
.bp_modal_module_content--ecdb9{
|
|
8708
8864
|
background-color:var(--modal-content-background);
|
|
8709
8865
|
}
|
|
8710
8866
|
@media (width > 459px){
|
|
8711
|
-
.bp_modal_module_content--
|
|
8867
|
+
.bp_modal_module_content--ecdb9{
|
|
8712
8868
|
border-radius:var(--modal-border-radius);
|
|
8713
8869
|
height:auto;
|
|
8714
8870
|
margin:var(--modal-margin);
|
|
@@ -8716,97 +8872,122 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8716
8872
|
min-width:var(--modal-min-width-non-fullscreen);
|
|
8717
8873
|
transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
|
|
8718
8874
|
}
|
|
8719
|
-
.bp_modal_module_content--
|
|
8875
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_smallSizeModal--ecdb9{
|
|
8720
8876
|
max-width:var(--modal-max-width-small);
|
|
8721
8877
|
}
|
|
8722
|
-
.bp_modal_module_content--
|
|
8878
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_mediumSizeModal--ecdb9{
|
|
8723
8879
|
max-width:var(--modal-max-width-medium);
|
|
8724
8880
|
}
|
|
8725
|
-
.bp_modal_module_content--
|
|
8881
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_largeSizeModal--ecdb9{
|
|
8726
8882
|
max-width:var(--modal-max-width-large);
|
|
8727
8883
|
}
|
|
8728
|
-
.bp_modal_module_content--
|
|
8884
|
+
.bp_modal_module_content--ecdb9.bp_modal_module_xlargeSizeModal--ecdb9{
|
|
8729
8885
|
max-width:var(--modal-max-width-xlarge);
|
|
8730
8886
|
}
|
|
8731
8887
|
}
|
|
8732
|
-
.bp_modal_module_content--
|
|
8888
|
+
.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
8889
|
display:none;
|
|
8734
8890
|
}
|
|
8735
8891
|
@media (width > 459px){
|
|
8736
|
-
.bp_modal_module_content--
|
|
8892
|
+
.bp_modal_module_content--ecdb9:has(.bp_modal_module_loadingContainerActive--ecdb9){
|
|
8737
8893
|
max-height:var(--modal-max-height-loading);
|
|
8738
8894
|
max-width:var(--modal-max-width-loading);
|
|
8739
8895
|
}
|
|
8740
8896
|
}
|
|
8741
8897
|
|
|
8742
|
-
.bp_modal_module_overlay--
|
|
8743
|
-
animation:bp_modal_module_popup_bounce_in--
|
|
8898
|
+
.bp_modal_module_overlay--ecdb9 .bp_modal_module_content--ecdb9[data-bp-animated=false]{
|
|
8899
|
+
animation:bp_modal_module_popup_bounce_in--ecdb9 var(--animation-duration-3);
|
|
8744
8900
|
}
|
|
8745
8901
|
|
|
8746
|
-
.bp_modal_module_overlay--
|
|
8902
|
+
.bp_modal_module_overlay--ecdb9 .bp_modal_module_content--ecdb9[data-bp-animated=true][data-state=open]{
|
|
8747
8903
|
animation-duration:var(--bp-duration-long);
|
|
8748
8904
|
animation-fill-mode:backwards;
|
|
8749
|
-
animation-name:bp_modal_module_bpModalEnter--
|
|
8905
|
+
animation-name:bp_modal_module_bpModalEnter--ecdb9;
|
|
8750
8906
|
animation-timing-function:var(--bp-curve-large-on);
|
|
8751
8907
|
}
|
|
8752
8908
|
|
|
8753
|
-
.bp_modal_module_overlay--
|
|
8909
|
+
.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
8910
|
animation-duration:var(--bp-duration-medium);
|
|
8755
8911
|
animation-fill-mode:forwards;
|
|
8756
|
-
animation-name:bp_modal_module_bpModalExit--
|
|
8912
|
+
animation-name:bp_modal_module_bpModalExit--ecdb9;
|
|
8757
8913
|
animation-timing-function:var(--bp-curve-large-off);
|
|
8758
8914
|
}
|
|
8759
8915
|
|
|
8760
|
-
.bp_modal_module_scrollableContainer--
|
|
8916
|
+
.bp_modal_module_scrollableContainer--ecdb9{
|
|
8761
8917
|
flex-grow:1;
|
|
8762
8918
|
}
|
|
8763
8919
|
@media (width > 374px){
|
|
8764
|
-
.bp_modal_module_scrollableContainer--
|
|
8920
|
+
.bp_modal_module_scrollableContainer--ecdb9{
|
|
8765
8921
|
overflow-y:auto;
|
|
8766
8922
|
}
|
|
8767
8923
|
}
|
|
8768
8924
|
|
|
8769
|
-
.bp_modal_module_content--
|
|
8925
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_close--ecdb9{
|
|
8770
8926
|
position:fixed;
|
|
8771
8927
|
}
|
|
8772
8928
|
@media (width > 374px){
|
|
8773
|
-
.bp_modal_module_content--
|
|
8929
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_close--ecdb9{
|
|
8774
8930
|
position:absolute;
|
|
8775
8931
|
}
|
|
8776
8932
|
}
|
|
8777
|
-
.bp_modal_module_content--
|
|
8933
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_close--ecdb9{
|
|
8778
8934
|
color:var(--modal-close-button-color);
|
|
8779
8935
|
right:var(--modal-close-button-offset-right);
|
|
8780
8936
|
top:var(--modal-close-button-offset-top);
|
|
8781
8937
|
}
|
|
8782
8938
|
|
|
8783
|
-
.
|
|
8939
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9{
|
|
8940
|
+
position:fixed;
|
|
8941
|
+
}
|
|
8942
|
+
@media (width > 374px){
|
|
8943
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9{
|
|
8944
|
+
position:absolute;
|
|
8945
|
+
}
|
|
8946
|
+
}
|
|
8947
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9{
|
|
8948
|
+
display:flex;
|
|
8949
|
+
gap:var(--modal-header-actions-gap);
|
|
8950
|
+
right:var(--modal-header-actions-offset-right);
|
|
8951
|
+
top:var(--modal-close-button-offset-top);
|
|
8952
|
+
}
|
|
8953
|
+
@media (width <= 459px){
|
|
8954
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_modalHeaderActions--ecdb9 > :nth-child(n+2){
|
|
8955
|
+
display:none;
|
|
8956
|
+
}
|
|
8957
|
+
}
|
|
8958
|
+
|
|
8959
|
+
.bp_modal_module_content--ecdb9:not(:has(.bp_modal_module_close--ecdb9)){
|
|
8960
|
+
--modal-header-actions-offset-right:var(--modal-close-button-offset-right);
|
|
8961
|
+
--modal-header-actions-title-offset:calc(var(--modal-header-actions-offset-right) + var(--bp-space-060));
|
|
8962
|
+
}
|
|
8963
|
+
|
|
8964
|
+
.bp_modal_module_close--ecdb9.bp_modal_module_onColor--ecdb9{
|
|
8784
8965
|
background-color:var(--modal-close-button-on-color-background);
|
|
8785
8966
|
}
|
|
8786
|
-
.bp_modal_module_close--
|
|
8967
|
+
.bp_modal_module_close--ecdb9.bp_modal_module_onColor--ecdb9:hover{
|
|
8787
8968
|
background-color:var(--modal-close-button-on-color-background-hover);
|
|
8788
8969
|
}
|
|
8789
|
-
.bp_modal_module_close--
|
|
8970
|
+
.bp_modal_module_close--ecdb9.bp_modal_module_onColor--ecdb9:active{
|
|
8790
8971
|
background-color:var(--modal-close-button-on-color-background-pressed);
|
|
8791
8972
|
}
|
|
8792
8973
|
|
|
8793
|
-
.bp_modal_module_content--
|
|
8974
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_backButton--ecdb9{
|
|
8794
8975
|
color:var(--modal-back-button-color);
|
|
8795
8976
|
margin-block-start:var(--modal-back-button-margin-top-start);
|
|
8796
8977
|
margin-inline-start:var(--modal-back-button-margin-inline-start);
|
|
8797
8978
|
}
|
|
8798
8979
|
@media (width > 459px){
|
|
8799
|
-
.bp_modal_module_content--
|
|
8980
|
+
.bp_modal_module_content--ecdb9 .bp_modal_module_backButton--ecdb9{
|
|
8800
8981
|
height:var(--modal-back-button-size-non-fullscreen);
|
|
8801
8982
|
width:var(--modal-back-button-size-non-fullscreen);
|
|
8802
8983
|
}
|
|
8803
8984
|
}
|
|
8804
8985
|
|
|
8805
|
-
.bp_modal_module_modalHeader--
|
|
8986
|
+
.bp_modal_module_modalHeader--ecdb9{
|
|
8806
8987
|
display:flex;
|
|
8807
8988
|
}
|
|
8808
8989
|
|
|
8809
|
-
.bp_modal_module_modalTitle--
|
|
8990
|
+
.bp_modal_module_modalTitle--ecdb9{
|
|
8810
8991
|
display:flex;
|
|
8811
8992
|
flex-direction:column;
|
|
8812
8993
|
gap:var(--modal-title-gap);
|
|
@@ -8814,17 +8995,30 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8814
8995
|
padding:var(--modal-title-padding);
|
|
8815
8996
|
}
|
|
8816
8997
|
@media (width > 459px){
|
|
8817
|
-
.bp_modal_module_modalTitle--
|
|
8998
|
+
.bp_modal_module_modalTitle--ecdb9{
|
|
8818
8999
|
padding:var(--modal-title-padding-non-fullscreen);
|
|
8819
9000
|
}
|
|
8820
9001
|
}
|
|
8821
9002
|
|
|
8822
|
-
.
|
|
9003
|
+
.bp_modal_module_modalHeaderWithActions--ecdb9:has(.bp_modal_module_modalHeaderActions--ecdb9 > *){
|
|
9004
|
+
--modal-header-actions-width:var(--modal-header-action-size);
|
|
9005
|
+
}
|
|
9006
|
+
.bp_modal_module_modalHeaderWithActions--ecdb9:has(.bp_modal_module_modalHeaderActions--ecdb9 > *) .bp_modal_module_modalTitle--ecdb9{
|
|
9007
|
+
padding-right:calc(var(--modal-header-actions-title-offset) + var(--modal-header-actions-width));
|
|
9008
|
+
}
|
|
9009
|
+
|
|
9010
|
+
@media (width > 459px){
|
|
9011
|
+
.bp_modal_module_modalHeaderWithActions--ecdb9:has(.bp_modal_module_modalHeaderActions--ecdb9 > :nth-child(2)){
|
|
9012
|
+
--modal-header-actions-width:calc(var(--modal-header-action-size)*2 + var(--modal-header-actions-gap));
|
|
9013
|
+
}
|
|
9014
|
+
}
|
|
9015
|
+
|
|
9016
|
+
.bp_modal_module_modalHeaderWithAddon--ecdb9{
|
|
8823
9017
|
container-name:modal-header;
|
|
8824
9018
|
container-type:inline-size;
|
|
8825
9019
|
}
|
|
8826
9020
|
|
|
8827
|
-
.bp_modal_module_modalTitleWithAddon--
|
|
9021
|
+
.bp_modal_module_modalTitleWithAddon--ecdb9{
|
|
8828
9022
|
align-items:center;
|
|
8829
9023
|
flex-flow:row wrap;
|
|
8830
9024
|
gap:var(--modal-title-addon-gap) var(--modal-title-inline-gap);
|
|
@@ -8832,7 +9026,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8832
9026
|
width:100%;
|
|
8833
9027
|
}
|
|
8834
9028
|
|
|
8835
|
-
.bp_modal_module_modalTitleLabel--
|
|
9029
|
+
.bp_modal_module_modalTitleLabel--ecdb9{
|
|
8836
9030
|
display:flex;
|
|
8837
9031
|
flex-direction:column;
|
|
8838
9032
|
gap:var(--modal-title-gap);
|
|
@@ -8840,105 +9034,105 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8840
9034
|
min-width:0;
|
|
8841
9035
|
}
|
|
8842
9036
|
|
|
8843
|
-
.bp_modal_module_modalTitleAddon--
|
|
9037
|
+
.bp_modal_module_modalTitleAddon--ecdb9{
|
|
8844
9038
|
flex-shrink:0;
|
|
8845
9039
|
max-width:100%;
|
|
8846
9040
|
}
|
|
8847
9041
|
|
|
8848
|
-
.bp_modal_module_modalTitleText--
|
|
9042
|
+
.bp_modal_module_modalTitleText--ecdb9{
|
|
8849
9043
|
-webkit-box-orient:vertical;
|
|
8850
9044
|
-webkit-line-clamp:1;
|
|
8851
9045
|
display:-webkit-box;
|
|
8852
9046
|
overflow:hidden;
|
|
8853
9047
|
}
|
|
8854
9048
|
|
|
8855
|
-
.bp_modal_module_modalTitleWithSubtitle--
|
|
9049
|
+
.bp_modal_module_modalTitleWithSubtitle--ecdb9 > *{
|
|
8856
9050
|
flex-basis:100%;
|
|
8857
9051
|
}
|
|
8858
9052
|
|
|
8859
9053
|
@container modal-header (max-width: 759px){
|
|
8860
|
-
.bp_modal_module_modalTitleWithAddon--
|
|
9054
|
+
.bp_modal_module_modalTitleWithAddon--ecdb9 > *{
|
|
8861
9055
|
flex-basis:100%;
|
|
8862
9056
|
}
|
|
8863
|
-
.bp_modal_module_modalTitleText--
|
|
9057
|
+
.bp_modal_module_modalTitleText--ecdb9{
|
|
8864
9058
|
-webkit-box-orient:vertical;
|
|
8865
9059
|
-webkit-line-clamp:2;
|
|
8866
9060
|
display:-webkit-box;
|
|
8867
9061
|
overflow:hidden;
|
|
8868
9062
|
}
|
|
8869
9063
|
}
|
|
8870
|
-
.bp_modal_module_body--
|
|
9064
|
+
.bp_modal_module_body--ecdb9{
|
|
8871
9065
|
color:var(--modal-body-text-color);
|
|
8872
9066
|
padding:var(--modal-body-padding-fullscreen);
|
|
8873
9067
|
}
|
|
8874
9068
|
@media (width > 459px){
|
|
8875
|
-
.bp_modal_module_body--
|
|
9069
|
+
.bp_modal_module_body--ecdb9{
|
|
8876
9070
|
padding:var(--modal-body-padding-non-fullscreen);
|
|
8877
9071
|
}
|
|
8878
9072
|
}
|
|
8879
9073
|
|
|
8880
|
-
.bp_modal_module_footer--
|
|
9074
|
+
.bp_modal_module_footer--ecdb9{
|
|
8881
9075
|
display:flex;
|
|
8882
9076
|
justify-content:flex-end;
|
|
8883
9077
|
padding:var(--modal-footer-padding);
|
|
8884
9078
|
}
|
|
8885
9079
|
@media (width > 459px){
|
|
8886
|
-
.bp_modal_module_footer--
|
|
9080
|
+
.bp_modal_module_footer--ecdb9{
|
|
8887
9081
|
padding:var(--modal-footer-padding-non-fullscreen);
|
|
8888
9082
|
}
|
|
8889
9083
|
}
|
|
8890
|
-
.bp_modal_module_footer--
|
|
9084
|
+
.bp_modal_module_footer--ecdb9 .bp_modal_module_footerButton--ecdb9{
|
|
8891
9085
|
cursor:pointer;
|
|
8892
9086
|
}
|
|
8893
9087
|
|
|
8894
|
-
.bp_modal_module_footerButton--
|
|
9088
|
+
.bp_modal_module_footerButton--ecdb9 + .bp_modal_module_footerButton--ecdb9{
|
|
8895
9089
|
margin-inline-start:var(--modal-footer-button-margin-inline-start);
|
|
8896
9090
|
}
|
|
8897
9091
|
|
|
8898
|
-
.bp_modal_module_loadingContainer--
|
|
9092
|
+
.bp_modal_module_loadingContainer--ecdb9{
|
|
8899
9093
|
display:flex;
|
|
8900
9094
|
flex-direction:column;
|
|
8901
9095
|
flex-grow:1;
|
|
8902
9096
|
position:relative;
|
|
8903
9097
|
}
|
|
8904
9098
|
@media (width > 374px){
|
|
8905
|
-
.bp_modal_module_loadingContainer--
|
|
9099
|
+
.bp_modal_module_loadingContainer--ecdb9{
|
|
8906
9100
|
min-height:0;
|
|
8907
9101
|
}
|
|
8908
9102
|
}
|
|
8909
9103
|
|
|
8910
|
-
.bp_modal_module_loadingContainerActive--
|
|
9104
|
+
.bp_modal_module_loadingContainerActive--ecdb9{
|
|
8911
9105
|
overflow:hidden;
|
|
8912
9106
|
}
|
|
8913
9107
|
|
|
8914
|
-
.bp_modal_module_loading--
|
|
9108
|
+
.bp_modal_module_loading--ecdb9{
|
|
8915
9109
|
align-items:center;
|
|
8916
9110
|
display:flex;
|
|
8917
9111
|
}
|
|
8918
9112
|
|
|
8919
|
-
.bp_modal_module_loadingOverlay--
|
|
9113
|
+
.bp_modal_module_loadingOverlay--ecdb9{
|
|
8920
9114
|
background-color:var(--modal-content-background);
|
|
8921
9115
|
inset:0;
|
|
8922
9116
|
position:absolute;
|
|
8923
9117
|
z-index:1;
|
|
8924
9118
|
}
|
|
8925
9119
|
|
|
8926
|
-
.bp_modal_module_loadingContent--
|
|
9120
|
+
.bp_modal_module_loadingContent--ecdb9{
|
|
8927
9121
|
display:flex;
|
|
8928
9122
|
flex-direction:column;
|
|
8929
9123
|
visibility:hidden;
|
|
8930
9124
|
}
|
|
8931
9125
|
@media (width > 374px){
|
|
8932
|
-
.bp_modal_module_loadingContent--
|
|
9126
|
+
.bp_modal_module_loadingContent--ecdb9{
|
|
8933
9127
|
min-height:0;
|
|
8934
9128
|
}
|
|
8935
9129
|
}
|
|
8936
9130
|
|
|
8937
|
-
.bp_modal_module_loadingContentVisible--
|
|
9131
|
+
.bp_modal_module_loadingContentVisible--ecdb9{
|
|
8938
9132
|
visibility:visible;
|
|
8939
9133
|
}
|
|
8940
9134
|
|
|
8941
|
-
@keyframes bp_modal_module_popup_bounce_in--
|
|
9135
|
+
@keyframes bp_modal_module_popup_bounce_in--ecdb9{
|
|
8942
9136
|
0%{
|
|
8943
9137
|
transform:scale3d(.1, .1, 1);
|
|
8944
9138
|
}
|
|
@@ -8946,7 +9140,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8946
9140
|
transform:scaleX(1);
|
|
8947
9141
|
}
|
|
8948
9142
|
}
|
|
8949
|
-
@keyframes bp_modal_module_bpModalEnter--
|
|
9143
|
+
@keyframes bp_modal_module_bpModalEnter--ecdb9{
|
|
8950
9144
|
from{
|
|
8951
9145
|
opacity:var(--bp-opacity-hidden);
|
|
8952
9146
|
transform:translateY(var(--bp-space-040)) scale(var(--bp-scale-small));
|
|
@@ -8956,7 +9150,7 @@ table.bp_inline_table_module_inlineTable--f26a1 tr:not(:last-child) td{
|
|
|
8956
9150
|
transform:translateY(0) scale(var(--bp-scale-default));
|
|
8957
9151
|
}
|
|
8958
9152
|
}
|
|
8959
|
-
@keyframes bp_modal_module_bpModalExit--
|
|
9153
|
+
@keyframes bp_modal_module_bpModalExit--ecdb9{
|
|
8960
9154
|
from{
|
|
8961
9155
|
opacity:var(--bp-opacity-visible);
|
|
8962
9156
|
}
|
|
@@ -10519,7 +10713,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10519
10713
|
grid-area:close;
|
|
10520
10714
|
}
|
|
10521
10715
|
|
|
10522
|
-
.bp_notification_module_viewport--
|
|
10716
|
+
.bp_notification_module_viewport--cc8a5{
|
|
10523
10717
|
--notification-width:35rem;
|
|
10524
10718
|
--notification-viewport-space:var(--bp-space-040);
|
|
10525
10719
|
--notification-viewport-item-spacing:var(--bp-space-030);
|
|
@@ -10535,7 +10729,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10535
10729
|
z-index:var(--z-index-notification);
|
|
10536
10730
|
}
|
|
10537
10731
|
|
|
10538
|
-
.bp_notification_module_root--
|
|
10732
|
+
.bp_notification_module_root--cc8a5{
|
|
10539
10733
|
--notification-padding-vertical:var(--bp-space-030);
|
|
10540
10734
|
--notification-padding-horizontal:var(--bp-space-040);
|
|
10541
10735
|
--notification-item-spacing:var(--bp-space-030);
|
|
@@ -10561,21 +10755,21 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10561
10755
|
backdrop-filter:blur(var(--notification-background-blur));
|
|
10562
10756
|
border:var(--notification-border) solid;
|
|
10563
10757
|
border-radius:var(--notification-radius);
|
|
10564
|
-
box-shadow:var(--notification-shadow);
|
|
10758
|
+
box-shadow:var(--notification-elevation-shadow, var(--notification-shadow));
|
|
10565
10759
|
box-sizing:border-box;
|
|
10566
10760
|
display:flex;
|
|
10567
10761
|
max-width:min(var(--notification-width), 100vw - var(--bp-space-040) * 2);
|
|
10568
10762
|
padding:var(--notification-padding-vertical) var(--notification-padding-horizontal);
|
|
10569
10763
|
width:min(var(--notification-width), 100vw - var(--bp-space-040) * 2);
|
|
10570
10764
|
}
|
|
10571
|
-
.bp_notification_module_root--
|
|
10765
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_container--cc8a5{
|
|
10572
10766
|
align-items:flex-start;
|
|
10573
10767
|
display:flex;
|
|
10574
10768
|
gap:var(--notification-item-spacing);
|
|
10575
10769
|
min-width:0;
|
|
10576
10770
|
width:100%;
|
|
10577
10771
|
}
|
|
10578
|
-
.bp_notification_module_root--
|
|
10772
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_messageRow--cc8a5{
|
|
10579
10773
|
align-items:center;
|
|
10580
10774
|
display:flex;
|
|
10581
10775
|
flex:1 1 auto;
|
|
@@ -10584,41 +10778,41 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10584
10778
|
overflow:hidden;
|
|
10585
10779
|
width:100%;
|
|
10586
10780
|
}
|
|
10587
|
-
.bp_notification_module_root--
|
|
10781
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_withButtons--cc8a5{
|
|
10588
10782
|
gap:var(--notification-item-row-spacing) var(--notification-item-spacing);
|
|
10589
10783
|
}
|
|
10590
|
-
.bp_notification_module_root--
|
|
10784
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_info--cc8a5{
|
|
10591
10785
|
background:linear-gradient(0deg, var(--notification-background-info) 0, var(--notification-background-info) 100%), var(--notification-background-overlay);
|
|
10592
10786
|
border-color:var(--notification-border-color-info);
|
|
10593
10787
|
}
|
|
10594
|
-
.bp_notification_module_root--
|
|
10788
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_success--cc8a5{
|
|
10595
10789
|
background:linear-gradient(0deg, var(--notification-background-success) 0, var(--notification-background-success) 100%), var(--notification-background-overlay);
|
|
10596
10790
|
border-color:var(--notification-border-color-success);
|
|
10597
10791
|
}
|
|
10598
|
-
.bp_notification_module_root--
|
|
10792
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_warning--cc8a5{
|
|
10599
10793
|
background:linear-gradient(0deg, var(--notification-background-warning) 0, var(--notification-background-warning) 100%), var(--notification-background-overlay);
|
|
10600
10794
|
border-color:var(--notification-border-color-warning);
|
|
10601
10795
|
}
|
|
10602
|
-
.bp_notification_module_root--
|
|
10796
|
+
.bp_notification_module_root--cc8a5.bp_notification_module_error--cc8a5{
|
|
10603
10797
|
background:linear-gradient(0deg, var(--notification-background-error) 0, var(--notification-background-error) 100%), var(--notification-background-overlay);
|
|
10604
10798
|
border-color:var(--notification-border-color-error);
|
|
10605
10799
|
}
|
|
10606
|
-
.bp_notification_module_root--
|
|
10800
|
+
.bp_notification_module_root--cc8a5:focus-visible{
|
|
10607
10801
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--notification-outline-focus);
|
|
10608
10802
|
outline:none;
|
|
10609
10803
|
}
|
|
10610
|
-
.bp_notification_module_root--
|
|
10804
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_typeIconContainer--cc8a5{
|
|
10611
10805
|
align-items:center;
|
|
10612
10806
|
display:flex;
|
|
10613
10807
|
height:var(--notification-icon-size);
|
|
10614
10808
|
justify-content:center;
|
|
10615
10809
|
width:var(--notification-icon-size);
|
|
10616
10810
|
}
|
|
10617
|
-
.bp_notification_module_root--
|
|
10811
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_typeIconContainer--cc8a5 .bp_notification_module_typeIcon--cc8a5{
|
|
10618
10812
|
flex-shrink:0;
|
|
10619
10813
|
margin:var(--notification-icon-margin);
|
|
10620
10814
|
}
|
|
10621
|
-
.bp_notification_module_root--
|
|
10815
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5{
|
|
10622
10816
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10623
10817
|
font-size:var(--bp-font-size-05);
|
|
10624
10818
|
font-style:normal;
|
|
@@ -10626,7 +10820,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10626
10820
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
10627
10821
|
line-height:var(--bp-font-line-height-04);
|
|
10628
10822
|
}
|
|
10629
|
-
:where(body.is-inter-font) .bp_notification_module_root--
|
|
10823
|
+
:where(body.is-inter-font) .bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5{
|
|
10630
10824
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
10631
10825
|
font-size:.875rem;
|
|
10632
10826
|
font-style:normal;
|
|
@@ -10637,7 +10831,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10637
10831
|
text-transform:none;
|
|
10638
10832
|
}
|
|
10639
10833
|
|
|
10640
|
-
.bp_notification_module_root--
|
|
10834
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5{
|
|
10641
10835
|
align-items:center;
|
|
10642
10836
|
color:var(--notification-text-color);
|
|
10643
10837
|
display:flex;
|
|
@@ -10647,31 +10841,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10647
10841
|
min-width:0;
|
|
10648
10842
|
overflow:hidden;
|
|
10649
10843
|
}
|
|
10650
|
-
.bp_notification_module_root--
|
|
10844
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_text--cc8a5 > div{
|
|
10651
10845
|
overflow:hidden;
|
|
10652
10846
|
overflow-wrap:break-word;
|
|
10653
10847
|
}
|
|
10654
|
-
.bp_notification_module_root--
|
|
10848
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_contentButtonSection--cc8a5{
|
|
10655
10849
|
display:flex;
|
|
10656
10850
|
flex:0 0 auto;
|
|
10657
10851
|
gap:var(--notification-item-spacing);
|
|
10658
10852
|
}
|
|
10659
|
-
.bp_notification_module_root--
|
|
10853
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_contentButtonSection--cc8a5 .bp_notification_module_contentButtons--cc8a5{
|
|
10660
10854
|
display:flex;
|
|
10661
10855
|
gap:var(--notification-item-spacing);
|
|
10662
10856
|
}
|
|
10663
|
-
.bp_notification_module_root--
|
|
10857
|
+
.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
10858
|
cursor:pointer;
|
|
10665
10859
|
}
|
|
10666
|
-
.bp_notification_module_root--
|
|
10860
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_closeButtonSection--cc8a5{
|
|
10667
10861
|
display:flex;
|
|
10668
10862
|
gap:var(--notification-item-spacing);
|
|
10669
10863
|
margin-left:auto;
|
|
10670
10864
|
}
|
|
10671
|
-
.bp_notification_module_root--
|
|
10865
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_closeButtonSection--cc8a5 .bp_notification_module_closeButton--cc8a5{
|
|
10672
10866
|
align-self:center;
|
|
10673
10867
|
}
|
|
10674
|
-
.bp_notification_module_root--
|
|
10868
|
+
.bp_notification_module_root--cc8a5 .bp_notification_module_closeButtonSection--cc8a5 .bp_notification_module_closeButton--cc8a5 svg *{
|
|
10675
10869
|
fill:currentcolor;
|
|
10676
10870
|
}
|
|
10677
10871
|
.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{
|