@box/blueprint-web 12.85.1 → 12.86.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/index.css
CHANGED
|
@@ -3056,7 +3056,7 @@
|
|
|
3056
3056
|
--blueprint-select-border-error-left-width:none;
|
|
3057
3057
|
}
|
|
3058
3058
|
|
|
3059
|
-
.bp_select_module_container--
|
|
3059
|
+
.bp_select_module_container--e74ce[data-modern=false]{
|
|
3060
3060
|
--select-gap:var(--space-2);
|
|
3061
3061
|
--select-label-color:var(--text-text-on-light);
|
|
3062
3062
|
--select-trigger-btn-gap:var(--space-2);
|
|
@@ -3086,7 +3086,7 @@
|
|
|
3086
3086
|
--select-trigger-btn-pencil-height:var(--size-4);
|
|
3087
3087
|
}
|
|
3088
3088
|
|
|
3089
|
-
.bp_select_module_container--
|
|
3089
|
+
.bp_select_module_container--e74ce[data-modern=true]{
|
|
3090
3090
|
--select-gap:var(--bp-space-020);
|
|
3091
3091
|
--select-label-color:var(--bp-text-text-on-light);
|
|
3092
3092
|
--select-trigger-btn-gap:var(--bp-space-020);
|
|
@@ -3116,7 +3116,7 @@
|
|
|
3116
3116
|
--select-trigger-btn-pencil-height:var(--bp-size-040);
|
|
3117
3117
|
}
|
|
3118
3118
|
|
|
3119
|
-
.bp_select_module_container--
|
|
3119
|
+
.bp_select_module_container--e74ce{
|
|
3120
3120
|
display:flex;
|
|
3121
3121
|
flex-direction:column;
|
|
3122
3122
|
font-family:var(--body-default-font-family);
|
|
@@ -3129,10 +3129,10 @@
|
|
|
3129
3129
|
text-decoration:var(--body-default-text-decoration);
|
|
3130
3130
|
text-transform:var(--body-default-text-case);
|
|
3131
3131
|
}
|
|
3132
|
-
.bp_select_module_container--
|
|
3132
|
+
.bp_select_module_container--e74ce.bp_select_module_disabled--e74ce{
|
|
3133
3133
|
opacity:60%;
|
|
3134
3134
|
}
|
|
3135
|
-
.bp_select_module_container--
|
|
3135
|
+
.bp_select_module_container--e74ce .bp_select_module_label--e74ce{
|
|
3136
3136
|
color:var(--select-label-color);
|
|
3137
3137
|
flex:0 0 fit-content;
|
|
3138
3138
|
font-family:var(--body-default-bold-font-family);
|
|
@@ -3145,7 +3145,7 @@
|
|
|
3145
3145
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
3146
3146
|
text-transform:var(--body-default-bold-text-case);
|
|
3147
3147
|
}
|
|
3148
|
-
.bp_select_module_container--
|
|
3148
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce{
|
|
3149
3149
|
align-items:center;
|
|
3150
3150
|
background-color:var(--select-trigger-btn-bg-color);
|
|
3151
3151
|
border-bottom:var(--select-trigger-btn-border-bottom);
|
|
@@ -3174,58 +3174,58 @@
|
|
|
3174
3174
|
text-transform:var(--body-default-text-case);
|
|
3175
3175
|
width:100%;
|
|
3176
3176
|
}
|
|
3177
|
-
.bp_select_module_container--
|
|
3177
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce span:first-child{
|
|
3178
3178
|
overflow:hidden;
|
|
3179
3179
|
text-overflow:ellipsis;
|
|
3180
3180
|
white-space:nowrap;
|
|
3181
3181
|
}
|
|
3182
|
-
.bp_select_module_container--
|
|
3182
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:disabled{
|
|
3183
3183
|
cursor:default;
|
|
3184
3184
|
}
|
|
3185
|
-
.bp_select_module_container--
|
|
3185
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce.bp_select_module_readonly--e74ce:not(:disabled){
|
|
3186
3186
|
background-color:var(--gray-02);
|
|
3187
3187
|
box-shadow:none;
|
|
3188
3188
|
color:var(--text-text-on-light-secondary);
|
|
3189
3189
|
cursor:default;
|
|
3190
3190
|
}
|
|
3191
|
-
.bp_select_module_container--
|
|
3191
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled).bp_select_module_error--e74ce,.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled)[aria-invalid=true]{
|
|
3192
3192
|
background-color:var(----select-trigger-btn-error-bg-color);
|
|
3193
3193
|
border-bottom:var(--select-trigger-btn-error-border-bottom);
|
|
3194
3194
|
border-left:var(--select-trigger-btn-error-border-left);
|
|
3195
3195
|
border-right:var(--select-trigger-btn-error-border-right);
|
|
3196
3196
|
border-top:var(--select-trigger-btn-error-border-top);
|
|
3197
3197
|
}
|
|
3198
|
-
.bp_select_module_container--
|
|
3198
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):focus,.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled).bp_select_module_error--e74ce:focus,.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled)[aria-invalid=true]:focus{
|
|
3199
3199
|
background-color:var(--select-trigger-btn-focus-bg-color);
|
|
3200
3200
|
border:var(--select-trigger-btn-focus-border);
|
|
3201
3201
|
}
|
|
3202
|
-
.bp_select_module_container--
|
|
3202
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce:not(.bp_select_module_readonly--e74ce):not(:disabled):not(:focus):not(.bp_select_module_error--e74ce):not([aria-invalid=true]):hover{
|
|
3203
3203
|
background-color:var(--select-trigger-btn-hover-bg-color);
|
|
3204
3204
|
border-color:var(--select-trigger-btn-hover-border-color);
|
|
3205
3205
|
}
|
|
3206
|
-
.bp_select_module_container--
|
|
3206
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconWrapper--e74ce{
|
|
3207
3207
|
flex-shrink:0;
|
|
3208
3208
|
-webkit-user-select:none;
|
|
3209
3209
|
user-select:none;
|
|
3210
3210
|
}
|
|
3211
|
-
.bp_select_module_container--
|
|
3211
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconCaret--e74ce{
|
|
3212
3212
|
display:block;
|
|
3213
3213
|
height:var(--select-trigger-btn-caret-height);
|
|
3214
3214
|
width:var(--select-trigger-btn-caret-width);
|
|
3215
3215
|
}
|
|
3216
|
-
.bp_select_module_container--
|
|
3216
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconCaret--e74ce path{
|
|
3217
3217
|
fill:var(--select-trigger-btn-caret-color);
|
|
3218
3218
|
}
|
|
3219
|
-
.bp_select_module_container--
|
|
3219
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce .bp_select_module_iconPencilCrossed--e74ce{
|
|
3220
3220
|
display:block;
|
|
3221
3221
|
height:var(--select-trigger-btn-pencil-height);
|
|
3222
3222
|
width:var(--select-trigger-btn-pencil-width);
|
|
3223
3223
|
}
|
|
3224
|
-
.bp_select_module_container--
|
|
3224
|
+
.bp_select_module_container--e74ce .bp_select_module_triggerBtn--e74ce[data-state=open] .bp_select_module_icon--e74ce{
|
|
3225
3225
|
transform:rotate(180deg);
|
|
3226
3226
|
}
|
|
3227
3227
|
|
|
3228
|
-
.bp_select_module_content--
|
|
3228
|
+
.bp_select_module_content--e74ce[data-modern=false]{
|
|
3229
3229
|
--select-content-bg-color:var(--surface-menu-surface);
|
|
3230
3230
|
--select-content-backdrop-filter:none;
|
|
3231
3231
|
--select-content-border:var(--border-1) solid var(--border-card-border);
|
|
@@ -3252,7 +3252,7 @@
|
|
|
3252
3252
|
--select-content-viewport-option-separator-margin-block:var(--space-2);
|
|
3253
3253
|
}
|
|
3254
3254
|
|
|
3255
|
-
.bp_select_module_content--
|
|
3255
|
+
.bp_select_module_content--e74ce[data-modern=true]{
|
|
3256
3256
|
--select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
|
|
3257
3257
|
--select-content-backdrop-filter:blur(16px);
|
|
3258
3258
|
--select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
|
|
@@ -3279,7 +3279,7 @@
|
|
|
3279
3279
|
--select-content-viewport-option-separator-margin-block:var(--bp-space-020);
|
|
3280
3280
|
}
|
|
3281
3281
|
|
|
3282
|
-
.bp_select_module_content--
|
|
3282
|
+
.bp_select_module_content--e74ce{
|
|
3283
3283
|
backdrop-filter:var(--select-content-backdrop-filter);
|
|
3284
3284
|
background-color:var(--select-content-bg-color);
|
|
3285
3285
|
border:var(--select-content-border);
|
|
@@ -3299,11 +3299,11 @@
|
|
|
3299
3299
|
text-transform:var(--body-default-text-case);
|
|
3300
3300
|
z-index:380;
|
|
3301
3301
|
}
|
|
3302
|
-
.bp_select_module_content--
|
|
3302
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce{
|
|
3303
3303
|
padding-block:var(--select-content-viewport-padding-block);
|
|
3304
3304
|
padding-inline:var(--select-content-viewport-padding-inline);
|
|
3305
3305
|
}
|
|
3306
|
-
.bp_select_module_content--
|
|
3306
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce{
|
|
3307
3307
|
border:var(--select-content-viewport-option-border);
|
|
3308
3308
|
border-radius:var(--select-content-viewport-option-border-radius);
|
|
3309
3309
|
color:var(--select-content-viewport-option-text-color);
|
|
@@ -3319,29 +3319,29 @@
|
|
|
3319
3319
|
-webkit-user-select:none;
|
|
3320
3320
|
user-select:none;
|
|
3321
3321
|
}
|
|
3322
|
-
.bp_select_module_content--
|
|
3322
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce[data-disabled]{
|
|
3323
3323
|
opacity:60%;
|
|
3324
3324
|
pointer-events:none;
|
|
3325
3325
|
}
|
|
3326
|
-
.bp_select_module_content--
|
|
3326
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce[data-highlighted]{
|
|
3327
3327
|
background-color:var(--select-content-viewport-option-focus-bg-color);
|
|
3328
3328
|
border:var(--select-content-viewport-option-focus-border);
|
|
3329
3329
|
}
|
|
3330
|
-
.bp_select_module_content--
|
|
3330
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce[data-state=checked]{
|
|
3331
3331
|
background-color:var(--select-content-viewport-option-active-bg-color);
|
|
3332
3332
|
border:var(--select-content-viewport-option-active-border);
|
|
3333
3333
|
}
|
|
3334
|
-
.bp_select_module_content--
|
|
3334
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce:hover{
|
|
3335
3335
|
background-color:var(--select-content-viewport-option-hover-bg-color);
|
|
3336
3336
|
}
|
|
3337
|
-
.bp_select_module_content--
|
|
3337
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce span:first-child{
|
|
3338
3338
|
overflow:hidden;
|
|
3339
3339
|
overflow-wrap:break-word;
|
|
3340
3340
|
}
|
|
3341
|
-
.bp_select_module_content--
|
|
3341
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce .bp_select_module_secondaryText--e74ce{
|
|
3342
3342
|
color:var(--select-content-viewport-option-secondary-text-color);
|
|
3343
3343
|
}
|
|
3344
|
-
.bp_select_module_content--
|
|
3344
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce .bp_select_module_indicator--e74ce{
|
|
3345
3345
|
align-items:center;
|
|
3346
3346
|
display:flex;
|
|
3347
3347
|
height:var(--select-content-viewport-option-indicator-height);
|
|
@@ -3350,10 +3350,10 @@
|
|
|
3350
3350
|
position:absolute;
|
|
3351
3351
|
top:0;
|
|
3352
3352
|
}
|
|
3353
|
-
.bp_select_module_content--
|
|
3353
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_option--e74ce .bp_select_module_indicator--e74ce path{
|
|
3354
3354
|
fill:var(--select-content-viewport-option-indicator-color);
|
|
3355
3355
|
}
|
|
3356
|
-
.bp_select_module_content--
|
|
3356
|
+
.bp_select_module_content--e74ce .bp_select_module_viewport--e74ce .bp_select_module_separator--e74ce{
|
|
3357
3357
|
background-color:var(--select-content-viewport-option-separator-bg-color);
|
|
3358
3358
|
flex-shrink:0;
|
|
3359
3359
|
height:var(--select-content-viewport-option-separator-height);
|
|
@@ -5078,7 +5078,7 @@
|
|
|
5078
5078
|
fill:currentColor;
|
|
5079
5079
|
}
|
|
5080
5080
|
|
|
5081
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5081
|
+
.bp_base_grid_list_item_module_smallList--16586[data-modern=false]{
|
|
5082
5082
|
--small-list-item-height:unset;
|
|
5083
5083
|
--small-list-gap:var(--space-2);
|
|
5084
5084
|
--small-list-padding:var(--space-1);
|
|
@@ -5104,7 +5104,7 @@
|
|
|
5104
5104
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
5105
5105
|
}
|
|
5106
5106
|
|
|
5107
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5107
|
+
.bp_base_grid_list_item_module_smallList--16586[data-modern=true]{
|
|
5108
5108
|
--small-list-item-height:var(--bp-size-100);
|
|
5109
5109
|
--small-list-gap:var(--bp-space-020);
|
|
5110
5110
|
--small-list-padding:initial;
|
|
@@ -5130,7 +5130,7 @@
|
|
|
5130
5130
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
5131
5131
|
}
|
|
5132
5132
|
|
|
5133
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5133
|
+
.bp_base_grid_list_item_module_smallList--16586{
|
|
5134
5134
|
box-sizing:border-box;
|
|
5135
5135
|
display:grid;
|
|
5136
5136
|
gap:var(--small-list-gap);
|
|
@@ -5141,7 +5141,7 @@
|
|
|
5141
5141
|
padding:var(--small-list-padding);
|
|
5142
5142
|
width:auto;
|
|
5143
5143
|
}
|
|
5144
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5144
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586{
|
|
5145
5145
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
5146
5146
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
5147
5147
|
--item-background:var(--small-list-item-background);
|
|
@@ -5161,11 +5161,11 @@
|
|
|
5161
5161
|
transform:translateZ(0);
|
|
5162
5162
|
width:auto;
|
|
5163
5163
|
}
|
|
5164
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5164
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5165
5165
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
5166
5166
|
grid-template-rows:100% 0;
|
|
5167
5167
|
}
|
|
5168
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5168
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5169
5169
|
align-items:center;
|
|
5170
5170
|
aspect-ratio:1;
|
|
5171
5171
|
display:flex;
|
|
@@ -5174,13 +5174,13 @@
|
|
|
5174
5174
|
overflow:hidden;
|
|
5175
5175
|
z-index:1;
|
|
5176
5176
|
}
|
|
5177
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5177
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_thumbnailContent--16586 img,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_thumbnailContent--16586 svg{
|
|
5178
5178
|
height:100%;
|
|
5179
5179
|
object-fit:cover;
|
|
5180
5180
|
object-position:left;
|
|
5181
5181
|
width:100%;
|
|
5182
5182
|
}
|
|
5183
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5183
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_header--16586{
|
|
5184
5184
|
color:var(--small-list-header-color);
|
|
5185
5185
|
font-family:var(--body-default-semibold-font-family);
|
|
5186
5186
|
font-size:var(--body-default-semibold-font-size);
|
|
@@ -5192,11 +5192,11 @@
|
|
|
5192
5192
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
5193
5193
|
text-transform:var(--body-default-semibold-text-case);
|
|
5194
5194
|
}
|
|
5195
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5195
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_header--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5196
5196
|
align-items:center;
|
|
5197
5197
|
display:flex;
|
|
5198
5198
|
}
|
|
5199
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5199
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5200
5200
|
color:var(--small-list-subtitle-color);
|
|
5201
5201
|
font-family:var(--caption-default-font-family);
|
|
5202
5202
|
font-size:var(--caption-default-font-size);
|
|
@@ -5208,17 +5208,17 @@
|
|
|
5208
5208
|
text-decoration:var(--caption-default-text-decoration);
|
|
5209
5209
|
text-transform:var(--caption-default-text-case);
|
|
5210
5210
|
}
|
|
5211
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5211
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_header--16586,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5212
5212
|
display:inline-block;
|
|
5213
5213
|
overflow:hidden;
|
|
5214
5214
|
text-overflow:ellipsis;
|
|
5215
5215
|
white-space:nowrap;
|
|
5216
5216
|
}
|
|
5217
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5217
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586:not(:has(.bp_base_grid_list_item_module_header--16586)),.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586:not(:has(.bp_base_grid_list_item_module_subtitle--16586)){
|
|
5218
5218
|
grid-template-rows:100% 0;
|
|
5219
5219
|
row-gap:0;
|
|
5220
5220
|
}
|
|
5221
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5221
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5222
5222
|
align-items:center;
|
|
5223
5223
|
display:flex;
|
|
5224
5224
|
grid-area:actions;
|
|
@@ -5228,11 +5228,11 @@
|
|
|
5228
5228
|
padding-right:0;
|
|
5229
5229
|
}
|
|
5230
5230
|
@media (pointer: coarse){
|
|
5231
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5231
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5232
5232
|
--actions-opacity:1;
|
|
5233
5233
|
}
|
|
5234
5234
|
}
|
|
5235
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5235
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586{
|
|
5236
5236
|
align-items:center;
|
|
5237
5237
|
background:var(--item-background);
|
|
5238
5238
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -5241,10 +5241,10 @@
|
|
|
5241
5241
|
justify-content:center;
|
|
5242
5242
|
width:var(--small-list-selection-width);
|
|
5243
5243
|
}
|
|
5244
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5244
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586:hover{
|
|
5245
5245
|
background:var(--small-list-selection-hover-background);
|
|
5246
5246
|
}
|
|
5247
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5247
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5248
5248
|
align-items:center;
|
|
5249
5249
|
border-radius:var(--small-list-inner-border-radius);
|
|
5250
5250
|
display:flex;
|
|
@@ -5252,17 +5252,17 @@
|
|
|
5252
5252
|
justify-content:flex-end;
|
|
5253
5253
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
5254
5254
|
}
|
|
5255
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5255
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586:last-child{
|
|
5256
5256
|
margin-inline-end:0;
|
|
5257
5257
|
}
|
|
5258
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5258
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_actionsCheckboxWrapper--16586{
|
|
5259
5259
|
display:flex;
|
|
5260
5260
|
}
|
|
5261
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5261
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586:hover,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-active-item],.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-focused],.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-hovered]{
|
|
5262
5262
|
--actions-opacity:1;
|
|
5263
5263
|
background:var(--item-hover);
|
|
5264
5264
|
}
|
|
5265
|
-
.bp_base_grid_list_item_module_smallList--
|
|
5265
|
+
.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-active-item]::before,.bp_base_grid_list_item_module_smallList--16586 .bp_base_grid_list_item_module_smallListItem--16586[data-focus-visible]::before{
|
|
5266
5266
|
--actions-opacity:1;
|
|
5267
5267
|
border-radius:var(--small-list-focus-outline-radius);
|
|
5268
5268
|
content:"";
|
|
@@ -5276,7 +5276,7 @@
|
|
|
5276
5276
|
width:100%;
|
|
5277
5277
|
}
|
|
5278
5278
|
|
|
5279
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5279
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=false]{
|
|
5280
5280
|
--large-list-gap:var(--space-05);
|
|
5281
5281
|
--large-list-padding:var(--space-1);
|
|
5282
5282
|
--large-list-item-height:unset;
|
|
@@ -5326,11 +5326,11 @@
|
|
|
5326
5326
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
5327
5327
|
--large-list-item-interaction-backdrop-filter:none;
|
|
5328
5328
|
}
|
|
5329
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5329
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=false] .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5330
5330
|
border-radius:var(--large-list-item-border-radius);
|
|
5331
5331
|
}
|
|
5332
5332
|
|
|
5333
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5333
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true]{
|
|
5334
5334
|
--large-list-gap:var(--bp-space-005);
|
|
5335
5335
|
--large-list-padding:var(--bp-space-010);
|
|
5336
5336
|
--large-list-item-height:7.4375rem;
|
|
@@ -5381,21 +5381,21 @@
|
|
|
5381
5381
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
5382
5382
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
5383
5383
|
}
|
|
5384
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5384
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5385
5385
|
height:var(--large-list-item-height);
|
|
5386
5386
|
}
|
|
5387
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5387
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586:hover,.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-active-item],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-focused],.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[data-hovered]{
|
|
5388
5388
|
border-radius:var(--large-list-item-border-radius);
|
|
5389
5389
|
}
|
|
5390
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5390
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]{
|
|
5391
5391
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5392
5392
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5393
5393
|
}
|
|
5394
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5394
|
+
.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--16586[data-modern=true] .bp_base_grid_list_item_module_largeListItem--16586:not[aria-selected=true][data-hovered]{
|
|
5395
5395
|
--item-background:var(--large-list-item-hover-background);
|
|
5396
5396
|
}
|
|
5397
5397
|
|
|
5398
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5398
|
+
.bp_base_grid_list_item_module_largeList--16586{
|
|
5399
5399
|
box-sizing:border-box;
|
|
5400
5400
|
display:flex;
|
|
5401
5401
|
flex-direction:column;
|
|
@@ -5405,7 +5405,7 @@
|
|
|
5405
5405
|
overflow:auto;
|
|
5406
5406
|
padding:var(--large-list-padding);
|
|
5407
5407
|
}
|
|
5408
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5408
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5409
5409
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
5410
5410
|
--actions-opacity:0;
|
|
5411
5411
|
--item-background:var(--large-list-item-background);
|
|
@@ -5421,18 +5421,18 @@
|
|
|
5421
5421
|
position:relative;
|
|
5422
5422
|
transform:translateZ(0);
|
|
5423
5423
|
}
|
|
5424
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5424
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5425
5425
|
grid-template-rows:1fr 1fr 1fr;
|
|
5426
5426
|
}
|
|
5427
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5427
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586:focus-within{
|
|
5428
5428
|
--actions-opacity:1;
|
|
5429
5429
|
}
|
|
5430
5430
|
@media (max-width: 374px){
|
|
5431
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5431
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586{
|
|
5432
5432
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
5433
5433
|
}
|
|
5434
5434
|
}
|
|
5435
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5435
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5436
5436
|
aspect-ratio:4/3;
|
|
5437
5437
|
border:var(--large-list-item-thumbnail-border);
|
|
5438
5438
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -5440,24 +5440,24 @@
|
|
|
5440
5440
|
overflow:hidden;
|
|
5441
5441
|
z-index:1;
|
|
5442
5442
|
}
|
|
5443
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5443
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586 img{
|
|
5444
5444
|
height:100%;
|
|
5445
5445
|
object-fit:cover;
|
|
5446
5446
|
object-position:left;
|
|
5447
5447
|
width:100%;
|
|
5448
5448
|
}
|
|
5449
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5449
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5450
5450
|
border:none;
|
|
5451
5451
|
}
|
|
5452
5452
|
@media (max-width: 374px){
|
|
5453
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5453
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5454
5454
|
aspect-ratio:1/1;
|
|
5455
5455
|
}
|
|
5456
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5456
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586 img{
|
|
5457
5457
|
object-fit:contain;
|
|
5458
5458
|
}
|
|
5459
5459
|
}
|
|
5460
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5460
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5461
5461
|
align-items:center;
|
|
5462
5462
|
display:flex;
|
|
5463
5463
|
height:var(--large-list-item-actions-height);
|
|
@@ -5469,11 +5469,11 @@
|
|
|
5469
5469
|
top:var(--large-list-item-actions-top);
|
|
5470
5470
|
}
|
|
5471
5471
|
@media (pointer: coarse){
|
|
5472
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5472
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5473
5473
|
--actions-opacity:1;
|
|
5474
5474
|
}
|
|
5475
5475
|
}
|
|
5476
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5476
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586{
|
|
5477
5477
|
align-items:center;
|
|
5478
5478
|
background:var(--item-background);
|
|
5479
5479
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -5482,15 +5482,15 @@
|
|
|
5482
5482
|
justify-content:center;
|
|
5483
5483
|
width:var(--large-list-item-selection-width);
|
|
5484
5484
|
}
|
|
5485
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5485
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586:hover{
|
|
5486
5486
|
background:var(--large-list-item-selection-hover-background);
|
|
5487
5487
|
}
|
|
5488
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5488
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_fade--16586{
|
|
5489
5489
|
align-self:stretch;
|
|
5490
5490
|
background:var(--large-list-item-fade-background);
|
|
5491
5491
|
width:var(--large-list-item-fade-width);
|
|
5492
5492
|
}
|
|
5493
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5493
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5494
5494
|
align-items:center;
|
|
5495
5495
|
background:var(--item-background);
|
|
5496
5496
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -5499,14 +5499,14 @@
|
|
|
5499
5499
|
justify-content:flex-end;
|
|
5500
5500
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
5501
5501
|
}
|
|
5502
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5502
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586:last-child{
|
|
5503
5503
|
margin-inline-end:0;
|
|
5504
5504
|
}
|
|
5505
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5505
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_actionsCheckboxWrapper--16586{
|
|
5506
5506
|
background:var(--item-background);
|
|
5507
5507
|
display:flex;
|
|
5508
5508
|
}
|
|
5509
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5509
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_header--16586{
|
|
5510
5510
|
align-items:center;
|
|
5511
5511
|
color:var(--large-list-item-header-color);
|
|
5512
5512
|
display:inline-flex;
|
|
@@ -5524,7 +5524,7 @@
|
|
|
5524
5524
|
text-transform:var(--body-default-semibold-text-case);
|
|
5525
5525
|
white-space:nowrap;
|
|
5526
5526
|
}
|
|
5527
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5527
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5528
5528
|
align-items:center;
|
|
5529
5529
|
color:var(--large-list-item-subtitle-color);
|
|
5530
5530
|
display:flex;
|
|
@@ -5540,7 +5540,7 @@
|
|
|
5540
5540
|
text-transform:var(--caption-default-text-case);
|
|
5541
5541
|
white-space:nowrap;
|
|
5542
5542
|
}
|
|
5543
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5543
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_description--16586{
|
|
5544
5544
|
-webkit-box-orient:vertical;
|
|
5545
5545
|
-webkit-line-clamp:3;
|
|
5546
5546
|
color:var(--large-list-item-description-color);
|
|
@@ -5559,13 +5559,13 @@
|
|
|
5559
5559
|
text-decoration:var(--body-default-text-decoration);
|
|
5560
5560
|
text-transform:var(--body-default-text-case);
|
|
5561
5561
|
}
|
|
5562
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5562
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_snippet--16586{
|
|
5563
5563
|
grid-area:description;
|
|
5564
5564
|
margin:0;
|
|
5565
5565
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
5566
5566
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
5567
5567
|
}
|
|
5568
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5568
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586 .bp_base_grid_list_item_module_snippet--16586 .bp_base_grid_list_item_module_snippetContent--16586{
|
|
5569
5569
|
-webkit-box-orient:vertical;
|
|
5570
5570
|
-webkit-line-clamp:2;
|
|
5571
5571
|
border:var(--large-list-item-snippet-border);
|
|
@@ -5585,13 +5585,13 @@
|
|
|
5585
5585
|
text-decoration:var(--body-default-text-decoration);
|
|
5586
5586
|
text-transform:var(--body-default-text-case);
|
|
5587
5587
|
}
|
|
5588
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5588
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586:hover,.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-active-item],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-focused],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-hovered]{
|
|
5589
5589
|
--actions-opacity:1;
|
|
5590
5590
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
5591
5591
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
5592
5592
|
outline:var(--large-list-item-hover-outline);
|
|
5593
5593
|
}
|
|
5594
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5594
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-active-item]::before,.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[data-focus-visible]::before{
|
|
5595
5595
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
5596
5596
|
content:"";
|
|
5597
5597
|
display:block;
|
|
@@ -5603,31 +5603,31 @@
|
|
|
5603
5603
|
top:0;
|
|
5604
5604
|
width:100%;
|
|
5605
5605
|
}
|
|
5606
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5606
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]{
|
|
5607
5607
|
--actions-opacity:1;
|
|
5608
5608
|
--item-background:var(--large-list-item-selected-background);
|
|
5609
5609
|
outline:var(--large-list-item-selected-outline);
|
|
5610
5610
|
z-index:2;
|
|
5611
5611
|
}
|
|
5612
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5612
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true] .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_fade--16586{
|
|
5613
5613
|
background:var(--large-list-item-selected-fade-background);
|
|
5614
5614
|
}
|
|
5615
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5615
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5616
5616
|
display:none;
|
|
5617
5617
|
}
|
|
5618
5618
|
@supports selector(:has(.foo)){
|
|
5619
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5619
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--16586 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true]:has(+ [aria-selected=true]){
|
|
5620
5620
|
border-end-end-radius:0;
|
|
5621
5621
|
border-end-start-radius:0;
|
|
5622
5622
|
}
|
|
5623
|
-
.bp_base_grid_list_item_module_largeList--
|
|
5623
|
+
.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--16586 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--16586 .bp_base_grid_list_item_module_largeListItem--16586[aria-selected=true] + [aria-selected=true]{
|
|
5624
5624
|
border-start-end-radius:0;
|
|
5625
5625
|
border-start-start-radius:0;
|
|
5626
5626
|
border-top:none;
|
|
5627
5627
|
}
|
|
5628
5628
|
}
|
|
5629
5629
|
|
|
5630
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5630
|
+
.bp_base_grid_list_item_module_gridList--16586[data-modern=false]{
|
|
5631
5631
|
--grid-list-minimum-item-width:188px;
|
|
5632
5632
|
--grid-list-gap:var(--space-4);
|
|
5633
5633
|
--grid-list-padding:var(--space-1);
|
|
@@ -5659,6 +5659,7 @@
|
|
|
5659
5659
|
--grid-list-subtitle-loading-height:1.25rem;
|
|
5660
5660
|
--grid-list-item-hover-outline:var(--border-1) solid var(--border-card-border);
|
|
5661
5661
|
--grid-list-item-hover-box-shadow:var(--dropshadow-2);
|
|
5662
|
+
--grid-list-item-backdrop-filter:none;
|
|
5662
5663
|
--grid-list-item-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
|
|
5663
5664
|
--grid-list-item-focus-outline-offset:-3px;
|
|
5664
5665
|
--grid-list-item-focus-after-outline:var(--border-1) solid var(--gray-white);
|
|
@@ -5668,7 +5669,7 @@
|
|
|
5668
5669
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
5669
5670
|
}
|
|
5670
5671
|
|
|
5671
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5672
|
+
.bp_base_grid_list_item_module_gridList--16586[data-modern=true]{
|
|
5672
5673
|
--grid-list-minimum-item-width:188px;
|
|
5673
5674
|
--grid-list-gap:var(--bp-space-040);
|
|
5674
5675
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -5699,7 +5700,8 @@
|
|
|
5699
5700
|
--grid-list-subtitle-color:var(--bp-text-text-on-light-secondary);
|
|
5700
5701
|
--grid-list-subtitle-loading-height:var(--bp-size-050);
|
|
5701
5702
|
--grid-list-item-hover-outline:var(--bp-border-list-item-border);
|
|
5702
|
-
--grid-list-item-hover-box-shadow:var(--dropshadow-
|
|
5703
|
+
--grid-list-item-hover-box-shadow:var(--dropshadow-2);
|
|
5704
|
+
--grid-list-item-backdrop-filter:blur(16px);
|
|
5703
5705
|
--grid-list-item-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
|
|
5704
5706
|
--grid-list-item-focus-outline-offset:-3px;
|
|
5705
5707
|
--grid-list-item-focus-after-outline:var(--bp-border-01) solid var(--bp-gray-white);
|
|
@@ -5709,7 +5711,7 @@
|
|
|
5709
5711
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
5710
5712
|
}
|
|
5711
5713
|
|
|
5712
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5714
|
+
.bp_base_grid_list_item_module_gridList--16586{
|
|
5713
5715
|
box-sizing:border-box;
|
|
5714
5716
|
display:grid;
|
|
5715
5717
|
gap:var(--grid-list-gap);
|
|
@@ -5719,7 +5721,7 @@
|
|
|
5719
5721
|
overflow:auto;
|
|
5720
5722
|
padding:var(--grid-list-padding);
|
|
5721
5723
|
}
|
|
5722
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5724
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586{
|
|
5723
5725
|
--actions-opacity:0;
|
|
5724
5726
|
--item-background:var(--grid-list-item-background);
|
|
5725
5727
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -5737,15 +5739,15 @@
|
|
|
5737
5739
|
row-gap:var(--row-gap);
|
|
5738
5740
|
transform:translateZ(0);
|
|
5739
5741
|
}
|
|
5740
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5742
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586:focus-within{
|
|
5741
5743
|
--actions-opacity:1;
|
|
5742
5744
|
}
|
|
5743
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5745
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_statusPin--16586{
|
|
5744
5746
|
left:var(--grid-list-item-status-pin-left);
|
|
5745
5747
|
position:absolute;
|
|
5746
5748
|
top:var(--grid-list-item-status-pin-top);
|
|
5747
5749
|
}
|
|
5748
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5750
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5749
5751
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
5750
5752
|
background:var(--grid-list-thumbnail-background);
|
|
5751
5753
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -5753,25 +5755,25 @@
|
|
|
5753
5755
|
grid-area:thumbnail;
|
|
5754
5756
|
overflow:hidden;
|
|
5755
5757
|
}
|
|
5756
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5758
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586 img{
|
|
5757
5759
|
height:100%;
|
|
5758
5760
|
object-fit:contain;
|
|
5759
5761
|
width:100%;
|
|
5760
5762
|
}
|
|
5761
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5763
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5762
5764
|
border:none;
|
|
5763
5765
|
}
|
|
5764
5766
|
@media (pointer: coarse){
|
|
5765
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5767
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_thumbnail--16586{
|
|
5766
5768
|
margin-block-end:var(--space-1);
|
|
5767
5769
|
}
|
|
5768
5770
|
}
|
|
5769
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5771
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5770
5772
|
grid-area:subtitle;
|
|
5771
5773
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
5772
5774
|
opacity:var(--actions-opacity);
|
|
5773
5775
|
}
|
|
5774
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5776
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586{
|
|
5775
5777
|
align-items:center;
|
|
5776
5778
|
border-radius:var(--grid-list-selection-border-radius);
|
|
5777
5779
|
display:flex;
|
|
@@ -5782,10 +5784,10 @@
|
|
|
5782
5784
|
top:var(--grid-list-selection-top);
|
|
5783
5785
|
width:var(--grid-list-selection-width);
|
|
5784
5786
|
}
|
|
5785
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5787
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_selection--16586:hover{
|
|
5786
5788
|
background:var(--grid-list-selection-hover-background);
|
|
5787
5789
|
}
|
|
5788
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5790
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5789
5791
|
align-items:center;
|
|
5790
5792
|
background:var(--item-background);
|
|
5791
5793
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -5794,12 +5796,12 @@
|
|
|
5794
5796
|
justify-content:center;
|
|
5795
5797
|
}
|
|
5796
5798
|
@media (pointer: coarse){
|
|
5797
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5799
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_actions--16586{
|
|
5798
5800
|
grid-area:actions;
|
|
5799
5801
|
margin-block-start:0;
|
|
5800
5802
|
}
|
|
5801
5803
|
}
|
|
5802
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5804
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_header--16586{
|
|
5803
5805
|
-webkit-box-orient:vertical;
|
|
5804
5806
|
-webkit-line-clamp:2;
|
|
5805
5807
|
color:var(--grid-list-header-color);
|
|
@@ -5817,11 +5819,11 @@
|
|
|
5817
5819
|
text-decoration:var(--body-default-text-decoration);
|
|
5818
5820
|
text-transform:var(--body-default-text-case);
|
|
5819
5821
|
}
|
|
5820
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5822
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_header--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5821
5823
|
align-items:center;
|
|
5822
5824
|
display:flex;
|
|
5823
5825
|
}
|
|
5824
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5826
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_subtitle--16586{
|
|
5825
5827
|
color:var(--grid-list-subtitle-color);
|
|
5826
5828
|
font-family:var(--caption-default-font-family);
|
|
5827
5829
|
font-size:var(--caption-default-font-size);
|
|
@@ -5838,15 +5840,16 @@
|
|
|
5838
5840
|
text-transform:var(--caption-default-text-case);
|
|
5839
5841
|
white-space:nowrap;
|
|
5840
5842
|
}
|
|
5841
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5843
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586 .bp_base_grid_list_item_module_subtitle--16586.bp_base_grid_list_item_module_loading--16586{
|
|
5842
5844
|
height:var(--grid-list-subtitle-loading-height);
|
|
5843
5845
|
}
|
|
5844
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5846
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586.bp_base_grid_list_item_module_isItemInteracted--16586,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586:hover,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-active-item],.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focus-visible],.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focused],.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-hovered]{
|
|
5845
5847
|
--actions-opacity:1;
|
|
5848
|
+
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
5846
5849
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
5847
5850
|
outline:var(--grid-list-item-hover-outline);
|
|
5848
5851
|
}
|
|
5849
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5852
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-active-item]::before,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focus-visible]::before{
|
|
5850
5853
|
border-radius:var(--grid-list-item-border-radius);
|
|
5851
5854
|
content:"";
|
|
5852
5855
|
display:block;
|
|
@@ -5858,7 +5861,7 @@
|
|
|
5858
5861
|
top:0;
|
|
5859
5862
|
width:100%;
|
|
5860
5863
|
}
|
|
5861
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5864
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-active-item]::after,.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[data-focus-visible]::after{
|
|
5862
5865
|
border-radius:var(--grid-list-item-border-radius);
|
|
5863
5866
|
content:"";
|
|
5864
5867
|
display:block;
|
|
@@ -5870,16 +5873,16 @@
|
|
|
5870
5873
|
top:0;
|
|
5871
5874
|
width:100%;
|
|
5872
5875
|
}
|
|
5873
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5876
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[aria-selected=true]{
|
|
5874
5877
|
--actions-opacity:1;
|
|
5875
5878
|
--item-background:var(--grid-list-item-selected-background);
|
|
5876
5879
|
outline:var(--grid-list-item-selected-outline);
|
|
5877
5880
|
}
|
|
5878
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5881
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--16586) .bp_base_grid_list_item_module_actions--16586 .bp_base_grid_list_item_module_inner--16586{
|
|
5879
5882
|
opacity:0;
|
|
5880
5883
|
}
|
|
5881
5884
|
@media (pointer: coarse){
|
|
5882
|
-
.bp_base_grid_list_item_module_gridList--
|
|
5885
|
+
.bp_base_grid_list_item_module_gridList--16586 .bp_base_grid_list_item_module_gridListItem--16586{
|
|
5883
5886
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
5884
5887
|
--actions-opacity:1;
|
|
5885
5888
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -5887,7 +5890,7 @@
|
|
|
5887
5890
|
}
|
|
5888
5891
|
}
|
|
5889
5892
|
|
|
5890
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5893
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-modern=false]{
|
|
5891
5894
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
5892
5895
|
--tooltip-offset:var(--space-2);
|
|
5893
5896
|
--tooltip-arrow-display:block;
|
|
@@ -5899,7 +5902,7 @@
|
|
|
5899
5902
|
--tooltip-backdrop-filter:none;
|
|
5900
5903
|
}
|
|
5901
5904
|
|
|
5902
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5905
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-modern=true]{
|
|
5903
5906
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
5904
5907
|
--tooltip-offset:var(--bp-space-020);
|
|
5905
5908
|
--tooltip-arrow-display:none;
|
|
@@ -5911,7 +5914,7 @@
|
|
|
5911
5914
|
--tooltip-backdrop-filter:blur(16px);
|
|
5912
5915
|
}
|
|
5913
5916
|
|
|
5914
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5917
|
+
.bp_base_grid_list_item_module_tooltipContent--16586{
|
|
5915
5918
|
background-color:var(--tooltip-background-color);
|
|
5916
5919
|
border:var(--tooltip-border);
|
|
5917
5920
|
border-radius:var(--tooltip-radius);
|
|
@@ -5930,28 +5933,28 @@
|
|
|
5930
5933
|
word-break:break-word;
|
|
5931
5934
|
z-index:2147483647;
|
|
5932
5935
|
}
|
|
5933
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5936
|
+
.bp_base_grid_list_item_module_tooltipContent--16586 .bp_base_grid_list_item_module_tooltipArrow--16586 svg{
|
|
5934
5937
|
display:var(--tooltip-arrow-display);
|
|
5935
5938
|
height:.5rem;
|
|
5936
5939
|
width:1rem;
|
|
5937
5940
|
}
|
|
5938
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5941
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=top]{
|
|
5939
5942
|
margin-block-end:var(--tooltip-offset);
|
|
5940
5943
|
}
|
|
5941
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5944
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--16586 svg{
|
|
5942
5945
|
transform:rotate(180deg);
|
|
5943
5946
|
}
|
|
5944
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5947
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=bottom]{
|
|
5945
5948
|
margin-block-start:var(--tooltip-offset);
|
|
5946
5949
|
}
|
|
5947
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5950
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=right]{
|
|
5948
5951
|
margin-inline-start:var(--tooltip-offset);
|
|
5949
5952
|
}
|
|
5950
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
5953
|
+
.bp_base_grid_list_item_module_tooltipContent--16586[data-placement=left]{
|
|
5951
5954
|
margin-inline-end:var(--tooltip-offset);
|
|
5952
5955
|
}
|
|
5953
5956
|
|
|
5954
|
-
.bp_base_grid_list_item_module_staticList--
|
|
5957
|
+
.bp_base_grid_list_item_module_staticList--16586 .bp_base_grid_list_item_module_staticListItem--16586{
|
|
5955
5958
|
display:contents;
|
|
5956
5959
|
}
|
|
5957
5960
|
.bp_guided_tooltip_module_content--47a15{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_select_module_container--
|
|
2
|
+
var styles = {"container":"bp_select_module_container--e74ce","disabled":"bp_select_module_disabled--e74ce","label":"bp_select_module_label--e74ce","triggerBtn":"bp_select_module_triggerBtn--e74ce","readonly":"bp_select_module_readonly--e74ce","error":"bp_select_module_error--e74ce","iconWrapper":"bp_select_module_iconWrapper--e74ce","iconCaret":"bp_select_module_iconCaret--e74ce","iconPencilCrossed":"bp_select_module_iconPencilCrossed--e74ce","icon":"bp_select_module_icon--e74ce","content":"bp_select_module_content--e74ce","viewport":"bp_select_module_viewport--e74ce","option":"bp_select_module_option--e74ce","secondaryText":"bp_select_module_secondaryText--e74ce","indicator":"bp_select_module_indicator--e74ce","separator":"bp_select_module_separator--e74ce"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--
|
|
2
|
+
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--16586","smallListItem":"bp_base_grid_list_item_module_smallListItem--16586","loading":"bp_base_grid_list_item_module_loading--16586","thumbnail":"bp_base_grid_list_item_module_thumbnail--16586","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--16586","header":"bp_base_grid_list_item_module_header--16586","subtitle":"bp_base_grid_list_item_module_subtitle--16586","actions":"bp_base_grid_list_item_module_actions--16586","selection":"bp_base_grid_list_item_module_selection--16586","inner":"bp_base_grid_list_item_module_inner--16586","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--16586","largeList":"bp_base_grid_list_item_module_largeList--16586","largeListItem":"bp_base_grid_list_item_module_largeListItem--16586","fade":"bp_base_grid_list_item_module_fade--16586","description":"bp_base_grid_list_item_module_description--16586","snippet":"bp_base_grid_list_item_module_snippet--16586","snippetContent":"bp_base_grid_list_item_module_snippetContent--16586","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--16586","gridList":"bp_base_grid_list_item_module_gridList--16586","gridListItem":"bp_base_grid_list_item_module_gridListItem--16586","statusPin":"bp_base_grid_list_item_module_statusPin--16586","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--16586","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--16586","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--16586","staticList":"bp_base_grid_list_item_module_staticList--16586","staticListItem":"bp_base_grid_list_item_module_staticListItem--16586"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|