@box/blueprint-web 12.129.0 → 12.130.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/button/button.d.ts +6 -2
- package/dist/lib-esm/button/button.js +8 -3
- package/dist/lib-esm/button/types.d.ts +10 -3
- package/dist/lib-esm/empty-state/empty-state.d.ts +6 -2
- package/dist/lib-esm/guided-tooltip/guided-tooltip-footer.d.ts +12 -4
- package/dist/lib-esm/guided-tooltip/guided-tooltip.d.ts +12 -4
- package/dist/lib-esm/index.css +249 -217
- package/dist/lib-esm/modal/alert-modal.d.ts +12 -4
- package/dist/lib-esm/modal/modal-footer.d.ts +12 -4
- package/dist/lib-esm/modal/modal.d.ts +12 -4
- package/dist/lib-esm/primitives/base-button/base-button.js +13 -19
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/types.d.ts +2 -1
- package/dist/lib-esm/primitives/base-button/utils.d.ts +5 -1
- package/dist/lib-esm/primitives/base-button/utils.js +21 -1
- package/dist/lib-esm/side-panel/side-panel-footer.d.ts +12 -4
- package/dist/lib-esm/side-panel/side-panel.d.ts +12 -4
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/package.json +3 -3
package/dist/lib-esm/index.css
CHANGED
|
@@ -350,7 +350,7 @@
|
|
|
350
350
|
}
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.bp_base_button_module_button--
|
|
353
|
+
.bp_base_button_module_button--558f5[data-modern=true]{
|
|
354
354
|
--button-border-radius:var(--bp-radius-10);
|
|
355
355
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
356
356
|
font-size:var(--bp-font-size-05);
|
|
@@ -359,10 +359,10 @@
|
|
|
359
359
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
360
360
|
line-height:var(--bp-font-line-height-04);
|
|
361
361
|
}
|
|
362
|
-
.bp_base_button_module_button--
|
|
362
|
+
.bp_base_button_module_button--558f5[data-modern=true]:not(:disabled)[data-focus-visible]{
|
|
363
363
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
|
|
364
364
|
}
|
|
365
|
-
.bp_base_button_module_button--
|
|
365
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_primary--558f5{
|
|
366
366
|
--button-color:var(--bp-text-text-on-dark);
|
|
367
367
|
--button-background:var(--bp-surface-surface-brand);
|
|
368
368
|
--button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
|
|
@@ -371,7 +371,7 @@
|
|
|
371
371
|
--button-active-background:var(--bp-surface-surface-brand-pressed);
|
|
372
372
|
--button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
|
|
373
373
|
}
|
|
374
|
-
.bp_base_button_module_button--
|
|
374
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_secondary--558f5{
|
|
375
375
|
--button-color:var(--bp-text-text-on-light);
|
|
376
376
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
377
377
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
@@ -381,14 +381,14 @@
|
|
|
381
381
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
|
|
382
382
|
--button-backdrop-filter:blur(16px);
|
|
383
383
|
}
|
|
384
|
-
.bp_base_button_module_button--
|
|
384
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_tertiary--558f5{
|
|
385
385
|
--button-color:var(--bp-text-cta-link);
|
|
386
386
|
--button-background:var(--bp-surface-cta-surface-tertiary);
|
|
387
387
|
--button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
|
|
388
388
|
--button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
|
|
389
389
|
--button-backdrop-filter:blur(16px);
|
|
390
390
|
}
|
|
391
|
-
.bp_base_button_module_button--
|
|
391
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_outline--558f5{
|
|
392
392
|
--button-color:var(--bp-text-text-on-light);
|
|
393
393
|
--button-background:var(--bp-surface-cta-surface-secondary);
|
|
394
394
|
--button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
@@ -398,36 +398,48 @@
|
|
|
398
398
|
--button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
|
|
399
399
|
--button-backdrop-filter:blur(16px);
|
|
400
400
|
}
|
|
401
|
-
.bp_base_button_module_button--
|
|
401
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_small--558f5{
|
|
402
402
|
--button-small-gap:var(--bp-space-010);
|
|
403
403
|
--button-small-min-height:var(--bp-size-080);
|
|
404
404
|
--button-small-padding:0 var(--bp-size-030);
|
|
405
405
|
}
|
|
406
|
-
.bp_base_button_module_button--
|
|
406
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_small--558f5.bp_base_button_module_isIconButton--558f5{
|
|
407
407
|
--icon-button-small-width:var(--bp-size-080);
|
|
408
408
|
--icon-button-small-height:var(--bp-size-080);
|
|
409
409
|
--icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
|
|
410
410
|
}
|
|
411
|
-
.bp_base_button_module_button--
|
|
411
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_small--558f5.bp_base_button_module_isTextWithIconEndButton--558f5{
|
|
412
412
|
--button-small-padding:0 0.625rem 0 var(--bp-space-030);
|
|
413
413
|
}
|
|
414
|
-
.bp_base_button_module_button--
|
|
414
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_small--558f5.bp_base_button_module_isTextWithIconStartButton--558f5{
|
|
415
|
+
--button-small-padding:0 var(--bp-space-030) 0 0.625rem;
|
|
416
|
+
}
|
|
417
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_small--558f5.bp_base_button_module_isTextWithStartAndEndIconButton--558f5{
|
|
418
|
+
--button-small-padding:0 0.625rem 0 0.625rem;
|
|
419
|
+
}
|
|
420
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_large--558f5{
|
|
415
421
|
--button-large-gap:var(--bp-space-020);
|
|
416
422
|
--button-large-min-height:var(--bp-size-100);
|
|
417
423
|
--button-large-padding:0 var(--bp-size-040);
|
|
418
424
|
--button-large-font-size:var(--body-large-bold-font-size);
|
|
419
425
|
--button-large-line-height:var(--body-large-bold-line-height);
|
|
420
426
|
}
|
|
421
|
-
.bp_base_button_module_button--
|
|
427
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_large--558f5.bp_base_button_module_isIconButton--558f5{
|
|
422
428
|
--icon-button-large-width:var(--bp-size-100);
|
|
423
429
|
--icon-button-large-height:var(--bp-size-100);
|
|
424
430
|
--icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
|
|
425
431
|
}
|
|
426
|
-
.bp_base_button_module_button--
|
|
432
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_large--558f5.bp_base_button_module_isTextWithIconEndButton--558f5{
|
|
427
433
|
--button-large-padding:0 0.875rem 0 var(--bp-space-040);
|
|
428
434
|
}
|
|
435
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_large--558f5.bp_base_button_module_isTextWithIconStartButton--558f5{
|
|
436
|
+
--button-large-padding:0 var(--bp-space-040) 0 0.875rem;
|
|
437
|
+
}
|
|
438
|
+
.bp_base_button_module_button--558f5[data-modern=true].bp_base_button_module_large--558f5.bp_base_button_module_isTextWithStartAndEndIconButton--558f5{
|
|
439
|
+
--button-large-padding:0 0.875rem 0 0.875rem;
|
|
440
|
+
}
|
|
429
441
|
|
|
430
|
-
.bp_base_button_module_button--
|
|
442
|
+
.bp_base_button_module_button--558f5[data-modern=false]{
|
|
431
443
|
--button-border-radius:var(--radius-2);
|
|
432
444
|
font-family:var(--body-default-bold-font-family);
|
|
433
445
|
font-size:var(--body-default-bold-font-size);
|
|
@@ -438,10 +450,10 @@
|
|
|
438
450
|
text-decoration:var(--body-default-bold-text-decoration);
|
|
439
451
|
text-transform:var(--body-default-bold-text-case);
|
|
440
452
|
}
|
|
441
|
-
.bp_base_button_module_button--
|
|
453
|
+
.bp_base_button_module_button--558f5[data-modern=false]:not(:disabled)[data-focus-visible]{
|
|
442
454
|
box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
|
|
443
455
|
}
|
|
444
|
-
.bp_base_button_module_button--
|
|
456
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_primary--558f5{
|
|
445
457
|
--button-color:var(--text-text-brand-on-color);
|
|
446
458
|
--button-background:var(--surface-surface-brand);
|
|
447
459
|
--button-border:var(--border-1) solid var(--surface-surface-brand);
|
|
@@ -450,7 +462,7 @@
|
|
|
450
462
|
--button-active-background:var(--surface-surface-brand-pressed);
|
|
451
463
|
--button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
|
|
452
464
|
}
|
|
453
|
-
.bp_base_button_module_button--
|
|
465
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_secondary--558f5{
|
|
454
466
|
--button-color:var(--text-text-on-light);
|
|
455
467
|
--button-background:var(--surface-cta-surface-secondary);
|
|
456
468
|
--button-border:var(--border-1) solid var(--border-cta-border-secondary);
|
|
@@ -460,7 +472,7 @@
|
|
|
460
472
|
--button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
|
|
461
473
|
--button-backdrop-filter:none;
|
|
462
474
|
}
|
|
463
|
-
.bp_base_button_module_button--
|
|
475
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_tertiary--558f5{
|
|
464
476
|
--button-color:var(--text-cta-link);
|
|
465
477
|
--button-background:#0000;
|
|
466
478
|
--button-border:var(--border-1) solid #0000;
|
|
@@ -468,7 +480,7 @@
|
|
|
468
480
|
--button-active-background:var(--surface-cta-surface-tertiary-pressed);
|
|
469
481
|
--button-backdrop-filter:none;
|
|
470
482
|
}
|
|
471
|
-
.bp_base_button_module_button--
|
|
483
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_outline--558f5{
|
|
472
484
|
--button-color:var(--text-text-on-light);
|
|
473
485
|
--button-background:var(--surface-cta-surface-outline);
|
|
474
486
|
--button-border:var(--border-1) solid var(--border-cta-border-outline);
|
|
@@ -478,36 +490,48 @@
|
|
|
478
490
|
--button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
|
|
479
491
|
--button-backdrop-filter:none;
|
|
480
492
|
}
|
|
481
|
-
.bp_base_button_module_button--
|
|
493
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_small--558f5{
|
|
482
494
|
--button-small-gap:var(--space-1);
|
|
483
495
|
--button-small-min-height:var(--size-8);
|
|
484
496
|
--button-small-padding:0 var(--space-4);
|
|
485
497
|
}
|
|
486
|
-
.bp_base_button_module_button--
|
|
498
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_small--558f5.bp_base_button_module_isIconButton--558f5{
|
|
487
499
|
--icon-button-small-width:var(--size-8);
|
|
488
500
|
--icon-button-small-height:var(--size-8);
|
|
489
501
|
--icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
|
|
490
502
|
}
|
|
491
|
-
.bp_base_button_module_button--
|
|
503
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_small--558f5.bp_base_button_module_isTextWithIconEndButton--558f5{
|
|
492
504
|
--button-small-padding:0 var(--space-3);
|
|
493
505
|
}
|
|
494
|
-
.bp_base_button_module_button--
|
|
506
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_small--558f5.bp_base_button_module_isTextWithIconStartButton--558f5{
|
|
507
|
+
--button-small-padding:0 var(--space-3) 0 0.625rem;
|
|
508
|
+
}
|
|
509
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_small--558f5.bp_base_button_module_isTextWithStartAndEndIconButton--558f5{
|
|
510
|
+
--button-small-padding:0 var(--space-3) 0 var(--space-3);
|
|
511
|
+
}
|
|
512
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_large--558f5{
|
|
495
513
|
--button-large-gap:var(--space-2);
|
|
496
514
|
--button-large-min-height:var(--size-10);
|
|
497
515
|
--button-large-padding:0 var(--space-4);
|
|
498
516
|
--button-large-font-size:var(--body-default-bold-font-size);
|
|
499
517
|
--button-large-line-height:var(--body-default-bold-line-height);
|
|
500
518
|
}
|
|
501
|
-
.bp_base_button_module_button--
|
|
519
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_large--558f5.bp_base_button_module_isIconButton--558f5{
|
|
502
520
|
--icon-button-large-width:var(--size-10);
|
|
503
521
|
--icon-button-large-height:var(--size-10);
|
|
504
522
|
--icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
|
|
505
523
|
}
|
|
506
|
-
.bp_base_button_module_button--
|
|
524
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_large--558f5.bp_base_button_module_isTextWithIconEndButton--558f5{
|
|
507
525
|
--button-large-padding:0 var(--space-4);
|
|
508
526
|
}
|
|
527
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_large--558f5.bp_base_button_module_isTextWithIconStartButton--558f5{
|
|
528
|
+
--button-large-padding:0 var(--space-4) 0 0.875rem;
|
|
529
|
+
}
|
|
530
|
+
.bp_base_button_module_button--558f5[data-modern=false].bp_base_button_module_large--558f5.bp_base_button_module_isTextWithStartAndEndIconButton--558f5{
|
|
531
|
+
--button-large-padding:0 var(--space-4) 0 var(--space-4);
|
|
532
|
+
}
|
|
509
533
|
|
|
510
|
-
.bp_base_button_module_button--
|
|
534
|
+
.bp_base_button_module_button--558f5{
|
|
511
535
|
border-radius:var(--button-border-radius);
|
|
512
536
|
cursor:pointer;
|
|
513
537
|
justify-content:center;
|
|
@@ -516,100 +540,100 @@
|
|
|
516
540
|
user-select:none;
|
|
517
541
|
white-space:nowrap;
|
|
518
542
|
}
|
|
519
|
-
.bp_base_button_module_button--
|
|
543
|
+
.bp_base_button_module_button--558f5,.bp_base_button_module_button--558f5 .bp_base_button_module_icon--558f5{
|
|
520
544
|
align-items:center;
|
|
521
545
|
display:flex;
|
|
522
546
|
}
|
|
523
|
-
.bp_base_button_module_button--
|
|
547
|
+
.bp_base_button_module_button--558f5:disabled{
|
|
524
548
|
opacity:.3;
|
|
525
549
|
}
|
|
526
|
-
.bp_base_button_module_button--
|
|
550
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_primary--558f5{
|
|
527
551
|
background:var(--button-background);
|
|
528
552
|
border:var(--button-border);
|
|
529
553
|
color:var(--button-color);
|
|
530
554
|
}
|
|
531
|
-
.bp_base_button_module_button--
|
|
555
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_primary--558f5:not(:disabled):hover,.bp_base_button_module_button--558f5.bp_base_button_module_primary--558f5:not(:disabled)[data-focus-visible]{
|
|
532
556
|
background:var(--button-focus-or-hover-background);
|
|
533
557
|
border:var(--button-focus-or-hover-border);
|
|
534
558
|
}
|
|
535
|
-
.bp_base_button_module_button--
|
|
559
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_primary--558f5:not(:disabled):active{
|
|
536
560
|
background:var(--button-active-background);
|
|
537
561
|
border:var(--button-active-border);
|
|
538
562
|
}
|
|
539
|
-
.bp_base_button_module_button--
|
|
563
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_secondary--558f5{
|
|
540
564
|
backdrop-filter:var(--button-backdrop-filter);
|
|
541
565
|
background:var(--button-background);
|
|
542
566
|
border:var(--button-border);
|
|
543
567
|
color:var(--button-color);
|
|
544
568
|
}
|
|
545
|
-
.bp_base_button_module_button--
|
|
569
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_secondary--558f5:not(:disabled):hover,.bp_base_button_module_button--558f5.bp_base_button_module_secondary--558f5:not(:disabled)[data-focus-visible]{
|
|
546
570
|
background:var(--button-focus-or-hover-background);
|
|
547
571
|
border:var(--button-focus-or-hover-border);
|
|
548
572
|
}
|
|
549
|
-
.bp_base_button_module_button--
|
|
573
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_secondary--558f5:not(:disabled):active{
|
|
550
574
|
background:var(--button-active-background);
|
|
551
575
|
border:var(--button-active-border);
|
|
552
576
|
}
|
|
553
|
-
.bp_base_button_module_button--
|
|
577
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_tertiary--558f5{
|
|
554
578
|
backdrop-filter:var(--button-backdrop-filter);
|
|
555
579
|
background:var(--button-background);
|
|
556
580
|
border:var(--button-border);
|
|
557
581
|
color:var(--button-color);
|
|
558
582
|
}
|
|
559
|
-
.bp_base_button_module_button--
|
|
583
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_tertiary--558f5:not(:disabled):hover,.bp_base_button_module_button--558f5.bp_base_button_module_tertiary--558f5:not(:disabled)[data-focus-visible]{
|
|
560
584
|
background:var(--button-focus-or-hover-background);
|
|
561
585
|
}
|
|
562
|
-
.bp_base_button_module_button--
|
|
586
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_tertiary--558f5:not(:disabled):active{
|
|
563
587
|
background:var(--button-active-background);
|
|
564
588
|
}
|
|
565
|
-
.bp_base_button_module_button--
|
|
589
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_outline--558f5{
|
|
566
590
|
backdrop-filter:var(--button-backdrop-filter);
|
|
567
591
|
background:var(--button-background);
|
|
568
592
|
border:var(--button-border);
|
|
569
593
|
color:var(--button-color);
|
|
570
594
|
}
|
|
571
|
-
.bp_base_button_module_button--
|
|
595
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_outline--558f5:not(:disabled):hover,.bp_base_button_module_button--558f5.bp_base_button_module_outline--558f5:not(:disabled)[data-focus-visible]{
|
|
572
596
|
background:var(--button-focus-or-hover-background);
|
|
573
597
|
border:var(--button-focus-or-hover-border);
|
|
574
598
|
}
|
|
575
|
-
.bp_base_button_module_button--
|
|
599
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_outline--558f5:not(:disabled):active{
|
|
576
600
|
background:var(--button-active-background);
|
|
577
601
|
border:var(--button-active-border);
|
|
578
602
|
}
|
|
579
|
-
.bp_base_button_module_button--
|
|
603
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_small--558f5{
|
|
580
604
|
gap:var(--button-small-gap);
|
|
581
605
|
min-height:var(--button-small-min-height);
|
|
582
606
|
padding:var(--button-small-padding);
|
|
583
607
|
}
|
|
584
|
-
.bp_base_button_module_button--
|
|
608
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_small--558f5.bp_base_button_module_isIconButton--558f5{
|
|
585
609
|
height:var(--icon-button-small-height);
|
|
586
610
|
min-height:unset;
|
|
587
611
|
padding:var(--icon-button-small-padding);
|
|
588
612
|
width:var(--icon-button-small-width);
|
|
589
613
|
}
|
|
590
|
-
.bp_base_button_module_button--
|
|
614
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_small--558f5.bp_base_button_module_isTextWithIconEndButton--558f5,.bp_base_button_module_button--558f5.bp_base_button_module_small--558f5.bp_base_button_module_isTextWithIconStartButton--558f5,.bp_base_button_module_button--558f5.bp_base_button_module_small--558f5.bp_base_button_module_isTextWithStartAndEndIconButton--558f5{
|
|
591
615
|
padding:var(--button-small-padding);
|
|
592
616
|
}
|
|
593
|
-
.bp_base_button_module_button--
|
|
617
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_large--558f5{
|
|
594
618
|
font-size:var(--button-large-font-size);
|
|
595
619
|
gap:var(--button-large-gap);
|
|
596
620
|
line-height:var(--button-large-line-height);
|
|
597
621
|
min-height:var(--button-large-min-height);
|
|
598
622
|
padding:var(--button-large-padding);
|
|
599
623
|
}
|
|
600
|
-
.bp_base_button_module_button--
|
|
624
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_large--558f5.bp_base_button_module_isIconButton--558f5{
|
|
601
625
|
height:var(--icon-button-large-height);
|
|
602
626
|
padding:var(--icon-button-large-padding);
|
|
603
627
|
width:var(--icon-button-large-width);
|
|
604
628
|
}
|
|
605
|
-
.bp_base_button_module_button--
|
|
629
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_large--558f5.bp_base_button_module_isTextWithIconEndButton--558f5,.bp_base_button_module_button--558f5.bp_base_button_module_large--558f5.bp_base_button_module_isTextWithIconStartButton--558f5,.bp_base_button_module_button--558f5.bp_base_button_module_large--558f5.bp_base_button_module_isTextWithStartAndEndIconButton--558f5{
|
|
606
630
|
padding:var(--button-large-padding);
|
|
607
631
|
}
|
|
608
|
-
.bp_base_button_module_button--
|
|
632
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_hide--558f5{
|
|
609
633
|
pointer-events:none;
|
|
610
634
|
position:relative;
|
|
611
635
|
}
|
|
612
|
-
.bp_base_button_module_button--
|
|
636
|
+
.bp_base_button_module_button--558f5.bp_base_button_module_hide--558f5 span{
|
|
613
637
|
color:#0000;
|
|
614
638
|
opacity:0;
|
|
615
639
|
}
|
|
@@ -6082,7 +6106,7 @@
|
|
|
6082
6106
|
margin-block-end:var(--space-4);
|
|
6083
6107
|
}
|
|
6084
6108
|
|
|
6085
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6109
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=false]{
|
|
6086
6110
|
--small-list-gap:var(--space-2);
|
|
6087
6111
|
--small-list-padding:var(--space-1);
|
|
6088
6112
|
--small-list-item-background:var(--surface-item-small-surface);
|
|
@@ -6106,7 +6130,7 @@
|
|
|
6106
6130
|
--small-list-focus-outline-radius:0.875rem;
|
|
6107
6131
|
--small-list-focus-outline-offset:calc(var(--border-4)*-1);
|
|
6108
6132
|
}
|
|
6109
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6133
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=false] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6110
6134
|
font-family:var(--body-default-semibold-font-family);
|
|
6111
6135
|
font-size:var(--body-default-semibold-font-size);
|
|
6112
6136
|
font-weight:var(--body-default-semibold-font-weight);
|
|
@@ -6116,7 +6140,7 @@
|
|
|
6116
6140
|
text-decoration:var(--body-default-semibold-text-decoration);
|
|
6117
6141
|
text-transform:var(--body-default-semibold-text-case);
|
|
6118
6142
|
}
|
|
6119
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6143
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=false] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6120
6144
|
font-family:var(--caption-default-font-family);
|
|
6121
6145
|
font-size:var(--caption-default-font-size);
|
|
6122
6146
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6127,7 +6151,7 @@
|
|
|
6127
6151
|
text-transform:var(--caption-default-text-case);
|
|
6128
6152
|
}
|
|
6129
6153
|
|
|
6130
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6154
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=true]{
|
|
6131
6155
|
--small-list-gap:var(--bp-space-020);
|
|
6132
6156
|
--small-list-padding:initial;
|
|
6133
6157
|
--small-list-item-background:var(--bp-surface-list-item-small-surface);
|
|
@@ -6151,7 +6175,7 @@
|
|
|
6151
6175
|
--small-list-focus-outline-radius:var(--bp-radius-08);
|
|
6152
6176
|
--small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
|
|
6153
6177
|
}
|
|
6154
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6178
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=true] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6155
6179
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6156
6180
|
font-size:var(--bp-font-size-05);
|
|
6157
6181
|
font-style:normal;
|
|
@@ -6159,7 +6183,7 @@
|
|
|
6159
6183
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6160
6184
|
line-height:var(--bp-font-line-height-04);
|
|
6161
6185
|
}
|
|
6162
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6186
|
+
.bp_base_grid_list_item_module_smallList--537f7[data-modern=true] .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6163
6187
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6164
6188
|
font-size:var(--bp-font-size-03);
|
|
6165
6189
|
font-style:normal;
|
|
@@ -6168,7 +6192,7 @@
|
|
|
6168
6192
|
line-height:var(--bp-font-line-height-02);
|
|
6169
6193
|
}
|
|
6170
6194
|
|
|
6171
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6195
|
+
.bp_base_grid_list_item_module_smallList--537f7{
|
|
6172
6196
|
box-sizing:border-box;
|
|
6173
6197
|
display:grid;
|
|
6174
6198
|
gap:var(--small-list-gap);
|
|
@@ -6179,7 +6203,7 @@
|
|
|
6179
6203
|
padding:var(--small-list-padding);
|
|
6180
6204
|
width:auto;
|
|
6181
6205
|
}
|
|
6182
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6206
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7{
|
|
6183
6207
|
--actions-opacity:var(--small-list-actions-opacity);
|
|
6184
6208
|
--thumbnail-size:var(--small-list-thumbnail-size);
|
|
6185
6209
|
--item-background:var(--small-list-item-background);
|
|
@@ -6198,11 +6222,11 @@
|
|
|
6198
6222
|
transform:translateZ(0);
|
|
6199
6223
|
width:auto;
|
|
6200
6224
|
}
|
|
6201
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6225
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6202
6226
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
6203
6227
|
grid-template-rows:100% 0;
|
|
6204
6228
|
}
|
|
6205
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6229
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6206
6230
|
align-items:center;
|
|
6207
6231
|
aspect-ratio:1;
|
|
6208
6232
|
display:flex;
|
|
@@ -6211,35 +6235,35 @@
|
|
|
6211
6235
|
overflow:hidden;
|
|
6212
6236
|
z-index:1;
|
|
6213
6237
|
}
|
|
6214
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6238
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_thumbnailContent--537f7 img,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_thumbnailContent--537f7 svg{
|
|
6215
6239
|
height:100%;
|
|
6216
6240
|
object-fit:cover;
|
|
6217
6241
|
object-position:left;
|
|
6218
6242
|
width:100%;
|
|
6219
6243
|
}
|
|
6220
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6244
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6221
6245
|
color:var(--small-list-header-color);
|
|
6222
6246
|
grid-area:head;
|
|
6223
6247
|
}
|
|
6224
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6248
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6225
6249
|
align-items:center;
|
|
6226
6250
|
display:flex;
|
|
6227
6251
|
}
|
|
6228
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6252
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6229
6253
|
color:var(--small-list-subtitle-color);
|
|
6230
6254
|
grid-area:subtitle;
|
|
6231
6255
|
}
|
|
6232
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6256
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6233
6257
|
display:inline-block;
|
|
6234
6258
|
overflow:hidden;
|
|
6235
6259
|
text-overflow:ellipsis;
|
|
6236
6260
|
white-space:nowrap;
|
|
6237
6261
|
}
|
|
6238
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6262
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7:not(:has(.bp_base_grid_list_item_module_header--537f7)),.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7:not(:has(.bp_base_grid_list_item_module_subtitle--537f7)){
|
|
6239
6263
|
grid-template-rows:100% 0;
|
|
6240
6264
|
row-gap:0;
|
|
6241
6265
|
}
|
|
6242
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6266
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6243
6267
|
align-items:center;
|
|
6244
6268
|
display:flex;
|
|
6245
6269
|
grid-area:actions;
|
|
@@ -6249,11 +6273,11 @@
|
|
|
6249
6273
|
padding-right:0;
|
|
6250
6274
|
}
|
|
6251
6275
|
@media (pointer: coarse){
|
|
6252
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6276
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6253
6277
|
--actions-opacity:1;
|
|
6254
6278
|
}
|
|
6255
6279
|
}
|
|
6256
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6280
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
6257
6281
|
align-items:center;
|
|
6258
6282
|
background:var(--item-background);
|
|
6259
6283
|
border-radius:var(--small-list-selection-border-radius);
|
|
@@ -6262,10 +6286,10 @@
|
|
|
6262
6286
|
justify-content:center;
|
|
6263
6287
|
width:var(--small-list-selection-width);
|
|
6264
6288
|
}
|
|
6265
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6289
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
6266
6290
|
background:var(--small-list-selection-hover-background);
|
|
6267
6291
|
}
|
|
6268
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6292
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6269
6293
|
align-items:center;
|
|
6270
6294
|
border-radius:var(--small-list-inner-border-radius);
|
|
6271
6295
|
display:flex;
|
|
@@ -6273,17 +6297,17 @@
|
|
|
6273
6297
|
justify-content:flex-end;
|
|
6274
6298
|
margin-inline-end:var(--small-list-inner-margin-end);
|
|
6275
6299
|
}
|
|
6276
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6300
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7:last-child{
|
|
6277
6301
|
margin-inline-end:0;
|
|
6278
6302
|
}
|
|
6279
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6303
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7{
|
|
6280
6304
|
display:flex;
|
|
6281
6305
|
}
|
|
6282
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6306
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7:hover,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-active-item],.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-focused],.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-hovered]{
|
|
6283
6307
|
--actions-opacity:1;
|
|
6284
6308
|
background:var(--item-hover);
|
|
6285
6309
|
}
|
|
6286
|
-
.bp_base_grid_list_item_module_smallList--
|
|
6310
|
+
.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-active-item]::before,.bp_base_grid_list_item_module_smallList--537f7 .bp_base_grid_list_item_module_smallListItem--537f7[data-focus-visible]::before{
|
|
6287
6311
|
--actions-opacity:1;
|
|
6288
6312
|
border-radius:var(--small-list-focus-outline-radius);
|
|
6289
6313
|
content:"";
|
|
@@ -6297,7 +6321,7 @@
|
|
|
6297
6321
|
width:100%;
|
|
6298
6322
|
}
|
|
6299
6323
|
|
|
6300
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6324
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=false]{
|
|
6301
6325
|
--large-list-gap:var(--space-05);
|
|
6302
6326
|
--large-list-padding:var(--space-1);
|
|
6303
6327
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6346,11 +6370,11 @@
|
|
|
6346
6370
|
--large-list-item-selected-fade-background:linear-gradient(270deg, #f2f7fd 0%, #f2f7fd00 100%);
|
|
6347
6371
|
--large-list-item-interaction-backdrop-filter:none;
|
|
6348
6372
|
}
|
|
6349
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6373
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=false] .bp_base_grid_list_item_module_largeListItem--537f7{
|
|
6350
6374
|
border-radius:var(--large-list-item-border-radius);
|
|
6351
6375
|
}
|
|
6352
6376
|
|
|
6353
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6377
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true]{
|
|
6354
6378
|
--large-list-gap:var(--bp-space-005);
|
|
6355
6379
|
--large-list-padding:var(--bp-space-010);
|
|
6356
6380
|
--large-list-item-thumbnail-size:10rem;
|
|
@@ -6400,18 +6424,18 @@
|
|
|
6400
6424
|
--large-list-item-selected-fade-background:var(--bp-surface-list-item-surface-selected-fade);
|
|
6401
6425
|
--large-list-item-interaction-backdrop-filter:blur(16px);
|
|
6402
6426
|
}
|
|
6403
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6427
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7:hover,.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-active-item],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-focused],.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[data-hovered]{
|
|
6404
6428
|
border-radius:var(--large-list-item-border-radius);
|
|
6405
6429
|
}
|
|
6406
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6430
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]{
|
|
6407
6431
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6408
6432
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6409
6433
|
}
|
|
6410
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6434
|
+
.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7:not[aria-selected=true]:hover,.bp_base_grid_list_item_module_largeList--537f7[data-modern=true] .bp_base_grid_list_item_module_largeListItem--537f7:not[aria-selected=true][data-hovered]{
|
|
6411
6435
|
--item-background:var(--large-list-item-hover-background);
|
|
6412
6436
|
}
|
|
6413
6437
|
|
|
6414
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6438
|
+
.bp_base_grid_list_item_module_largeList--537f7{
|
|
6415
6439
|
box-sizing:border-box;
|
|
6416
6440
|
display:flex;
|
|
6417
6441
|
flex-direction:column;
|
|
@@ -6421,7 +6445,7 @@
|
|
|
6421
6445
|
overflow:auto;
|
|
6422
6446
|
padding:var(--large-list-padding);
|
|
6423
6447
|
}
|
|
6424
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6448
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7{
|
|
6425
6449
|
--thumbnail-size:var(--large-list-item-thumbnail-size);
|
|
6426
6450
|
--actions-opacity:0;
|
|
6427
6451
|
--item-background:var(--large-list-item-background);
|
|
@@ -6437,18 +6461,18 @@
|
|
|
6437
6461
|
position:relative;
|
|
6438
6462
|
transform:translateZ(0);
|
|
6439
6463
|
}
|
|
6440
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6464
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6441
6465
|
grid-template-rows:1fr 1fr 1fr;
|
|
6442
6466
|
}
|
|
6443
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6467
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7:focus-within{
|
|
6444
6468
|
--actions-opacity:1;
|
|
6445
6469
|
}
|
|
6446
6470
|
@media (max-width: 374px){
|
|
6447
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6471
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7{
|
|
6448
6472
|
--thumbnail-size:var(--large-list-item-thumbnail-size-small-viewport);
|
|
6449
6473
|
}
|
|
6450
6474
|
}
|
|
6451
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6475
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6452
6476
|
aspect-ratio:4/3;
|
|
6453
6477
|
border:var(--large-list-item-thumbnail-border);
|
|
6454
6478
|
border-radius:var(--large-list-item-thumbnail-border-radius);
|
|
@@ -6456,24 +6480,24 @@
|
|
|
6456
6480
|
overflow:hidden;
|
|
6457
6481
|
z-index:1;
|
|
6458
6482
|
}
|
|
6459
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6483
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
6460
6484
|
height:100%;
|
|
6461
6485
|
object-fit:cover;
|
|
6462
6486
|
object-position:left;
|
|
6463
6487
|
width:100%;
|
|
6464
6488
|
}
|
|
6465
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6489
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6466
6490
|
border:none;
|
|
6467
6491
|
}
|
|
6468
6492
|
@media (max-width: 374px){
|
|
6469
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6493
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6470
6494
|
aspect-ratio:1/1;
|
|
6471
6495
|
}
|
|
6472
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6496
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
6473
6497
|
object-fit:contain;
|
|
6474
6498
|
}
|
|
6475
6499
|
}
|
|
6476
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6500
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6477
6501
|
align-items:center;
|
|
6478
6502
|
display:flex;
|
|
6479
6503
|
height:var(--large-list-item-actions-height);
|
|
@@ -6485,11 +6509,11 @@
|
|
|
6485
6509
|
top:var(--large-list-item-actions-top);
|
|
6486
6510
|
}
|
|
6487
6511
|
@media (pointer: coarse){
|
|
6488
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6512
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6489
6513
|
--actions-opacity:1;
|
|
6490
6514
|
}
|
|
6491
6515
|
}
|
|
6492
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6516
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
6493
6517
|
align-items:center;
|
|
6494
6518
|
background:var(--item-background);
|
|
6495
6519
|
border-radius:var(--large-list-item-selection-border-radius);
|
|
@@ -6498,15 +6522,15 @@
|
|
|
6498
6522
|
justify-content:center;
|
|
6499
6523
|
width:var(--large-list-item-selection-width);
|
|
6500
6524
|
}
|
|
6501
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6525
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
6502
6526
|
background:var(--large-list-item-selection-hover-background);
|
|
6503
6527
|
}
|
|
6504
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6528
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_fade--537f7{
|
|
6505
6529
|
align-self:stretch;
|
|
6506
6530
|
background:var(--large-list-item-fade-background);
|
|
6507
6531
|
width:var(--large-list-item-fade-width);
|
|
6508
6532
|
}
|
|
6509
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6533
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6510
6534
|
align-items:center;
|
|
6511
6535
|
background:var(--item-background);
|
|
6512
6536
|
border-radius:var(--large-list-item-inner-border-radius);
|
|
@@ -6515,14 +6539,14 @@
|
|
|
6515
6539
|
justify-content:flex-end;
|
|
6516
6540
|
margin-inline-end:var(--large-list-item-inner-margin-end);
|
|
6517
6541
|
}
|
|
6518
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6542
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7:last-child{
|
|
6519
6543
|
margin-inline-end:0;
|
|
6520
6544
|
}
|
|
6521
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6545
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7{
|
|
6522
6546
|
background:var(--item-background);
|
|
6523
6547
|
display:flex;
|
|
6524
6548
|
}
|
|
6525
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6549
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6526
6550
|
align-items:center;
|
|
6527
6551
|
color:var(--large-list-item-header-color);
|
|
6528
6552
|
display:inline-flex;
|
|
@@ -6540,7 +6564,7 @@
|
|
|
6540
6564
|
text-transform:var(--body-default-semibold-text-case);
|
|
6541
6565
|
white-space:nowrap;
|
|
6542
6566
|
}
|
|
6543
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6567
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6544
6568
|
align-items:center;
|
|
6545
6569
|
color:var(--large-list-item-subtitle-color);
|
|
6546
6570
|
display:flex;
|
|
@@ -6556,7 +6580,7 @@
|
|
|
6556
6580
|
text-transform:var(--caption-default-text-case);
|
|
6557
6581
|
white-space:nowrap;
|
|
6558
6582
|
}
|
|
6559
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6583
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_description--537f7{
|
|
6560
6584
|
-webkit-box-orient:vertical;
|
|
6561
6585
|
-webkit-line-clamp:3;
|
|
6562
6586
|
color:var(--large-list-item-description-color);
|
|
@@ -6575,13 +6599,13 @@
|
|
|
6575
6599
|
text-decoration:var(--body-default-text-decoration);
|
|
6576
6600
|
text-transform:var(--body-default-text-case);
|
|
6577
6601
|
}
|
|
6578
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6602
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_snippet--537f7{
|
|
6579
6603
|
grid-area:description;
|
|
6580
6604
|
margin:0;
|
|
6581
6605
|
margin-block-end:var(--large-list-item-snippet-margin-end);
|
|
6582
6606
|
margin-block-start:var(--large-list-item-snippet-margin-start);
|
|
6583
6607
|
}
|
|
6584
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6608
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7 .bp_base_grid_list_item_module_snippet--537f7 .bp_base_grid_list_item_module_snippetContent--537f7{
|
|
6585
6609
|
-webkit-box-orient:vertical;
|
|
6586
6610
|
-webkit-line-clamp:2;
|
|
6587
6611
|
border:var(--large-list-item-snippet-border);
|
|
@@ -6601,13 +6625,13 @@
|
|
|
6601
6625
|
text-decoration:var(--body-default-text-decoration);
|
|
6602
6626
|
text-transform:var(--body-default-text-case);
|
|
6603
6627
|
}
|
|
6604
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6628
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7:hover,.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-active-item],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-focused],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-hovered]{
|
|
6605
6629
|
--actions-opacity:1;
|
|
6606
6630
|
backdrop-filter:var(--large-list-item-interaction-backdrop-filter);
|
|
6607
6631
|
box-shadow:var(--large-list-item-interaction-box-shadow);
|
|
6608
6632
|
outline:var(--large-list-item-hover-outline);
|
|
6609
6633
|
}
|
|
6610
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6634
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-active-item]::before,.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[data-focus-visible]::before{
|
|
6611
6635
|
border-radius:var(--large-list-item-focus-border-radius);
|
|
6612
6636
|
content:"";
|
|
6613
6637
|
display:block;
|
|
@@ -6619,34 +6643,34 @@
|
|
|
6619
6643
|
top:0;
|
|
6620
6644
|
width:100%;
|
|
6621
6645
|
}
|
|
6622
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6646
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]{
|
|
6623
6647
|
--actions-opacity:1;
|
|
6624
6648
|
--item-background:var(--large-list-item-selected-background);
|
|
6625
6649
|
outline:var(--large-list-item-selected-outline);
|
|
6626
6650
|
z-index:2;
|
|
6627
6651
|
}
|
|
6628
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6652
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true] .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_fade--537f7{
|
|
6629
6653
|
background:var(--large-list-item-selected-fade-background);
|
|
6630
6654
|
}
|
|
6631
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6655
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6632
6656
|
display:none;
|
|
6633
6657
|
}
|
|
6634
6658
|
@supports selector(:has(.foo)){
|
|
6635
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6659
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--537f7 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true]:has(+ [aria-selected=true]){
|
|
6636
6660
|
border-end-end-radius:0;
|
|
6637
6661
|
border-end-start-radius:0;
|
|
6638
6662
|
}
|
|
6639
|
-
.bp_base_grid_list_item_module_largeList--
|
|
6663
|
+
.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--537f7 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--537f7 .bp_base_grid_list_item_module_largeListItem--537f7[aria-selected=true] + [aria-selected=true]{
|
|
6640
6664
|
border-start-end-radius:0;
|
|
6641
6665
|
border-start-start-radius:0;
|
|
6642
6666
|
border-top:none;
|
|
6643
6667
|
}
|
|
6644
6668
|
}
|
|
6645
6669
|
|
|
6646
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6670
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=false]{
|
|
6647
6671
|
--grid-list-minimum-item-width:188px;
|
|
6648
6672
|
--grid-list-gap:var(--space-4);
|
|
6649
|
-
--grid-list-padding:
|
|
6673
|
+
--grid-list-padding:0;
|
|
6650
6674
|
--grid-list-thumbnail-min-size:7rem;
|
|
6651
6675
|
--grid-list-header-height:var(--space-10);
|
|
6652
6676
|
--grid-list-subtitle-height:var(--space-4);
|
|
@@ -6684,7 +6708,7 @@
|
|
|
6684
6708
|
--grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
|
|
6685
6709
|
--grid-list-item-coarse-row-gap:var(--space-1);
|
|
6686
6710
|
}
|
|
6687
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6711
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=false] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6688
6712
|
font-family:var(--body-default-font-family);
|
|
6689
6713
|
font-size:var(--body-default-font-size);
|
|
6690
6714
|
font-weight:var(--body-default-font-weight);
|
|
@@ -6694,7 +6718,7 @@
|
|
|
6694
6718
|
text-decoration:var(--body-default-text-decoration);
|
|
6695
6719
|
text-transform:var(--body-default-text-case);
|
|
6696
6720
|
}
|
|
6697
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6721
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=false] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6698
6722
|
font-family:var(--caption-default-font-family);
|
|
6699
6723
|
font-size:var(--caption-default-font-size);
|
|
6700
6724
|
font-weight:var(--caption-default-font-weight);
|
|
@@ -6705,7 +6729,7 @@
|
|
|
6705
6729
|
text-transform:var(--caption-default-text-case);
|
|
6706
6730
|
}
|
|
6707
6731
|
|
|
6708
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6732
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=true]{
|
|
6709
6733
|
--grid-list-minimum-item-width:188px;
|
|
6710
6734
|
--grid-list-gap:var(--bp-space-040);
|
|
6711
6735
|
--grid-list-padding:var(--bp-space-010);
|
|
@@ -6746,7 +6770,7 @@
|
|
|
6746
6770
|
--grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
|
|
6747
6771
|
--grid-list-item-coarse-row-gap:var(--bp-space-010);
|
|
6748
6772
|
}
|
|
6749
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6773
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=true] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6750
6774
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6751
6775
|
font-size:var(--bp-font-size-05);
|
|
6752
6776
|
font-style:normal;
|
|
@@ -6754,7 +6778,7 @@
|
|
|
6754
6778
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
6755
6779
|
line-height:var(--bp-font-line-height-04);
|
|
6756
6780
|
}
|
|
6757
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6781
|
+
.bp_base_grid_list_item_module_gridList--537f7[data-modern=true] .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6758
6782
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
6759
6783
|
font-size:var(--bp-font-size-03);
|
|
6760
6784
|
font-style:normal;
|
|
@@ -6763,7 +6787,7 @@
|
|
|
6763
6787
|
line-height:var(--bp-font-line-height-02);
|
|
6764
6788
|
}
|
|
6765
6789
|
|
|
6766
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6790
|
+
.bp_base_grid_list_item_module_gridList--537f7{
|
|
6767
6791
|
box-sizing:border-box;
|
|
6768
6792
|
display:grid;
|
|
6769
6793
|
gap:var(--grid-list-gap);
|
|
@@ -6773,7 +6797,7 @@
|
|
|
6773
6797
|
overflow:auto;
|
|
6774
6798
|
padding:var(--grid-list-padding);
|
|
6775
6799
|
}
|
|
6776
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6800
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7{
|
|
6777
6801
|
--actions-opacity:0;
|
|
6778
6802
|
--item-background:var(--grid-list-item-background);
|
|
6779
6803
|
--row-gap:var(--grid-list-item-row-gap);
|
|
@@ -6791,15 +6815,15 @@
|
|
|
6791
6815
|
row-gap:var(--row-gap);
|
|
6792
6816
|
transform:translateZ(0);
|
|
6793
6817
|
}
|
|
6794
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6818
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7:focus-within{
|
|
6795
6819
|
--actions-opacity:1;
|
|
6796
6820
|
}
|
|
6797
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6821
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_statusPin--537f7{
|
|
6798
6822
|
left:var(--grid-list-item-status-pin-left);
|
|
6799
6823
|
position:absolute;
|
|
6800
6824
|
top:var(--grid-list-item-status-pin-top);
|
|
6801
6825
|
}
|
|
6802
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6826
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6803
6827
|
aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
|
|
6804
6828
|
background:var(--grid-list-thumbnail-background);
|
|
6805
6829
|
border:var(--grid-list-thumbnail-border);
|
|
@@ -6807,25 +6831,25 @@
|
|
|
6807
6831
|
grid-area:thumbnail;
|
|
6808
6832
|
overflow:hidden;
|
|
6809
6833
|
}
|
|
6810
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6834
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
6811
6835
|
height:100%;
|
|
6812
6836
|
object-fit:contain;
|
|
6813
6837
|
width:100%;
|
|
6814
6838
|
}
|
|
6815
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6839
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6816
6840
|
border:none;
|
|
6817
6841
|
}
|
|
6818
6842
|
@media (pointer: coarse){
|
|
6819
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6843
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
6820
6844
|
margin-block-end:var(--space-1);
|
|
6821
6845
|
}
|
|
6822
6846
|
}
|
|
6823
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6847
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6824
6848
|
grid-area:subtitle;
|
|
6825
6849
|
margin-block-start:var(--grid-list-actions-margin-block-start);
|
|
6826
6850
|
opacity:var(--actions-opacity);
|
|
6827
6851
|
}
|
|
6828
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6852
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
6829
6853
|
align-items:center;
|
|
6830
6854
|
border-radius:var(--grid-list-selection-border-radius);
|
|
6831
6855
|
display:flex;
|
|
@@ -6836,10 +6860,10 @@
|
|
|
6836
6860
|
top:var(--grid-list-selection-top);
|
|
6837
6861
|
width:var(--grid-list-selection-width);
|
|
6838
6862
|
}
|
|
6839
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6863
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
6840
6864
|
background:var(--grid-list-selection-hover-background);
|
|
6841
6865
|
}
|
|
6842
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6866
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6843
6867
|
align-items:center;
|
|
6844
6868
|
background:var(--item-background);
|
|
6845
6869
|
border-radius:var(--grid-list-actions-inner-border-radius);
|
|
@@ -6848,29 +6872,29 @@
|
|
|
6848
6872
|
justify-content:center;
|
|
6849
6873
|
}
|
|
6850
6874
|
@media (pointer: coarse){
|
|
6851
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6875
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
6852
6876
|
grid-area:actions;
|
|
6853
6877
|
margin-block-start:0;
|
|
6854
6878
|
}
|
|
6855
6879
|
}
|
|
6856
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6880
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6857
6881
|
color:var(--grid-list-header-color);
|
|
6858
6882
|
grid-area:head;
|
|
6859
6883
|
height:var(--grid-list-header-height);
|
|
6860
6884
|
overflow-wrap:anywhere;
|
|
6861
6885
|
text-align:center;
|
|
6862
6886
|
}
|
|
6863
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6887
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6864
6888
|
align-items:center;
|
|
6865
6889
|
display:flex;
|
|
6866
6890
|
}
|
|
6867
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6891
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
6868
6892
|
-webkit-box-orient:vertical;
|
|
6869
6893
|
-webkit-line-clamp:2;
|
|
6870
6894
|
display:-webkit-box;
|
|
6871
6895
|
overflow:hidden;
|
|
6872
6896
|
}
|
|
6873
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6897
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
6874
6898
|
color:var(--grid-list-subtitle-color);
|
|
6875
6899
|
grid-area:subtitle;
|
|
6876
6900
|
height:var(--grid-list-subtitle-height);
|
|
@@ -6879,16 +6903,16 @@
|
|
|
6879
6903
|
text-overflow:ellipsis;
|
|
6880
6904
|
white-space:nowrap;
|
|
6881
6905
|
}
|
|
6882
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6906
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7 .bp_base_grid_list_item_module_subtitle--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
6883
6907
|
height:var(--grid-list-subtitle-loading-height);
|
|
6884
6908
|
}
|
|
6885
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6909
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7:hover,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-active-item],.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focus-visible],.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focused],.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-hovered]{
|
|
6886
6910
|
--actions-opacity:1;
|
|
6887
6911
|
backdrop-filter:var(--grid-list-item-backdrop-filter);
|
|
6888
6912
|
box-shadow:var(--grid-list-item-hover-box-shadow);
|
|
6889
6913
|
outline:var(--grid-list-item-hover-outline);
|
|
6890
6914
|
}
|
|
6891
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6915
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-active-item]::before,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focus-visible]::before{
|
|
6892
6916
|
border-radius:var(--grid-list-item-border-radius);
|
|
6893
6917
|
content:"";
|
|
6894
6918
|
display:block;
|
|
@@ -6900,7 +6924,7 @@
|
|
|
6900
6924
|
top:0;
|
|
6901
6925
|
width:100%;
|
|
6902
6926
|
}
|
|
6903
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6927
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-active-item]::after,.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[data-focus-visible]::after{
|
|
6904
6928
|
border-radius:var(--grid-list-item-border-radius);
|
|
6905
6929
|
content:"";
|
|
6906
6930
|
display:block;
|
|
@@ -6912,16 +6936,16 @@
|
|
|
6912
6936
|
top:0;
|
|
6913
6937
|
width:100%;
|
|
6914
6938
|
}
|
|
6915
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6939
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[aria-selected=true]{
|
|
6916
6940
|
--actions-opacity:1;
|
|
6917
6941
|
--item-background:var(--grid-list-item-selected-background);
|
|
6918
6942
|
outline:var(--grid-list-item-selected-outline);
|
|
6919
6943
|
}
|
|
6920
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6944
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--537f7) .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
6921
6945
|
opacity:0;
|
|
6922
6946
|
}
|
|
6923
6947
|
@media (pointer: coarse){
|
|
6924
|
-
.bp_base_grid_list_item_module_gridList--
|
|
6948
|
+
.bp_base_grid_list_item_module_gridList--537f7 .bp_base_grid_list_item_module_gridListItem--537f7{
|
|
6925
6949
|
--row-gap:var(--grid-list-item-coarse-row-gap);
|
|
6926
6950
|
--actions-opacity:1;
|
|
6927
6951
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -6929,7 +6953,7 @@
|
|
|
6929
6953
|
}
|
|
6930
6954
|
}
|
|
6931
6955
|
|
|
6932
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6956
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-modern=false]{
|
|
6933
6957
|
--tooltip-background-color:var(--surface-tooltip-surface);
|
|
6934
6958
|
--tooltip-offset:var(--space-2);
|
|
6935
6959
|
--tooltip-arrow-display:block;
|
|
@@ -6941,7 +6965,7 @@
|
|
|
6941
6965
|
--tooltip-backdrop-filter:none;
|
|
6942
6966
|
}
|
|
6943
6967
|
|
|
6944
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6968
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-modern=true]{
|
|
6945
6969
|
--tooltip-background-color:var(--bp-surface-tooltip-surface);
|
|
6946
6970
|
--tooltip-offset:var(--bp-space-020);
|
|
6947
6971
|
--tooltip-arrow-display:none;
|
|
@@ -6953,7 +6977,7 @@
|
|
|
6953
6977
|
--tooltip-backdrop-filter:blur(16px);
|
|
6954
6978
|
}
|
|
6955
6979
|
|
|
6956
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6980
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7{
|
|
6957
6981
|
background-color:var(--tooltip-background-color);
|
|
6958
6982
|
border:var(--tooltip-border);
|
|
6959
6983
|
border-radius:var(--tooltip-radius);
|
|
@@ -6972,29 +6996,29 @@
|
|
|
6972
6996
|
word-break:break-word;
|
|
6973
6997
|
z-index:2147483647;
|
|
6974
6998
|
}
|
|
6975
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
6999
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7 .bp_base_grid_list_item_module_tooltipArrow--537f7 svg{
|
|
6976
7000
|
display:var(--tooltip-arrow-display);
|
|
6977
7001
|
height:.5rem;
|
|
6978
7002
|
width:1rem;
|
|
6979
7003
|
}
|
|
6980
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7004
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=top]{
|
|
6981
7005
|
margin-block-end:var(--tooltip-offset);
|
|
6982
7006
|
}
|
|
6983
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7007
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--537f7 svg{
|
|
6984
7008
|
transform:rotate(180deg);
|
|
6985
7009
|
}
|
|
6986
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7010
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=bottom]{
|
|
6987
7011
|
margin-block-start:var(--tooltip-offset);
|
|
6988
7012
|
}
|
|
6989
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7013
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=right]{
|
|
6990
7014
|
margin-inline-start:var(--tooltip-offset);
|
|
6991
7015
|
}
|
|
6992
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
7016
|
+
.bp_base_grid_list_item_module_tooltipContent--537f7[data-placement=left]{
|
|
6993
7017
|
margin-inline-end:var(--tooltip-offset);
|
|
6994
7018
|
}
|
|
6995
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7019
|
+
.bp_base_grid_list_item_module_gridListV2--537f7{
|
|
6996
7020
|
--grid-v2-gap:var(--bp-space-020);
|
|
6997
|
-
--grid-v2-padding:
|
|
7021
|
+
--grid-v2-padding:0;
|
|
6998
7022
|
--grid-v2-min-item-width:23.4375rem;
|
|
6999
7023
|
--grid-v2-header-height:utils.pxtorem(20);
|
|
7000
7024
|
--grid-v2-subtitle-height:utils.pxtorem(20);
|
|
@@ -7045,7 +7069,7 @@
|
|
|
7045
7069
|
overflow:auto;
|
|
7046
7070
|
padding:var(--grid-v2-padding) 0;
|
|
7047
7071
|
}
|
|
7048
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7072
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7{
|
|
7049
7073
|
--actions-opacity:0;
|
|
7050
7074
|
--subtitle-opacity:1;
|
|
7051
7075
|
--item-background:var(--grid-v2-item-background);
|
|
@@ -7063,20 +7087,20 @@
|
|
|
7063
7087
|
position:relative;
|
|
7064
7088
|
transform:translateZ(0);
|
|
7065
7089
|
}
|
|
7066
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7090
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7:focus-within{
|
|
7067
7091
|
--actions-opacity:1;
|
|
7068
7092
|
--subtitle-opacity:0;
|
|
7069
7093
|
}
|
|
7070
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7094
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_noActions--537f7:focus-within{
|
|
7071
7095
|
--subtitle-opacity:1;
|
|
7072
7096
|
}
|
|
7073
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7097
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_statusPin--537f7{
|
|
7074
7098
|
left:var(--grid-v2-item-status-pin-left);
|
|
7075
7099
|
position:absolute;
|
|
7076
7100
|
top:var(--grid-v2-item-status-pin-top);
|
|
7077
7101
|
transition:transform .15s ease-out;
|
|
7078
7102
|
}
|
|
7079
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7103
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7080
7104
|
aspect-ratio:var(--grid-v2-thumbnail-aspect-ratio);
|
|
7081
7105
|
background:var(--grid-v2-thumbnail-background);
|
|
7082
7106
|
border:var(--grid-v2-thumbnail-border);
|
|
@@ -7086,20 +7110,28 @@
|
|
|
7086
7110
|
position:relative;
|
|
7087
7111
|
transition:box-shadow .15s ease-out,transform .15s ease-out;
|
|
7088
7112
|
}
|
|
7089
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7113
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img{
|
|
7090
7114
|
height:100%;
|
|
7091
|
-
|
|
7115
|
+
max-height:none;
|
|
7116
|
+
max-width:none;
|
|
7117
|
+
object-fit:cover;
|
|
7092
7118
|
width:100%;
|
|
7093
7119
|
}
|
|
7094
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7120
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img.bp_base_grid_list_item_module_isImageFile--537f7{
|
|
7121
|
+
object-position:center;
|
|
7122
|
+
}
|
|
7123
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img:not(.bp_base_grid_list_item_module_isImageFile--537f7){
|
|
7124
|
+
object-position:top left;
|
|
7125
|
+
}
|
|
7126
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
7095
7127
|
border:none;
|
|
7096
7128
|
}
|
|
7097
7129
|
@media (pointer: coarse){
|
|
7098
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7130
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7099
7131
|
margin-block-end:var(--bp-space-010);
|
|
7100
7132
|
}
|
|
7101
7133
|
}
|
|
7102
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7134
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_thumbnailBadges--537f7{
|
|
7103
7135
|
align-items:center;
|
|
7104
7136
|
bottom:var(--grid-v2-thumbnail-badges-bottom);
|
|
7105
7137
|
display:flex;
|
|
@@ -7107,12 +7139,12 @@
|
|
|
7107
7139
|
position:absolute;
|
|
7108
7140
|
right:var(--grid-v2-thumbnail-badges-right);
|
|
7109
7141
|
}
|
|
7110
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7142
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7{
|
|
7111
7143
|
align-items:center;
|
|
7112
7144
|
display:flex;
|
|
7113
7145
|
justify-content:center;
|
|
7114
7146
|
}
|
|
7115
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7147
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_fileTypePill--537f7{
|
|
7116
7148
|
background:var(--grid-v2-file-type-pill-background);
|
|
7117
7149
|
border:var(--grid-v2-file-type-pill-border);
|
|
7118
7150
|
border-radius:var(--grid-v2-file-type-pill-border-radius);
|
|
@@ -7121,13 +7153,13 @@
|
|
|
7121
7153
|
line-height:var(--grid-v2-file-type-pill-line-height);
|
|
7122
7154
|
padding:var(--grid-v2-file-type-pill-padding);
|
|
7123
7155
|
}
|
|
7124
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7156
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7125
7157
|
grid-area:subtitle;
|
|
7126
7158
|
margin-top:.25rem;
|
|
7127
7159
|
opacity:var(--actions-opacity);
|
|
7128
7160
|
transition:opacity .15s ease-out;
|
|
7129
7161
|
}
|
|
7130
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7162
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
7131
7163
|
align-items:center;
|
|
7132
7164
|
border-radius:var(--grid-v2-selection-border-radius);
|
|
7133
7165
|
display:flex;
|
|
@@ -7139,26 +7171,26 @@
|
|
|
7139
7171
|
transition:transform .15s ease-out;
|
|
7140
7172
|
width:var(--grid-v2-selection-width);
|
|
7141
7173
|
}
|
|
7142
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7174
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
7143
7175
|
background:var(--grid-v2-selection-hover-background);
|
|
7144
7176
|
}
|
|
7145
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7177
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
7146
7178
|
border-radius:var(--grid-v2-actions-inner-border-radius);
|
|
7147
7179
|
display:flex;
|
|
7148
7180
|
gap:var(--grid-v2-actions-inner-gap);
|
|
7149
7181
|
padding-inline-start:.25rem;
|
|
7150
7182
|
}
|
|
7151
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7183
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7152
7184
|
padding-inline-start:.25rem;
|
|
7153
7185
|
}
|
|
7154
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7186
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
7155
7187
|
color:var(--grid-v2-header-color);
|
|
7156
7188
|
font-size:var(--bp-font-size-05);
|
|
7157
7189
|
font-weight:var(--bp-font-weight-semibold);
|
|
7158
7190
|
grid-area:head;
|
|
7159
7191
|
margin-top:var(--grid-v2-thumbnail-head-gap);
|
|
7160
7192
|
}
|
|
7161
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7193
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7162
7194
|
display:block;
|
|
7163
7195
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7164
7196
|
font-style:normal;
|
|
@@ -7168,7 +7200,7 @@
|
|
|
7168
7200
|
text-overflow:ellipsis;
|
|
7169
7201
|
white-space:nowrap;
|
|
7170
7202
|
}
|
|
7171
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7203
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7172
7204
|
color:var(--grid-v2-subtitle-color);
|
|
7173
7205
|
font-size:var(--bp-font-size-04);
|
|
7174
7206
|
font-weight:var(--bp-font-weight-regular);
|
|
@@ -7177,35 +7209,35 @@
|
|
|
7177
7209
|
opacity:var(--subtitle-opacity);
|
|
7178
7210
|
transition:opacity .15s ease-out;
|
|
7179
7211
|
}
|
|
7180
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7212
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_textCentered--537f7{
|
|
7181
7213
|
justify-content:center;
|
|
7182
7214
|
padding-inline-start:0;
|
|
7183
7215
|
text-align:center;
|
|
7184
7216
|
}
|
|
7185
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7217
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_innerCentered--537f7{
|
|
7186
7218
|
justify-content:center;
|
|
7187
7219
|
padding-inline-start:0;
|
|
7188
7220
|
}
|
|
7189
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7221
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true],.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible],.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered]{
|
|
7190
7222
|
--actions-opacity:1;
|
|
7191
7223
|
--subtitle-opacity:0;
|
|
7192
7224
|
}
|
|
7193
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7225
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_selection--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_statusPin--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7194
7226
|
transform:translateY(-.125rem);
|
|
7195
7227
|
}
|
|
7196
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7228
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7197
7229
|
box-shadow:var(--grid-v2-item-hover-box-shadow);
|
|
7198
7230
|
}
|
|
7199
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7231
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_subtitle--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_subtitle--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_subtitle--537f7,.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7200
7232
|
pointer-events:none;
|
|
7201
7233
|
}
|
|
7202
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7234
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_noActions--537f7[data-hovered]{
|
|
7203
7235
|
--subtitle-opacity:1;
|
|
7204
7236
|
}
|
|
7205
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7237
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7.bp_base_grid_list_item_module_noActions--537f7[data-hovered] .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7206
7238
|
pointer-events:auto;
|
|
7207
7239
|
}
|
|
7208
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7240
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[data-focus-visible]::before{
|
|
7209
7241
|
border:.125rem solid var(--grid-v2-item-outline-border-color);
|
|
7210
7242
|
border-radius:var(--grid-v2-item-focus-border-radius);
|
|
7211
7243
|
bottom:.1875rem;
|
|
@@ -7217,10 +7249,10 @@
|
|
|
7217
7249
|
top:.1875rem;
|
|
7218
7250
|
transform:translateY(-.125rem);
|
|
7219
7251
|
}
|
|
7220
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7252
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true]{
|
|
7221
7253
|
--item-background:var(--grid-v2-item-selected-background);
|
|
7222
7254
|
}
|
|
7223
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7255
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7[aria-selected=true]::after{
|
|
7224
7256
|
border:.125rem solid var(--grid-v2-item-selected-border-color);
|
|
7225
7257
|
border-radius:var(--grid-v2-item-selected-border-radius);
|
|
7226
7258
|
bottom:0;
|
|
@@ -7233,21 +7265,21 @@
|
|
|
7233
7265
|
transform:translateY(-.125rem);
|
|
7234
7266
|
}
|
|
7235
7267
|
@media (pointer: coarse){
|
|
7236
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7268
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7{
|
|
7237
7269
|
--actions-opacity:1;
|
|
7238
7270
|
--subtitle-opacity:1;
|
|
7239
7271
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7240
7272
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7241
7273
|
}
|
|
7242
|
-
.bp_base_grid_list_item_module_gridListV2--
|
|
7274
|
+
.bp_base_grid_list_item_module_gridListV2--537f7 .bp_base_grid_list_item_module_gridListV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7243
7275
|
grid-area:actions;
|
|
7244
7276
|
}
|
|
7245
7277
|
}
|
|
7246
7278
|
|
|
7247
|
-
.bp_base_grid_list_item_module_gridListV2Small--
|
|
7279
|
+
.bp_base_grid_list_item_module_gridListV2Small--537f7{
|
|
7248
7280
|
--grid-v2-min-item-width:15.625rem;
|
|
7249
7281
|
}
|
|
7250
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7282
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--537f7{
|
|
7251
7283
|
display:grid;
|
|
7252
7284
|
grid-template-areas:"thumbnail" "head" "subtitle";
|
|
7253
7285
|
grid-template-columns:1fr;
|
|
@@ -7259,15 +7291,15 @@
|
|
|
7259
7291
|
padding-bottom:calc(.375rem + var(--grid-v2-item-padding-bottom));
|
|
7260
7292
|
}
|
|
7261
7293
|
@media (pointer: coarse){
|
|
7262
|
-
.bp_base_grid_list_item_module_gridV2ClickShield--
|
|
7294
|
+
.bp_base_grid_list_item_module_gridV2ClickShield--537f7{
|
|
7263
7295
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
7264
7296
|
grid-template-rows:auto var(--grid-v2-header-height) var(--grid-v2-subtitle-height) var(--grid-v2-actions-height);
|
|
7265
7297
|
}
|
|
7266
7298
|
}
|
|
7267
|
-
.bp_base_grid_list_item_module_listV2ClickShield--
|
|
7299
|
+
.bp_base_grid_list_item_module_listV2ClickShield--537f7{
|
|
7268
7300
|
display:contents;
|
|
7269
7301
|
}
|
|
7270
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7302
|
+
.bp_base_grid_list_item_module_listV2--537f7{
|
|
7271
7303
|
--list-v2-divider-spacing:var(--bp-space-040);
|
|
7272
7304
|
--list-v2-divider-color:var(--bp-black-opacity-08);
|
|
7273
7305
|
--list-v2-padding:var(--bp-space-020);
|
|
@@ -7312,7 +7344,7 @@
|
|
|
7312
7344
|
padding:var(--list-v2-padding);
|
|
7313
7345
|
width:100%;
|
|
7314
7346
|
}
|
|
7315
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7347
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7{
|
|
7316
7348
|
--actions-opacity:0;
|
|
7317
7349
|
--item-background:var(--list-v2-item-background);
|
|
7318
7350
|
align-items:center;
|
|
@@ -7330,10 +7362,10 @@
|
|
|
7330
7362
|
position:relative;
|
|
7331
7363
|
transition:background .15s ease-out;
|
|
7332
7364
|
}
|
|
7333
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7365
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:not(:first-child){
|
|
7334
7366
|
margin-top:calc(var(--list-v2-divider-spacing)*2 + .0625rem);
|
|
7335
7367
|
}
|
|
7336
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7368
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_listV2Divider--537f7{
|
|
7337
7369
|
background:var(--list-v2-divider-color);
|
|
7338
7370
|
height:.0625rem;
|
|
7339
7371
|
left:0;
|
|
@@ -7342,10 +7374,10 @@
|
|
|
7342
7374
|
right:0;
|
|
7343
7375
|
top:calc(var(--list-v2-divider-spacing)*-1 - .03125rem);
|
|
7344
7376
|
}
|
|
7345
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7377
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:first-child .bp_base_grid_list_item_module_listV2Divider--537f7{
|
|
7346
7378
|
display:none;
|
|
7347
7379
|
}
|
|
7348
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7380
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7349
7381
|
align-items:center;
|
|
7350
7382
|
align-self:stretch;
|
|
7351
7383
|
aspect-ratio:4/3;
|
|
@@ -7359,15 +7391,15 @@
|
|
|
7359
7391
|
position:relative;
|
|
7360
7392
|
transition:transform .15s ease-out,box-shadow .15s ease-out;
|
|
7361
7393
|
}
|
|
7362
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7394
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 img,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 svg{
|
|
7363
7395
|
height:100%;
|
|
7364
7396
|
object-fit:cover;
|
|
7365
7397
|
width:100%;
|
|
7366
7398
|
}
|
|
7367
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7399
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7.bp_base_grid_list_item_module_loading--537f7{
|
|
7368
7400
|
border:none;
|
|
7369
7401
|
}
|
|
7370
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7402
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_thumbnailBadges--537f7{
|
|
7371
7403
|
align-items:center;
|
|
7372
7404
|
bottom:var(--list-v2-thumbnail-badges-bottom);
|
|
7373
7405
|
display:flex;
|
|
@@ -7375,17 +7407,17 @@
|
|
|
7375
7407
|
position:absolute;
|
|
7376
7408
|
right:var(--list-v2-thumbnail-badges-right);
|
|
7377
7409
|
}
|
|
7378
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7410
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7{
|
|
7379
7411
|
align-items:center;
|
|
7380
7412
|
display:flex;
|
|
7381
7413
|
justify-content:center;
|
|
7382
7414
|
}
|
|
7383
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7415
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7 img,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_statusBadge--537f7 svg{
|
|
7384
7416
|
height:.875rem;
|
|
7385
7417
|
object-fit:contain;
|
|
7386
7418
|
width:.875rem;
|
|
7387
7419
|
}
|
|
7388
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7420
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_thumbnail--537f7 .bp_base_grid_list_item_module_fileTypePill--537f7{
|
|
7389
7421
|
align-items:center;
|
|
7390
7422
|
background:var(--list-v2-file-type-pill-background);
|
|
7391
7423
|
border:var(--list-v2-file-type-pill-border);
|
|
@@ -7394,7 +7426,7 @@
|
|
|
7394
7426
|
height:var(--list-v2-file-type-pill-height);
|
|
7395
7427
|
padding:var(--list-v2-file-type-pill-padding);
|
|
7396
7428
|
}
|
|
7397
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7429
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_content--537f7{
|
|
7398
7430
|
display:flex;
|
|
7399
7431
|
flex-direction:column;
|
|
7400
7432
|
gap:var(--list-v2-content-gap);
|
|
@@ -7402,12 +7434,12 @@
|
|
|
7402
7434
|
min-width:0;
|
|
7403
7435
|
padding-right:.5rem;
|
|
7404
7436
|
}
|
|
7405
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7437
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_header--537f7{
|
|
7406
7438
|
color:var(--list-v2-header-color);
|
|
7407
7439
|
font-size:var(--bp-font-size-05);
|
|
7408
7440
|
font-weight:var(--bp-font-weight-semibold);
|
|
7409
7441
|
}
|
|
7410
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7442
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_header--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7411
7443
|
display:block;
|
|
7412
7444
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
7413
7445
|
font-style:normal;
|
|
@@ -7417,12 +7449,12 @@
|
|
|
7417
7449
|
text-overflow:ellipsis;
|
|
7418
7450
|
white-space:nowrap;
|
|
7419
7451
|
}
|
|
7420
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7452
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_subtitle--537f7{
|
|
7421
7453
|
color:var(--list-v2-subtitle-color);
|
|
7422
7454
|
font-size:var(--bp-font-size-04);
|
|
7423
7455
|
font-weight:var(--bp-font-weight-regular);
|
|
7424
7456
|
}
|
|
7425
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7457
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7426
7458
|
align-items:center;
|
|
7427
7459
|
background:linear-gradient(to right, #0000, var(--item-background) 1.5rem);
|
|
7428
7460
|
display:flex;
|
|
@@ -7436,11 +7468,11 @@
|
|
|
7436
7468
|
transition:opacity .15s ease-out;
|
|
7437
7469
|
}
|
|
7438
7470
|
@media (pointer: coarse){
|
|
7439
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7471
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7{
|
|
7440
7472
|
--actions-opacity:1;
|
|
7441
7473
|
}
|
|
7442
7474
|
}
|
|
7443
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7475
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7{
|
|
7444
7476
|
align-items:center;
|
|
7445
7477
|
border-radius:var(--list-v2-selection-border-radius);
|
|
7446
7478
|
display:flex;
|
|
@@ -7448,28 +7480,28 @@
|
|
|
7448
7480
|
justify-content:center;
|
|
7449
7481
|
width:var(--list-v2-selection-size);
|
|
7450
7482
|
}
|
|
7451
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7483
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_selection--537f7:hover{
|
|
7452
7484
|
background:var(--list-v2-selection-hover-background);
|
|
7453
7485
|
}
|
|
7454
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7486
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_inner--537f7{
|
|
7455
7487
|
align-items:center;
|
|
7456
7488
|
display:flex;
|
|
7457
7489
|
gap:var(--list-v2-actions-gap);
|
|
7458
7490
|
}
|
|
7459
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7491
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7 .bp_base_grid_list_item_module_actions--537f7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7{
|
|
7460
7492
|
display:flex;
|
|
7461
7493
|
}
|
|
7462
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7494
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:hover,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true],.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible],.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-hovered]{
|
|
7463
7495
|
--actions-opacity:1;
|
|
7464
7496
|
}
|
|
7465
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7497
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7 .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:hover .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible] .bp_base_grid_list_item_module_thumbnail--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-hovered] .bp_base_grid_list_item_module_thumbnail--537f7{
|
|
7466
7498
|
box-shadow:var(--list-v2-hover-box-shadow);
|
|
7467
7499
|
transform:translateY(-.125rem);
|
|
7468
7500
|
}
|
|
7469
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7501
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7.bp_base_grid_list_item_module_isItemInteracted--537f7,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7:hover,.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-hovered]{
|
|
7470
7502
|
--item-background:var(--list-v2-hover-background);
|
|
7471
7503
|
}
|
|
7472
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7504
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible]::before{
|
|
7473
7505
|
border:.125rem solid var(--list-v2-focus-border-color);
|
|
7474
7506
|
border-radius:var(--list-v2-focus-border-radius);
|
|
7475
7507
|
bottom:0;
|
|
@@ -7481,10 +7513,10 @@
|
|
|
7481
7513
|
top:0;
|
|
7482
7514
|
transform:translateY(-.125rem);
|
|
7483
7515
|
}
|
|
7484
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7516
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true]{
|
|
7485
7517
|
--item-background:var(--list-v2-selected-background);
|
|
7486
7518
|
}
|
|
7487
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7519
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[aria-selected=true]::after{
|
|
7488
7520
|
border:.125rem solid var(--list-v2-selected-border-color);
|
|
7489
7521
|
border-radius:var(--list-v2-selected-border-radius);
|
|
7490
7522
|
bottom:0;
|
|
@@ -7496,7 +7528,7 @@
|
|
|
7496
7528
|
top:0;
|
|
7497
7529
|
transform:translateY(-.125rem);
|
|
7498
7530
|
}
|
|
7499
|
-
.bp_base_grid_list_item_module_listV2--
|
|
7531
|
+
.bp_base_grid_list_item_module_listV2--537f7 .bp_base_grid_list_item_module_listV2Item--537f7[data-focus-visible][aria-selected=true]::after{
|
|
7500
7532
|
border-radius:var(--list-v2-selected-border-radius);
|
|
7501
7533
|
bottom:-.1875rem;
|
|
7502
7534
|
left:-.1875rem;
|
|
@@ -7505,7 +7537,7 @@
|
|
|
7505
7537
|
transform:translateY(-.125rem);
|
|
7506
7538
|
}
|
|
7507
7539
|
|
|
7508
|
-
.bp_base_grid_list_item_module_staticList--
|
|
7540
|
+
.bp_base_grid_list_item_module_staticList--537f7 .bp_base_grid_list_item_module_staticListItem--537f7{
|
|
7509
7541
|
display:contents;
|
|
7510
7542
|
}
|
|
7511
7543
|
.bp_guided_tooltip_module_content--83fd8{
|