@box/blueprint-web 11.0.0 → 11.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib-esm/index.css
CHANGED
|
@@ -3331,7 +3331,8 @@
|
|
|
3331
3331
|
.bp_link_module_link--560b9 .bp_link_module_icon--560b9 *{
|
|
3332
3332
|
fill:currentColor;
|
|
3333
3333
|
}
|
|
3334
|
-
|
|
3334
|
+
|
|
3335
|
+
.bp_base_grid_list_item_module_smallList--70f04{
|
|
3335
3336
|
box-sizing:border-box;
|
|
3336
3337
|
display:grid;
|
|
3337
3338
|
gap:var(--space-2);
|
|
@@ -3342,7 +3343,7 @@
|
|
|
3342
3343
|
padding:var(--space-1);
|
|
3343
3344
|
width:auto;
|
|
3344
3345
|
}
|
|
3345
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3346
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04{
|
|
3346
3347
|
--actions-opacity:0;
|
|
3347
3348
|
--thumbnail-size:var(--size-9);
|
|
3348
3349
|
--item-background:var(--surface-item-small-surface);
|
|
@@ -3361,11 +3362,11 @@
|
|
|
3361
3362
|
transform:translateZ(0);
|
|
3362
3363
|
width:auto;
|
|
3363
3364
|
}
|
|
3364
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3365
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3365
3366
|
grid-template-columns:var(--thumbnail-size) auto 0;
|
|
3366
3367
|
grid-template-rows:100% 0;
|
|
3367
3368
|
}
|
|
3368
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3369
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04{
|
|
3369
3370
|
align-items:center;
|
|
3370
3371
|
aspect-ratio:1;
|
|
3371
3372
|
display:flex;
|
|
@@ -3374,13 +3375,13 @@
|
|
|
3374
3375
|
overflow:hidden;
|
|
3375
3376
|
z-index:1;
|
|
3376
3377
|
}
|
|
3377
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3378
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_thumbnailContent--70f04 img,.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_thumbnailContent--70f04 svg{
|
|
3378
3379
|
height:100%;
|
|
3379
3380
|
object-fit:cover;
|
|
3380
3381
|
object-position:left;
|
|
3381
3382
|
width:100%;
|
|
3382
3383
|
}
|
|
3383
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3384
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_header--70f04{
|
|
3384
3385
|
color:var(--text-text-on-light);
|
|
3385
3386
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3386
3387
|
font-size:.875rem;
|
|
@@ -3391,11 +3392,11 @@
|
|
|
3391
3392
|
text-decoration:none;
|
|
3392
3393
|
text-transform:none;
|
|
3393
3394
|
}
|
|
3394
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3395
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_header--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3395
3396
|
align-items:center;
|
|
3396
3397
|
display:flex;
|
|
3397
3398
|
}
|
|
3398
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3399
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_subtitle--70f04{
|
|
3399
3400
|
color:var(--text-text-on-light-secondary);
|
|
3400
3401
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3401
3402
|
font-size:.75rem;
|
|
@@ -3406,17 +3407,17 @@
|
|
|
3406
3407
|
text-decoration:none;
|
|
3407
3408
|
text-transform:none;
|
|
3408
3409
|
}
|
|
3409
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3410
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_header--70f04,.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_subtitle--70f04{
|
|
3410
3411
|
display:inline-block;
|
|
3411
3412
|
overflow:hidden;
|
|
3412
3413
|
text-overflow:ellipsis;
|
|
3413
3414
|
white-space:nowrap;
|
|
3414
3415
|
}
|
|
3415
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3416
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04:not(:has(.bp_base_grid_list_item_module_header--70f04)),.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04:not(:has(.bp_base_grid_list_item_module_subtitle--70f04)){
|
|
3416
3417
|
grid-template-rows:100% 0;
|
|
3417
3418
|
row-gap:0;
|
|
3418
3419
|
}
|
|
3419
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3420
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04{
|
|
3420
3421
|
align-items:center;
|
|
3421
3422
|
display:flex;
|
|
3422
3423
|
grid-area:actions;
|
|
@@ -3426,11 +3427,11 @@
|
|
|
3426
3427
|
padding-right:0;
|
|
3427
3428
|
}
|
|
3428
3429
|
@media (pointer: coarse){
|
|
3429
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3430
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04{
|
|
3430
3431
|
--actions-opacity:1;
|
|
3431
3432
|
}
|
|
3432
3433
|
}
|
|
3433
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3434
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_selection--70f04{
|
|
3434
3435
|
align-items:center;
|
|
3435
3436
|
background:var(--item-background);
|
|
3436
3437
|
border-radius:var(--radius-2);
|
|
@@ -3439,10 +3440,10 @@
|
|
|
3439
3440
|
justify-content:center;
|
|
3440
3441
|
width:var(--space-8);
|
|
3441
3442
|
}
|
|
3442
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3443
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_selection--70f04:hover{
|
|
3443
3444
|
background:var(--surface-cta-surface-icon-hover);
|
|
3444
3445
|
}
|
|
3445
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3446
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04{
|
|
3446
3447
|
align-items:center;
|
|
3447
3448
|
border-radius:var(--radius-2);
|
|
3448
3449
|
display:flex;
|
|
@@ -3450,18 +3451,18 @@
|
|
|
3450
3451
|
justify-content:flex-end;
|
|
3451
3452
|
margin-inline-end:var(--space-2);
|
|
3452
3453
|
}
|
|
3453
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3454
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04:last-child{
|
|
3454
3455
|
margin-inline-end:0;
|
|
3455
3456
|
}
|
|
3456
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3457
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_actionsCheckboxWrapper--70f04{
|
|
3457
3458
|
background:var(--item-hover);
|
|
3458
3459
|
display:flex;
|
|
3459
3460
|
}
|
|
3460
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3461
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04:hover,.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04[data-active-item],.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04[data-focus-visible],.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04[data-focused],.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04[data-hovered]{
|
|
3461
3462
|
--actions-opacity:1;
|
|
3462
3463
|
background:var(--item-hover);
|
|
3463
3464
|
}
|
|
3464
|
-
.bp_base_grid_list_item_module_smallList--
|
|
3465
|
+
.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04[data-active-item]::before,.bp_base_grid_list_item_module_smallList--70f04 .bp_base_grid_list_item_module_smallListItem--70f04[data-focus-visible]::before{
|
|
3465
3466
|
--actions-opacity:1;
|
|
3466
3467
|
border-radius:.875rem;
|
|
3467
3468
|
content:"";
|
|
@@ -3475,7 +3476,7 @@
|
|
|
3475
3476
|
width:100%;
|
|
3476
3477
|
}
|
|
3477
3478
|
|
|
3478
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3479
|
+
.bp_base_grid_list_item_module_largeList--70f04{
|
|
3479
3480
|
box-sizing:border-box;
|
|
3480
3481
|
display:flex;
|
|
3481
3482
|
flex-direction:column;
|
|
@@ -3485,7 +3486,7 @@
|
|
|
3485
3486
|
overflow:auto;
|
|
3486
3487
|
padding:var(--space-1);
|
|
3487
3488
|
}
|
|
3488
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3489
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04{
|
|
3489
3490
|
--thumbnail-size:10rem;
|
|
3490
3491
|
--actions-opacity:0;
|
|
3491
3492
|
--item-background:var(--gray-white);
|
|
@@ -3502,18 +3503,18 @@
|
|
|
3502
3503
|
position:relative;
|
|
3503
3504
|
transform:translateZ(0);
|
|
3504
3505
|
}
|
|
3505
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3506
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3506
3507
|
grid-template-rows:1fr 1fr 1fr;
|
|
3507
3508
|
}
|
|
3508
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3509
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04:focus-within{
|
|
3509
3510
|
--actions-opacity:1;
|
|
3510
3511
|
}
|
|
3511
3512
|
@media (max-width: 374px){
|
|
3512
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3513
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04{
|
|
3513
3514
|
--thumbnail-size:7.5rem;
|
|
3514
3515
|
}
|
|
3515
3516
|
}
|
|
3516
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3517
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04{
|
|
3517
3518
|
aspect-ratio:4/3;
|
|
3518
3519
|
border:var(--border-1) solid var(--gray-10);
|
|
3519
3520
|
border-radius:var(--radius-3);
|
|
@@ -3521,24 +3522,24 @@
|
|
|
3521
3522
|
overflow:hidden;
|
|
3522
3523
|
z-index:1;
|
|
3523
3524
|
}
|
|
3524
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3525
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04 img{
|
|
3525
3526
|
height:100%;
|
|
3526
3527
|
object-fit:cover;
|
|
3527
3528
|
object-position:left;
|
|
3528
3529
|
width:100%;
|
|
3529
3530
|
}
|
|
3530
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3531
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3531
3532
|
border:none;
|
|
3532
3533
|
}
|
|
3533
3534
|
@media (max-width: 374px){
|
|
3534
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3535
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04{
|
|
3535
3536
|
aspect-ratio:1/1;
|
|
3536
3537
|
}
|
|
3537
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3538
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04 img{
|
|
3538
3539
|
object-fit:contain;
|
|
3539
3540
|
}
|
|
3540
3541
|
}
|
|
3541
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3542
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04{
|
|
3542
3543
|
align-items:center;
|
|
3543
3544
|
display:flex;
|
|
3544
3545
|
height:var(--space-6);
|
|
@@ -3550,11 +3551,11 @@
|
|
|
3550
3551
|
top:.875rem;
|
|
3551
3552
|
}
|
|
3552
3553
|
@media (pointer: coarse){
|
|
3553
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3554
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04{
|
|
3554
3555
|
--actions-opacity:1;
|
|
3555
3556
|
}
|
|
3556
3557
|
}
|
|
3557
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3558
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_selection--70f04{
|
|
3558
3559
|
align-items:center;
|
|
3559
3560
|
background:var(--item-background);
|
|
3560
3561
|
border-radius:var(--radius-2);
|
|
@@ -3563,15 +3564,15 @@
|
|
|
3563
3564
|
justify-content:center;
|
|
3564
3565
|
width:var(--space-8);
|
|
3565
3566
|
}
|
|
3566
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3567
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_selection--70f04:hover{
|
|
3567
3568
|
background:var(--surface-cta-surface-icon-hover);
|
|
3568
3569
|
}
|
|
3569
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3570
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_fade--70f04{
|
|
3570
3571
|
align-self:stretch;
|
|
3571
3572
|
background:linear-gradient(270deg, #fff 0, #fff0 100%);
|
|
3572
3573
|
width:var(--size-8);
|
|
3573
3574
|
}
|
|
3574
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3575
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04{
|
|
3575
3576
|
align-items:center;
|
|
3576
3577
|
background:var(--item-background);
|
|
3577
3578
|
border-radius:var(--radius-2);
|
|
@@ -3580,14 +3581,14 @@
|
|
|
3580
3581
|
justify-content:flex-end;
|
|
3581
3582
|
margin-inline-end:var(--space-2);
|
|
3582
3583
|
}
|
|
3583
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3584
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04:last-child{
|
|
3584
3585
|
margin-inline-end:0;
|
|
3585
3586
|
}
|
|
3586
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3587
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_actionsCheckboxWrapper--70f04{
|
|
3587
3588
|
background:var(--item-background);
|
|
3588
3589
|
display:flex;
|
|
3589
3590
|
}
|
|
3590
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3591
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_header--70f04{
|
|
3591
3592
|
align-items:center;
|
|
3592
3593
|
color:var(--text-text-on-light);
|
|
3593
3594
|
display:inline-flex;
|
|
@@ -3604,7 +3605,7 @@
|
|
|
3604
3605
|
text-transform:none;
|
|
3605
3606
|
white-space:nowrap;
|
|
3606
3607
|
}
|
|
3607
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3608
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_subtitle--70f04{
|
|
3608
3609
|
align-items:center;
|
|
3609
3610
|
color:var(--text-text-on-light-secondary);
|
|
3610
3611
|
display:flex;
|
|
@@ -3619,7 +3620,7 @@
|
|
|
3619
3620
|
text-transform:none;
|
|
3620
3621
|
white-space:nowrap;
|
|
3621
3622
|
}
|
|
3622
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3623
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_description--70f04{
|
|
3623
3624
|
-webkit-box-orient:vertical;
|
|
3624
3625
|
-webkit-line-clamp:3;
|
|
3625
3626
|
color:var(--text-text-on-light);
|
|
@@ -3637,13 +3638,13 @@
|
|
|
3637
3638
|
text-decoration:none;
|
|
3638
3639
|
text-transform:none;
|
|
3639
3640
|
}
|
|
3640
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3641
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_snippet--70f04{
|
|
3641
3642
|
grid-area:description;
|
|
3642
3643
|
margin:0;
|
|
3643
3644
|
margin-block-end:var(--space-1);
|
|
3644
3645
|
margin-block-start:var(--space-3);
|
|
3645
3646
|
}
|
|
3646
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3647
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04 .bp_base_grid_list_item_module_snippet--70f04 .bp_base_grid_list_item_module_snippetContent--70f04{
|
|
3647
3648
|
-webkit-box-orient:vertical;
|
|
3648
3649
|
-webkit-line-clamp:2;
|
|
3649
3650
|
border:0 0 0 var(--space-05);
|
|
@@ -3662,12 +3663,12 @@
|
|
|
3662
3663
|
text-decoration:none;
|
|
3663
3664
|
text-transform:none;
|
|
3664
3665
|
}
|
|
3665
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3666
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04:hover,.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[data-active-item],.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[data-focus-visible],.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[data-focused],.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[data-hovered]{
|
|
3666
3667
|
--actions-opacity:1;
|
|
3667
3668
|
box-shadow:var(--dropshadow-2);
|
|
3668
3669
|
outline:var(--border-1) solid var(--border-card-border);
|
|
3669
3670
|
}
|
|
3670
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3671
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[data-active-item]::before,.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[data-focus-visible]::before{
|
|
3671
3672
|
border-radius:.875rem;
|
|
3672
3673
|
content:"";
|
|
3673
3674
|
display:block;
|
|
@@ -3679,31 +3680,31 @@
|
|
|
3679
3680
|
top:0;
|
|
3680
3681
|
width:100%;
|
|
3681
3682
|
}
|
|
3682
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3683
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true]{
|
|
3683
3684
|
--actions-opacity:1;
|
|
3684
3685
|
--item-background:var(--box-blue-05);
|
|
3685
3686
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
3686
3687
|
z-index:2;
|
|
3687
3688
|
}
|
|
3688
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3689
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true] .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_fade--70f04{
|
|
3689
3690
|
background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
|
|
3690
3691
|
}
|
|
3691
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3692
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04{
|
|
3692
3693
|
display:none;
|
|
3693
3694
|
}
|
|
3694
3695
|
@supports selector(:has(.foo)){
|
|
3695
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3696
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--70f04 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true]:has(+ [aria-selected=true]){
|
|
3696
3697
|
border-end-end-radius:0;
|
|
3697
3698
|
border-end-start-radius:0;
|
|
3698
3699
|
}
|
|
3699
|
-
.bp_base_grid_list_item_module_largeList--
|
|
3700
|
+
.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--70f04 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--70f04 .bp_base_grid_list_item_module_largeListItem--70f04[aria-selected=true] + [aria-selected=true]{
|
|
3700
3701
|
border-start-end-radius:0;
|
|
3701
3702
|
border-start-start-radius:0;
|
|
3702
3703
|
border-top:none;
|
|
3703
3704
|
}
|
|
3704
3705
|
}
|
|
3705
3706
|
|
|
3706
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3707
|
+
.bp_base_grid_list_item_module_gridList--70f04{
|
|
3707
3708
|
box-sizing:border-box;
|
|
3708
3709
|
display:grid;
|
|
3709
3710
|
gap:var(--space-4);
|
|
@@ -3713,7 +3714,7 @@
|
|
|
3713
3714
|
overflow:auto;
|
|
3714
3715
|
padding:var(--space-1);
|
|
3715
3716
|
}
|
|
3716
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3717
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04{
|
|
3717
3718
|
--actions-opacity:0;
|
|
3718
3719
|
--item-background:var(--gray-white);
|
|
3719
3720
|
--row-gap:var(--space-2);
|
|
@@ -3731,15 +3732,15 @@
|
|
|
3731
3732
|
row-gap:var(--row-gap);
|
|
3732
3733
|
transform:translateZ(0);
|
|
3733
3734
|
}
|
|
3734
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3735
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04:focus-within{
|
|
3735
3736
|
--actions-opacity:1;
|
|
3736
3737
|
}
|
|
3737
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3738
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_statusPin--70f04{
|
|
3738
3739
|
left:var(--space-3);
|
|
3739
3740
|
position:absolute;
|
|
3740
3741
|
top:var(--space-3);
|
|
3741
3742
|
}
|
|
3742
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3743
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04{
|
|
3743
3744
|
aspect-ratio:4/3;
|
|
3744
3745
|
background:var(--gray-white);
|
|
3745
3746
|
border:var(--border-1) solid var(--border-gridthumbnail-border);
|
|
@@ -3747,25 +3748,25 @@
|
|
|
3747
3748
|
grid-area:thumbnail;
|
|
3748
3749
|
overflow:hidden;
|
|
3749
3750
|
}
|
|
3750
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3751
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04 img{
|
|
3751
3752
|
height:100%;
|
|
3752
3753
|
object-fit:contain;
|
|
3753
3754
|
width:100%;
|
|
3754
3755
|
}
|
|
3755
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3756
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3756
3757
|
border:none;
|
|
3757
3758
|
}
|
|
3758
3759
|
@media (pointer: coarse){
|
|
3759
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3760
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_thumbnail--70f04{
|
|
3760
3761
|
margin-block-end:var(--space-1);
|
|
3761
3762
|
}
|
|
3762
3763
|
}
|
|
3763
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3764
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_actions--70f04{
|
|
3764
3765
|
grid-area:subtitle;
|
|
3765
3766
|
margin-block-start:-.25rem;
|
|
3766
3767
|
opacity:var(--actions-opacity);
|
|
3767
3768
|
}
|
|
3768
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3769
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_selection--70f04{
|
|
3769
3770
|
align-items:center;
|
|
3770
3771
|
border-radius:var(--radius-2);
|
|
3771
3772
|
display:flex;
|
|
@@ -3776,10 +3777,10 @@
|
|
|
3776
3777
|
top:var(--space-2);
|
|
3777
3778
|
width:var(--space-8);
|
|
3778
3779
|
}
|
|
3779
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3780
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_selection--70f04:hover{
|
|
3780
3781
|
background:var(--surface-cta-surface-icon-hover);
|
|
3781
3782
|
}
|
|
3782
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3783
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04{
|
|
3783
3784
|
align-items:center;
|
|
3784
3785
|
background:var(--item-background);
|
|
3785
3786
|
border-radius:var(--radius-2);
|
|
@@ -3788,12 +3789,12 @@
|
|
|
3788
3789
|
justify-content:center;
|
|
3789
3790
|
}
|
|
3790
3791
|
@media (pointer: coarse){
|
|
3791
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3792
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_actions--70f04{
|
|
3792
3793
|
grid-area:actions;
|
|
3793
3794
|
margin-block-start:0;
|
|
3794
3795
|
}
|
|
3795
3796
|
}
|
|
3796
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3797
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_header--70f04{
|
|
3797
3798
|
-webkit-box-orient:vertical;
|
|
3798
3799
|
-webkit-line-clamp:2;
|
|
3799
3800
|
color:var(--text-text-on-light);
|
|
@@ -3810,11 +3811,11 @@
|
|
|
3810
3811
|
text-decoration:none;
|
|
3811
3812
|
text-transform:none;
|
|
3812
3813
|
}
|
|
3813
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3814
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_header--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3814
3815
|
align-items:center;
|
|
3815
3816
|
display:flex;
|
|
3816
3817
|
}
|
|
3817
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3818
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_subtitle--70f04{
|
|
3818
3819
|
color:var(--text-text-on-light-secondary);
|
|
3819
3820
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3820
3821
|
font-size:.75rem;
|
|
@@ -3830,15 +3831,15 @@
|
|
|
3830
3831
|
text-transform:none;
|
|
3831
3832
|
white-space:nowrap;
|
|
3832
3833
|
}
|
|
3833
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3834
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04 .bp_base_grid_list_item_module_subtitle--70f04.bp_base_grid_list_item_module_loading--70f04{
|
|
3834
3835
|
height:1.25rem;
|
|
3835
3836
|
}
|
|
3836
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3837
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04.bp_base_grid_list_item_module_isItemInteracted--70f04,.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04:hover,.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-active-item],.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-focus-visible],.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-focused],.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-hovered]{
|
|
3837
3838
|
--actions-opacity:1;
|
|
3838
3839
|
box-shadow:var(--dropshadow-2);
|
|
3839
3840
|
outline:var(--border-1) solid var(--border-card-border);
|
|
3840
3841
|
}
|
|
3841
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3842
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-active-item]::before,.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-focus-visible]::before{
|
|
3842
3843
|
border-radius:var(--radius-3);
|
|
3843
3844
|
content:"";
|
|
3844
3845
|
display:block;
|
|
@@ -3850,7 +3851,7 @@
|
|
|
3850
3851
|
top:0;
|
|
3851
3852
|
width:100%;
|
|
3852
3853
|
}
|
|
3853
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3854
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-active-item]::after,.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[data-focus-visible]::after{
|
|
3854
3855
|
border-radius:var(--radius-3);
|
|
3855
3856
|
content:"";
|
|
3856
3857
|
display:block;
|
|
@@ -3862,16 +3863,16 @@
|
|
|
3862
3863
|
top:0;
|
|
3863
3864
|
width:100%;
|
|
3864
3865
|
}
|
|
3865
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3866
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[aria-selected=true]{
|
|
3866
3867
|
--actions-opacity:1;
|
|
3867
3868
|
--item-background:var(--box-blue-05);
|
|
3868
3869
|
outline:var(--border-2) solid var(--border-card-border-focus);
|
|
3869
3870
|
}
|
|
3870
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3871
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--70f04) .bp_base_grid_list_item_module_actions--70f04 .bp_base_grid_list_item_module_inner--70f04{
|
|
3871
3872
|
opacity:0;
|
|
3872
3873
|
}
|
|
3873
3874
|
@media (pointer: coarse){
|
|
3874
|
-
.bp_base_grid_list_item_module_gridList--
|
|
3875
|
+
.bp_base_grid_list_item_module_gridList--70f04 .bp_base_grid_list_item_module_gridListItem--70f04{
|
|
3875
3876
|
--row-gap:var(--space-1);
|
|
3876
3877
|
--actions-opacity:1;
|
|
3877
3878
|
grid-template-areas:"thumbnail" "head" "subtitle" "actions";
|
|
@@ -3879,7 +3880,7 @@
|
|
|
3879
3880
|
}
|
|
3880
3881
|
}
|
|
3881
3882
|
|
|
3882
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3883
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04{
|
|
3883
3884
|
background-color:var(--surface-tooltip-surface);
|
|
3884
3885
|
border:var(--border-1) solid var(--surface-tooltip-surface);
|
|
3885
3886
|
border-radius:var(--radius-1);
|
|
@@ -3897,28 +3898,28 @@
|
|
|
3897
3898
|
word-break:break-word;
|
|
3898
3899
|
z-index:2147483647;
|
|
3899
3900
|
}
|
|
3900
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3901
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04 .bp_base_grid_list_item_module_tooltipArrow--70f04 svg{
|
|
3901
3902
|
display:block;
|
|
3902
3903
|
height:.5rem;
|
|
3903
3904
|
width:1rem;
|
|
3904
3905
|
}
|
|
3905
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3906
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04[data-placement=top]{
|
|
3906
3907
|
margin-block-end:var(--space-2);
|
|
3907
3908
|
}
|
|
3908
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3909
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--70f04 svg{
|
|
3909
3910
|
transform:rotate(180deg);
|
|
3910
3911
|
}
|
|
3911
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3912
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04[data-placement=bottom]{
|
|
3912
3913
|
margin-block-start:var(--space-2);
|
|
3913
3914
|
}
|
|
3914
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3915
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04[data-placement=right]{
|
|
3915
3916
|
margin-inline-start:var(--space-2);
|
|
3916
3917
|
}
|
|
3917
|
-
.bp_base_grid_list_item_module_tooltipContent--
|
|
3918
|
+
.bp_base_grid_list_item_module_tooltipContent--70f04[data-placement=left]{
|
|
3918
3919
|
margin-inline-end:var(--space-2);
|
|
3919
3920
|
}
|
|
3920
3921
|
|
|
3921
|
-
.bp_base_grid_list_item_module_staticList--
|
|
3922
|
+
.bp_base_grid_list_item_module_staticList--70f04 .bp_base_grid_list_item_module_staticListItem--70f04{
|
|
3922
3923
|
display:contents;
|
|
3923
3924
|
}
|
|
3924
3925
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--
|
|
2
|
+
var styles = {"smallList":"bp_base_grid_list_item_module_smallList--70f04","smallListItem":"bp_base_grid_list_item_module_smallListItem--70f04","loading":"bp_base_grid_list_item_module_loading--70f04","thumbnail":"bp_base_grid_list_item_module_thumbnail--70f04","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--70f04","header":"bp_base_grid_list_item_module_header--70f04","subtitle":"bp_base_grid_list_item_module_subtitle--70f04","actions":"bp_base_grid_list_item_module_actions--70f04","selection":"bp_base_grid_list_item_module_selection--70f04","inner":"bp_base_grid_list_item_module_inner--70f04","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--70f04","largeList":"bp_base_grid_list_item_module_largeList--70f04","largeListItem":"bp_base_grid_list_item_module_largeListItem--70f04","fade":"bp_base_grid_list_item_module_fade--70f04","description":"bp_base_grid_list_item_module_description--70f04","snippet":"bp_base_grid_list_item_module_snippet--70f04","snippetContent":"bp_base_grid_list_item_module_snippetContent--70f04","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--70f04","gridList":"bp_base_grid_list_item_module_gridList--70f04","gridListItem":"bp_base_grid_list_item_module_gridListItem--70f04","statusPin":"bp_base_grid_list_item_module_statusPin--70f04","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--70f04","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--70f04","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--70f04","staticList":"bp_base_grid_list_item_module_staticList--70f04","staticListItem":"bp_base_grid_list_item_module_staticListItem--70f04"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.15",
|
|
49
49
|
"@ariakit/react-core": "0.4.15",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.39.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.39.2",
|
|
51
51
|
"@internationalized/date": "^3.7.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.9.
|
|
80
|
+
"@box/storybook-utils": "^0.9.1",
|
|
81
81
|
"@types/react": "^18.0.0",
|
|
82
82
|
"@types/react-dom": "^18.0.0",
|
|
83
83
|
"react": "^18.3.0",
|