@box/blueprint-web 16.13.2 → 16.14.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/components.css +107 -105
- package/dist/lib-esm/index.css +107 -105
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.d.ts +2 -0
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js +2 -1
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/package.json +3 -3
|
@@ -3389,7 +3389,7 @@
|
|
|
3389
3389
|
height:var(--icon-button-size-x-small);
|
|
3390
3390
|
width:var(--icon-button-size-x-small);
|
|
3391
3391
|
}
|
|
3392
|
-
.bp_dropdown_menu_module_content--
|
|
3392
|
+
.bp_dropdown_menu_module_content--d80e8[data-modern=false]{
|
|
3393
3393
|
--dropdown-menu-radius:var(--radius-3);
|
|
3394
3394
|
--dropdown-menu-padding:var(--space-3);
|
|
3395
3395
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -3433,7 +3433,7 @@
|
|
|
3433
3433
|
text-transform:var(--body-default-text-case);
|
|
3434
3434
|
}
|
|
3435
3435
|
|
|
3436
|
-
.bp_dropdown_menu_module_content--
|
|
3436
|
+
.bp_dropdown_menu_module_content--d80e8[data-modern=true]{
|
|
3437
3437
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
3438
3438
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
3439
3439
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -3475,7 +3475,7 @@
|
|
|
3475
3475
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3476
3476
|
line-height:var(--bp-font-line-height-04);
|
|
3477
3477
|
}
|
|
3478
|
-
:where(body.is-inter-font) .bp_dropdown_menu_module_content--
|
|
3478
|
+
:where(body.is-inter-font) .bp_dropdown_menu_module_content--d80e8[data-modern=true]{
|
|
3479
3479
|
font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3480
3480
|
font-size:.875rem;
|
|
3481
3481
|
font-style:normal;
|
|
@@ -3486,7 +3486,7 @@
|
|
|
3486
3486
|
text-transform:none;
|
|
3487
3487
|
}
|
|
3488
3488
|
|
|
3489
|
-
.bp_dropdown_menu_module_content--
|
|
3489
|
+
.bp_dropdown_menu_module_content--d80e8{
|
|
3490
3490
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
3491
3491
|
background-color:var(--dropdown-menu-background);
|
|
3492
3492
|
border:var(--dropdown-menu-border);
|
|
@@ -3501,7 +3501,7 @@
|
|
|
3501
3501
|
padding:var(--dropdown-menu-padding);
|
|
3502
3502
|
z-index:380;
|
|
3503
3503
|
}
|
|
3504
|
-
.bp_dropdown_menu_module_content--
|
|
3504
|
+
.bp_dropdown_menu_module_content--d80e8[data-menu-fullscreen=true]{
|
|
3505
3505
|
border:unset;
|
|
3506
3506
|
border-radius:unset;
|
|
3507
3507
|
display:flex;
|
|
@@ -3514,50 +3514,52 @@
|
|
|
3514
3514
|
position:relative;
|
|
3515
3515
|
width:100vw;
|
|
3516
3516
|
}
|
|
3517
|
-
.bp_dropdown_menu_module_content--
|
|
3517
|
+
.bp_dropdown_menu_module_content--d80e8[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--d80e8{
|
|
3518
3518
|
overflow-y:auto;
|
|
3519
3519
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
3520
3520
|
}
|
|
3521
|
-
.bp_dropdown_menu_module_content--
|
|
3521
|
+
.bp_dropdown_menu_module_content--d80e8 .bp_dropdown_menu_module_subheader--d80e8{
|
|
3522
3522
|
padding:var(--dropdown-menu-subheader-padding);
|
|
3523
3523
|
}
|
|
3524
|
-
.bp_dropdown_menu_module_content--
|
|
3524
|
+
.bp_dropdown_menu_module_content--d80e8 .bp_dropdown_menu_module_subheader--d80e8.bp_dropdown_menu_module_uppercased--d80e8{
|
|
3525
3525
|
text-transform:uppercase;
|
|
3526
3526
|
}
|
|
3527
|
-
.bp_dropdown_menu_module_content--
|
|
3527
|
+
.bp_dropdown_menu_module_content--d80e8 .bp_dropdown_menu_module_dropdownMenuItemSeparator--d80e8{
|
|
3528
3528
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
3529
3529
|
}
|
|
3530
3530
|
|
|
3531
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
3531
|
+
.bp_dropdown_menu_module_ellipsis--d80e8{
|
|
3532
3532
|
min-width:0;
|
|
3533
3533
|
overflow:hidden;
|
|
3534
3534
|
text-overflow:ellipsis;
|
|
3535
3535
|
white-space:nowrap;
|
|
3536
3536
|
}
|
|
3537
|
-
.bp_dropdown_menu_module_itemBody--
|
|
3537
|
+
.bp_dropdown_menu_module_itemBody--d80e8{
|
|
3538
3538
|
flex:1;
|
|
3539
3539
|
min-width:0;
|
|
3540
3540
|
overflow:hidden;
|
|
3541
3541
|
}
|
|
3542
|
-
.bp_dropdown_menu_module_itemOverflow--
|
|
3542
|
+
.bp_dropdown_menu_module_itemOverflow--d80e8{
|
|
3543
3543
|
min-width:0;
|
|
3544
3544
|
overflow:hidden;
|
|
3545
3545
|
text-overflow:ellipsis;
|
|
3546
3546
|
white-space:nowrap;
|
|
3547
3547
|
}
|
|
3548
3548
|
|
|
3549
|
-
.bp_dropdown_menu_module_menuItemCaption--
|
|
3550
|
-
-webkit-box-orient:vertical;
|
|
3551
|
-
-webkit-line-clamp:2;
|
|
3549
|
+
.bp_dropdown_menu_module_menuItemCaption--d80e8{
|
|
3552
3550
|
color:var(--dropdown-menu-caption-text-color);
|
|
3553
|
-
display:-webkit-box;
|
|
3554
|
-
overflow:hidden;
|
|
3555
3551
|
overflow-wrap:break-word;
|
|
3556
3552
|
white-space:normal;
|
|
3557
3553
|
width:100%;
|
|
3558
3554
|
}
|
|
3555
|
+
.bp_dropdown_menu_module_menuItemCaption--d80e8.bp_dropdown_menu_module_captionClamped--d80e8{
|
|
3556
|
+
-webkit-box-orient:vertical;
|
|
3557
|
+
-webkit-line-clamp:2;
|
|
3558
|
+
display:-webkit-box;
|
|
3559
|
+
overflow:hidden;
|
|
3560
|
+
}
|
|
3559
3561
|
|
|
3560
|
-
.bp_dropdown_menu_module_checkmark--
|
|
3562
|
+
.bp_dropdown_menu_module_checkmark--d80e8{
|
|
3561
3563
|
align-items:center;
|
|
3562
3564
|
display:inline-flex;
|
|
3563
3565
|
justify-content:center;
|
|
@@ -3565,11 +3567,11 @@
|
|
|
3565
3567
|
position:absolute;
|
|
3566
3568
|
}
|
|
3567
3569
|
|
|
3568
|
-
.bp_dropdown_menu_module_checkmark--
|
|
3570
|
+
.bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8{
|
|
3569
3571
|
left:var(--dropdown-menu-medium-checkmark-left);
|
|
3570
3572
|
}
|
|
3571
3573
|
|
|
3572
|
-
.bp_dropdown_menu_module_item--
|
|
3574
|
+
.bp_dropdown_menu_module_item--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8{
|
|
3573
3575
|
align-items:center;
|
|
3574
3576
|
border:var(--dropdown-menu-item-border);
|
|
3575
3577
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -3582,107 +3584,107 @@
|
|
|
3582
3584
|
-webkit-user-select:none;
|
|
3583
3585
|
user-select:none;
|
|
3584
3586
|
}
|
|
3585
|
-
.bp_dropdown_menu_module_item--
|
|
3587
|
+
.bp_dropdown_menu_module_item--d80e8[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-disabled]{
|
|
3586
3588
|
opacity:60%;
|
|
3587
3589
|
pointer-events:none;
|
|
3588
3590
|
}
|
|
3589
|
-
.bp_dropdown_menu_module_item--
|
|
3591
|
+
.bp_dropdown_menu_module_item--d80e8[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-highlighted]{
|
|
3590
3592
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
3591
3593
|
border:var(--dropdown-menu-item-border-focus);
|
|
3592
3594
|
}
|
|
3593
|
-
.bp_dropdown_menu_module_item--
|
|
3595
|
+
.bp_dropdown_menu_module_item--d80e8[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-state=open][data-highlighted]{
|
|
3594
3596
|
border:var(--dropdown-menu-item-border);
|
|
3595
3597
|
}
|
|
3596
|
-
.bp_dropdown_menu_module_item--
|
|
3598
|
+
.bp_dropdown_menu_module_item--d80e8:active,.bp_dropdown_menu_module_subMenuTrigger--d80e8:active{
|
|
3597
3599
|
background-color:var(--dropdown-menu-item-background-active);
|
|
3598
3600
|
border:var(--dropdown-menu-item-border-active);
|
|
3599
3601
|
}
|
|
3600
|
-
.bp_dropdown_menu_module_item--
|
|
3602
|
+
.bp_dropdown_menu_module_item--d80e8[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-state=open]{
|
|
3601
3603
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
3602
3604
|
}
|
|
3603
|
-
.bp_dropdown_menu_module_item--
|
|
3605
|
+
.bp_dropdown_menu_module_item--d80e8:hover,.bp_dropdown_menu_module_subMenuTrigger--d80e8:hover{
|
|
3604
3606
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
3605
3607
|
border:var(--dropdown-menu-item-border-hover);
|
|
3606
3608
|
}
|
|
3607
|
-
.bp_dropdown_menu_module_item--
|
|
3609
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8{
|
|
3608
3610
|
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
3609
3611
|
}
|
|
3610
|
-
.bp_dropdown_menu_module_item--
|
|
3612
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8{
|
|
3611
3613
|
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
3612
3614
|
left:auto;
|
|
3613
3615
|
}
|
|
3614
|
-
.bp_dropdown_menu_module_item--
|
|
3616
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8{
|
|
3615
3617
|
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
3616
3618
|
left:auto;
|
|
3617
3619
|
}
|
|
3618
|
-
.bp_dropdown_menu_module_item--
|
|
3620
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_radioItemMediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_radioItemMediumSpacing--d80e8{
|
|
3619
3621
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
3620
3622
|
}
|
|
3621
|
-
.bp_dropdown_menu_module_item--
|
|
3623
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)),.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)){
|
|
3622
3624
|
text-overflow:ellipsis;
|
|
3623
3625
|
white-space:nowrap;
|
|
3624
3626
|
}
|
|
3625
|
-
.bp_dropdown_menu_module_item--
|
|
3627
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8{
|
|
3626
3628
|
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
3627
3629
|
}
|
|
3628
|
-
.bp_dropdown_menu_module_item--
|
|
3630
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8{
|
|
3629
3631
|
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
3630
3632
|
left:auto;
|
|
3631
3633
|
}
|
|
3632
|
-
.bp_dropdown_menu_module_item--
|
|
3634
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8{
|
|
3633
3635
|
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
3634
3636
|
left:auto;
|
|
3635
3637
|
}
|
|
3636
|
-
.bp_dropdown_menu_module_item--
|
|
3638
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--d80e8{
|
|
3637
3639
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
3638
3640
|
}
|
|
3639
|
-
.bp_dropdown_menu_module_item--
|
|
3641
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)),.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)){
|
|
3640
3642
|
text-overflow:ellipsis;
|
|
3641
3643
|
white-space:nowrap;
|
|
3642
3644
|
}
|
|
3643
|
-
.bp_dropdown_menu_module_item--
|
|
3645
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_mediumItemLayout--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_mediumItemLayout--d80e8{
|
|
3644
3646
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
3645
3647
|
justify-content:space-between;
|
|
3646
3648
|
overflow:hidden;
|
|
3647
3649
|
}
|
|
3648
|
-
.bp_dropdown_menu_module_item--
|
|
3650
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_startElement--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_startElement--d80e8{
|
|
3649
3651
|
align-items:center;
|
|
3650
3652
|
display:flex;
|
|
3651
3653
|
}
|
|
3652
|
-
.bp_dropdown_menu_module_item--
|
|
3654
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8{
|
|
3653
3655
|
display:flex;
|
|
3654
3656
|
flex-direction:column;
|
|
3655
3657
|
flex-grow:1;
|
|
3656
3658
|
min-width:0;
|
|
3657
3659
|
}
|
|
3658
|
-
.bp_dropdown_menu_module_item--
|
|
3660
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8.bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8.bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8{
|
|
3659
3661
|
display:block;
|
|
3660
3662
|
overflow:hidden;
|
|
3661
3663
|
text-overflow:ellipsis;
|
|
3662
3664
|
white-space:nowrap;
|
|
3663
3665
|
}
|
|
3664
|
-
.bp_dropdown_menu_module_item--
|
|
3666
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_endElement--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_endElement--d80e8{
|
|
3665
3667
|
align-items:center;
|
|
3666
3668
|
color:var(--dropdown-menu-end-element-color);
|
|
3667
3669
|
display:flex;
|
|
3668
3670
|
}
|
|
3669
|
-
.bp_dropdown_menu_module_item--
|
|
3671
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8{
|
|
3670
3672
|
color:var(--dropdown-menu-item-destructive-color);
|
|
3671
3673
|
}
|
|
3672
|
-
.bp_dropdown_menu_module_item--
|
|
3674
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8 span,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8 span{
|
|
3673
3675
|
color:inherit;
|
|
3674
3676
|
}
|
|
3675
|
-
.bp_dropdown_menu_module_item--
|
|
3677
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_endElement--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_endElement--d80e8{
|
|
3676
3678
|
color:var(--dropdown-menu-item-destructive-color);
|
|
3677
3679
|
}
|
|
3678
|
-
.bp_dropdown_menu_module_item--
|
|
3680
|
+
.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_ellipsis--d80e8),.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_itemBody--d80e8),.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8){
|
|
3679
3681
|
border-radius:var(--dropdown-menu-item-radius);
|
|
3680
3682
|
}
|
|
3681
|
-
.bp_dropdown_menu_module_item--
|
|
3683
|
+
.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_mediumItemLayout--d80e8){
|
|
3682
3684
|
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
3683
3685
|
}
|
|
3684
3686
|
|
|
3685
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
3687
|
+
.bp_dropdown_menu_module_menuHeader--d80e8{
|
|
3686
3688
|
align-items:center;
|
|
3687
3689
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
3688
3690
|
display:grid;
|
|
@@ -3692,89 +3694,89 @@
|
|
|
3692
3694
|
padding:var(--dropdown-menu-header-padding);
|
|
3693
3695
|
}
|
|
3694
3696
|
|
|
3695
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
3697
|
+
.bp_dropdown_menu_module_headerTextContent--d80e8{
|
|
3696
3698
|
display:grid;
|
|
3697
3699
|
}
|
|
3698
3700
|
|
|
3699
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
3701
|
+
.bp_dropdown_menu_module_submenuCloseButton--d80e8{
|
|
3700
3702
|
grid-area:submenu-close;
|
|
3701
3703
|
}
|
|
3702
3704
|
|
|
3703
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
3705
|
+
.bp_dropdown_menu_module_menuCloseButton--d80e8{
|
|
3704
3706
|
grid-area:close;
|
|
3705
3707
|
}
|
|
3706
3708
|
|
|
3707
|
-
.bp_dropdown_menu_module_content--
|
|
3709
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open]{
|
|
3708
3710
|
animation-duration:var(--bp-duration-medium);
|
|
3709
3711
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
3710
3712
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3711
3713
|
}
|
|
3712
|
-
.bp_dropdown_menu_module_content--
|
|
3713
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnter--
|
|
3714
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=top]{
|
|
3715
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3714
3716
|
}
|
|
3715
|
-
.bp_dropdown_menu_module_content--
|
|
3716
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnter--
|
|
3717
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=right]{
|
|
3718
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3717
3719
|
}
|
|
3718
|
-
.bp_dropdown_menu_module_content--
|
|
3719
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnter--
|
|
3720
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=bottom]{
|
|
3721
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3720
3722
|
}
|
|
3721
|
-
.bp_dropdown_menu_module_content--
|
|
3722
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnter--
|
|
3723
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=left]{
|
|
3724
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3723
3725
|
}
|
|
3724
|
-
.bp_dropdown_menu_module_content--
|
|
3726
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed]{
|
|
3725
3727
|
animation-duration:var(--bp-duration-short);
|
|
3726
3728
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
3727
3729
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3728
3730
|
}
|
|
3729
|
-
.bp_dropdown_menu_module_content--
|
|
3730
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExit--
|
|
3731
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=top]{
|
|
3732
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3731
3733
|
}
|
|
3732
|
-
.bp_dropdown_menu_module_content--
|
|
3733
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExit--
|
|
3734
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=right]{
|
|
3735
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3734
3736
|
}
|
|
3735
|
-
.bp_dropdown_menu_module_content--
|
|
3736
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExit--
|
|
3737
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=bottom]{
|
|
3738
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3737
3739
|
}
|
|
3738
|
-
.bp_dropdown_menu_module_content--
|
|
3739
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExit--
|
|
3740
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=left]{
|
|
3741
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3740
3742
|
}
|
|
3741
3743
|
|
|
3742
|
-
.bp_dropdown_menu_module_content--
|
|
3744
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open]{
|
|
3743
3745
|
animation-duration:var(--bp-duration-long);
|
|
3744
3746
|
animation-timing-function:var(--bp-curve-large-on);
|
|
3745
3747
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3746
3748
|
}
|
|
3747
|
-
.bp_dropdown_menu_module_content--
|
|
3748
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--
|
|
3749
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
|
|
3750
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3749
3751
|
}
|
|
3750
|
-
.bp_dropdown_menu_module_content--
|
|
3751
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--
|
|
3752
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
|
|
3753
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3752
3754
|
}
|
|
3753
|
-
.bp_dropdown_menu_module_content--
|
|
3754
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--
|
|
3755
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
|
|
3756
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3755
3757
|
}
|
|
3756
|
-
.bp_dropdown_menu_module_content--
|
|
3757
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--
|
|
3758
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
|
|
3759
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3758
3760
|
}
|
|
3759
|
-
.bp_dropdown_menu_module_content--
|
|
3761
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed]{
|
|
3760
3762
|
animation-duration:var(--bp-duration-medium);
|
|
3761
3763
|
animation-timing-function:var(--bp-curve-large-off);
|
|
3762
3764
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3763
3765
|
}
|
|
3764
|
-
.bp_dropdown_menu_module_content--
|
|
3765
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExitLarge--
|
|
3766
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
|
|
3767
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3766
3768
|
}
|
|
3767
|
-
.bp_dropdown_menu_module_content--
|
|
3768
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExitLarge--
|
|
3769
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
|
|
3770
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3769
3771
|
}
|
|
3770
|
-
.bp_dropdown_menu_module_content--
|
|
3771
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--
|
|
3772
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
|
|
3773
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3772
3774
|
}
|
|
3773
|
-
.bp_dropdown_menu_module_content--
|
|
3774
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--
|
|
3775
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
|
|
3776
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3775
3777
|
}
|
|
3776
3778
|
|
|
3777
|
-
@keyframes bp_dropdown_menu_module_bpMenuFadeIn--
|
|
3779
|
+
@keyframes bp_dropdown_menu_module_bpMenuFadeIn--d80e8{
|
|
3778
3780
|
from{
|
|
3779
3781
|
opacity:var(--bp-opacity-hidden);
|
|
3780
3782
|
}
|
|
@@ -3782,7 +3784,7 @@
|
|
|
3782
3784
|
opacity:var(--bp-opacity-visible);
|
|
3783
3785
|
}
|
|
3784
3786
|
}
|
|
3785
|
-
@keyframes bp_dropdown_menu_module_bpMenuFadeOut--
|
|
3787
|
+
@keyframes bp_dropdown_menu_module_bpMenuFadeOut--d80e8{
|
|
3786
3788
|
from{
|
|
3787
3789
|
opacity:var(--bp-opacity-visible);
|
|
3788
3790
|
}
|
|
@@ -3790,7 +3792,7 @@
|
|
|
3790
3792
|
opacity:var(--bp-opacity-hidden);
|
|
3791
3793
|
}
|
|
3792
3794
|
}
|
|
3793
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnter--
|
|
3795
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnter--d80e8{
|
|
3794
3796
|
from{
|
|
3795
3797
|
transform:translateY(var(--bp-space-020));
|
|
3796
3798
|
}
|
|
@@ -3798,7 +3800,7 @@
|
|
|
3798
3800
|
transform:translateY(0);
|
|
3799
3801
|
}
|
|
3800
3802
|
}
|
|
3801
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExit--
|
|
3803
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExit--d80e8{
|
|
3802
3804
|
from{
|
|
3803
3805
|
transform:translateY(0);
|
|
3804
3806
|
}
|
|
@@ -3806,7 +3808,7 @@
|
|
|
3806
3808
|
transform:translateY(var(--bp-space-020));
|
|
3807
3809
|
}
|
|
3808
3810
|
}
|
|
3809
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnter--
|
|
3811
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnter--d80e8{
|
|
3810
3812
|
from{
|
|
3811
3813
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
3812
3814
|
}
|
|
@@ -3814,7 +3816,7 @@
|
|
|
3814
3816
|
transform:translateY(0);
|
|
3815
3817
|
}
|
|
3816
3818
|
}
|
|
3817
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExit--
|
|
3819
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExit--d80e8{
|
|
3818
3820
|
from{
|
|
3819
3821
|
transform:translateY(0);
|
|
3820
3822
|
}
|
|
@@ -3822,7 +3824,7 @@
|
|
|
3822
3824
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
3823
3825
|
}
|
|
3824
3826
|
}
|
|
3825
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnter--
|
|
3827
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnter--d80e8{
|
|
3826
3828
|
from{
|
|
3827
3829
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
3828
3830
|
}
|
|
@@ -3830,7 +3832,7 @@
|
|
|
3830
3832
|
transform:translateX(0);
|
|
3831
3833
|
}
|
|
3832
3834
|
}
|
|
3833
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExit--
|
|
3835
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExit--d80e8{
|
|
3834
3836
|
from{
|
|
3835
3837
|
transform:translateX(0);
|
|
3836
3838
|
}
|
|
@@ -3838,7 +3840,7 @@
|
|
|
3838
3840
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
3839
3841
|
}
|
|
3840
3842
|
}
|
|
3841
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnter--
|
|
3843
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnter--d80e8{
|
|
3842
3844
|
from{
|
|
3843
3845
|
transform:translateX(var(--bp-space-020));
|
|
3844
3846
|
}
|
|
@@ -3846,7 +3848,7 @@
|
|
|
3846
3848
|
transform:translateX(0);
|
|
3847
3849
|
}
|
|
3848
3850
|
}
|
|
3849
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExit--
|
|
3851
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExit--d80e8{
|
|
3850
3852
|
from{
|
|
3851
3853
|
transform:translateX(0);
|
|
3852
3854
|
}
|
|
@@ -3854,7 +3856,7 @@
|
|
|
3854
3856
|
transform:translateX(var(--bp-space-020));
|
|
3855
3857
|
}
|
|
3856
3858
|
}
|
|
3857
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--
|
|
3859
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--d80e8{
|
|
3858
3860
|
from{
|
|
3859
3861
|
transform:scale(var(--bp-scale-small)) translateY(var(--bp-space-040));
|
|
3860
3862
|
}
|
|
@@ -3862,7 +3864,7 @@
|
|
|
3862
3864
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3863
3865
|
}
|
|
3864
3866
|
}
|
|
3865
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExitLarge--
|
|
3867
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExitLarge--d80e8{
|
|
3866
3868
|
from{
|
|
3867
3869
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3868
3870
|
}
|
|
@@ -3870,7 +3872,7 @@
|
|
|
3870
3872
|
transform:scale(var(--bp-scale-small)) translateY(var(--bp-space-040));
|
|
3871
3873
|
}
|
|
3872
3874
|
}
|
|
3873
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--
|
|
3875
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--d80e8{
|
|
3874
3876
|
from{
|
|
3875
3877
|
transform:scale(var(--bp-scale-small)) translateY(calc(var(--bp-space-040)*-1));
|
|
3876
3878
|
}
|
|
@@ -3878,7 +3880,7 @@
|
|
|
3878
3880
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3879
3881
|
}
|
|
3880
3882
|
}
|
|
3881
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--
|
|
3883
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--d80e8{
|
|
3882
3884
|
from{
|
|
3883
3885
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3884
3886
|
}
|
|
@@ -3886,7 +3888,7 @@
|
|
|
3886
3888
|
transform:scale(var(--bp-scale-small)) translateY(calc(var(--bp-space-040)*-1));
|
|
3887
3889
|
}
|
|
3888
3890
|
}
|
|
3889
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--
|
|
3891
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--d80e8{
|
|
3890
3892
|
from{
|
|
3891
3893
|
transform:scale(var(--bp-scale-small)) translateX(calc(var(--bp-space-040)*-1));
|
|
3892
3894
|
}
|
|
@@ -3894,7 +3896,7 @@
|
|
|
3894
3896
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3895
3897
|
}
|
|
3896
3898
|
}
|
|
3897
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExitLarge--
|
|
3899
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExitLarge--d80e8{
|
|
3898
3900
|
from{
|
|
3899
3901
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3900
3902
|
}
|
|
@@ -3902,7 +3904,7 @@
|
|
|
3902
3904
|
transform:scale(var(--bp-scale-small)) translateX(calc(var(--bp-space-040)*-1));
|
|
3903
3905
|
}
|
|
3904
3906
|
}
|
|
3905
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--
|
|
3907
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--d80e8{
|
|
3906
3908
|
from{
|
|
3907
3909
|
transform:scale(var(--bp-scale-small)) translateX(var(--bp-space-040));
|
|
3908
3910
|
}
|
|
@@ -3910,7 +3912,7 @@
|
|
|
3910
3912
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3911
3913
|
}
|
|
3912
3914
|
}
|
|
3913
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--
|
|
3915
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--d80e8{
|
|
3914
3916
|
from{
|
|
3915
3917
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3916
3918
|
}
|
|
@@ -3919,7 +3921,7 @@
|
|
|
3919
3921
|
}
|
|
3920
3922
|
}
|
|
3921
3923
|
@container style(--radix-popper-anchor-width: 0px) and style(--radix-popper-anchor-height: 0px){
|
|
3922
|
-
.bp_dropdown_menu_module_content--
|
|
3924
|
+
.bp_dropdown_menu_module_content--d80e8{
|
|
3923
3925
|
visibility:hidden;
|
|
3924
3926
|
}
|
|
3925
3927
|
}
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -3389,7 +3389,7 @@
|
|
|
3389
3389
|
height:var(--icon-button-size-x-small);
|
|
3390
3390
|
width:var(--icon-button-size-x-small);
|
|
3391
3391
|
}
|
|
3392
|
-
.bp_dropdown_menu_module_content--
|
|
3392
|
+
.bp_dropdown_menu_module_content--d80e8[data-modern=false]{
|
|
3393
3393
|
--dropdown-menu-radius:var(--radius-3);
|
|
3394
3394
|
--dropdown-menu-padding:var(--space-3);
|
|
3395
3395
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -3433,7 +3433,7 @@
|
|
|
3433
3433
|
text-transform:var(--body-default-text-case);
|
|
3434
3434
|
}
|
|
3435
3435
|
|
|
3436
|
-
.bp_dropdown_menu_module_content--
|
|
3436
|
+
.bp_dropdown_menu_module_content--d80e8[data-modern=true]{
|
|
3437
3437
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
3438
3438
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
3439
3439
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -3475,7 +3475,7 @@
|
|
|
3475
3475
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
3476
3476
|
line-height:var(--bp-font-line-height-04);
|
|
3477
3477
|
}
|
|
3478
|
-
:where(body.is-inter-font) .bp_dropdown_menu_module_content--
|
|
3478
|
+
:where(body.is-inter-font) .bp_dropdown_menu_module_content--d80e8[data-modern=true]{
|
|
3479
3479
|
font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
3480
3480
|
font-size:.875rem;
|
|
3481
3481
|
font-style:normal;
|
|
@@ -3486,7 +3486,7 @@
|
|
|
3486
3486
|
text-transform:none;
|
|
3487
3487
|
}
|
|
3488
3488
|
|
|
3489
|
-
.bp_dropdown_menu_module_content--
|
|
3489
|
+
.bp_dropdown_menu_module_content--d80e8{
|
|
3490
3490
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
3491
3491
|
background-color:var(--dropdown-menu-background);
|
|
3492
3492
|
border:var(--dropdown-menu-border);
|
|
@@ -3501,7 +3501,7 @@
|
|
|
3501
3501
|
padding:var(--dropdown-menu-padding);
|
|
3502
3502
|
z-index:380;
|
|
3503
3503
|
}
|
|
3504
|
-
.bp_dropdown_menu_module_content--
|
|
3504
|
+
.bp_dropdown_menu_module_content--d80e8[data-menu-fullscreen=true]{
|
|
3505
3505
|
border:unset;
|
|
3506
3506
|
border-radius:unset;
|
|
3507
3507
|
display:flex;
|
|
@@ -3514,50 +3514,52 @@
|
|
|
3514
3514
|
position:relative;
|
|
3515
3515
|
width:100vw;
|
|
3516
3516
|
}
|
|
3517
|
-
.bp_dropdown_menu_module_content--
|
|
3517
|
+
.bp_dropdown_menu_module_content--d80e8[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--d80e8{
|
|
3518
3518
|
overflow-y:auto;
|
|
3519
3519
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
3520
3520
|
}
|
|
3521
|
-
.bp_dropdown_menu_module_content--
|
|
3521
|
+
.bp_dropdown_menu_module_content--d80e8 .bp_dropdown_menu_module_subheader--d80e8{
|
|
3522
3522
|
padding:var(--dropdown-menu-subheader-padding);
|
|
3523
3523
|
}
|
|
3524
|
-
.bp_dropdown_menu_module_content--
|
|
3524
|
+
.bp_dropdown_menu_module_content--d80e8 .bp_dropdown_menu_module_subheader--d80e8.bp_dropdown_menu_module_uppercased--d80e8{
|
|
3525
3525
|
text-transform:uppercase;
|
|
3526
3526
|
}
|
|
3527
|
-
.bp_dropdown_menu_module_content--
|
|
3527
|
+
.bp_dropdown_menu_module_content--d80e8 .bp_dropdown_menu_module_dropdownMenuItemSeparator--d80e8{
|
|
3528
3528
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
3529
3529
|
}
|
|
3530
3530
|
|
|
3531
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
3531
|
+
.bp_dropdown_menu_module_ellipsis--d80e8{
|
|
3532
3532
|
min-width:0;
|
|
3533
3533
|
overflow:hidden;
|
|
3534
3534
|
text-overflow:ellipsis;
|
|
3535
3535
|
white-space:nowrap;
|
|
3536
3536
|
}
|
|
3537
|
-
.bp_dropdown_menu_module_itemBody--
|
|
3537
|
+
.bp_dropdown_menu_module_itemBody--d80e8{
|
|
3538
3538
|
flex:1;
|
|
3539
3539
|
min-width:0;
|
|
3540
3540
|
overflow:hidden;
|
|
3541
3541
|
}
|
|
3542
|
-
.bp_dropdown_menu_module_itemOverflow--
|
|
3542
|
+
.bp_dropdown_menu_module_itemOverflow--d80e8{
|
|
3543
3543
|
min-width:0;
|
|
3544
3544
|
overflow:hidden;
|
|
3545
3545
|
text-overflow:ellipsis;
|
|
3546
3546
|
white-space:nowrap;
|
|
3547
3547
|
}
|
|
3548
3548
|
|
|
3549
|
-
.bp_dropdown_menu_module_menuItemCaption--
|
|
3550
|
-
-webkit-box-orient:vertical;
|
|
3551
|
-
-webkit-line-clamp:2;
|
|
3549
|
+
.bp_dropdown_menu_module_menuItemCaption--d80e8{
|
|
3552
3550
|
color:var(--dropdown-menu-caption-text-color);
|
|
3553
|
-
display:-webkit-box;
|
|
3554
|
-
overflow:hidden;
|
|
3555
3551
|
overflow-wrap:break-word;
|
|
3556
3552
|
white-space:normal;
|
|
3557
3553
|
width:100%;
|
|
3558
3554
|
}
|
|
3555
|
+
.bp_dropdown_menu_module_menuItemCaption--d80e8.bp_dropdown_menu_module_captionClamped--d80e8{
|
|
3556
|
+
-webkit-box-orient:vertical;
|
|
3557
|
+
-webkit-line-clamp:2;
|
|
3558
|
+
display:-webkit-box;
|
|
3559
|
+
overflow:hidden;
|
|
3560
|
+
}
|
|
3559
3561
|
|
|
3560
|
-
.bp_dropdown_menu_module_checkmark--
|
|
3562
|
+
.bp_dropdown_menu_module_checkmark--d80e8{
|
|
3561
3563
|
align-items:center;
|
|
3562
3564
|
display:inline-flex;
|
|
3563
3565
|
justify-content:center;
|
|
@@ -3565,11 +3567,11 @@
|
|
|
3565
3567
|
position:absolute;
|
|
3566
3568
|
}
|
|
3567
3569
|
|
|
3568
|
-
.bp_dropdown_menu_module_checkmark--
|
|
3570
|
+
.bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8{
|
|
3569
3571
|
left:var(--dropdown-menu-medium-checkmark-left);
|
|
3570
3572
|
}
|
|
3571
3573
|
|
|
3572
|
-
.bp_dropdown_menu_module_item--
|
|
3574
|
+
.bp_dropdown_menu_module_item--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8{
|
|
3573
3575
|
align-items:center;
|
|
3574
3576
|
border:var(--dropdown-menu-item-border);
|
|
3575
3577
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -3582,107 +3584,107 @@
|
|
|
3582
3584
|
-webkit-user-select:none;
|
|
3583
3585
|
user-select:none;
|
|
3584
3586
|
}
|
|
3585
|
-
.bp_dropdown_menu_module_item--
|
|
3587
|
+
.bp_dropdown_menu_module_item--d80e8[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-disabled]{
|
|
3586
3588
|
opacity:60%;
|
|
3587
3589
|
pointer-events:none;
|
|
3588
3590
|
}
|
|
3589
|
-
.bp_dropdown_menu_module_item--
|
|
3591
|
+
.bp_dropdown_menu_module_item--d80e8[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-highlighted]{
|
|
3590
3592
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
3591
3593
|
border:var(--dropdown-menu-item-border-focus);
|
|
3592
3594
|
}
|
|
3593
|
-
.bp_dropdown_menu_module_item--
|
|
3595
|
+
.bp_dropdown_menu_module_item--d80e8[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-state=open][data-highlighted]{
|
|
3594
3596
|
border:var(--dropdown-menu-item-border);
|
|
3595
3597
|
}
|
|
3596
|
-
.bp_dropdown_menu_module_item--
|
|
3598
|
+
.bp_dropdown_menu_module_item--d80e8:active,.bp_dropdown_menu_module_subMenuTrigger--d80e8:active{
|
|
3597
3599
|
background-color:var(--dropdown-menu-item-background-active);
|
|
3598
3600
|
border:var(--dropdown-menu-item-border-active);
|
|
3599
3601
|
}
|
|
3600
|
-
.bp_dropdown_menu_module_item--
|
|
3602
|
+
.bp_dropdown_menu_module_item--d80e8[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--d80e8[data-state=open]{
|
|
3601
3603
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
3602
3604
|
}
|
|
3603
|
-
.bp_dropdown_menu_module_item--
|
|
3605
|
+
.bp_dropdown_menu_module_item--d80e8:hover,.bp_dropdown_menu_module_subMenuTrigger--d80e8:hover{
|
|
3604
3606
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
3605
3607
|
border:var(--dropdown-menu-item-border-hover);
|
|
3606
3608
|
}
|
|
3607
|
-
.bp_dropdown_menu_module_item--
|
|
3609
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8{
|
|
3608
3610
|
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
3609
3611
|
}
|
|
3610
|
-
.bp_dropdown_menu_module_item--
|
|
3612
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8{
|
|
3611
3613
|
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
3612
3614
|
left:auto;
|
|
3613
3615
|
}
|
|
3614
|
-
.bp_dropdown_menu_module_item--
|
|
3616
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8{
|
|
3615
3617
|
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
3616
3618
|
left:auto;
|
|
3617
3619
|
}
|
|
3618
|
-
.bp_dropdown_menu_module_item--
|
|
3620
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_radioItemMediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_radioItemMediumSpacing--d80e8{
|
|
3619
3621
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
3620
3622
|
}
|
|
3621
|
-
.bp_dropdown_menu_module_item--
|
|
3623
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)),.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_radioItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)){
|
|
3622
3624
|
text-overflow:ellipsis;
|
|
3623
3625
|
white-space:nowrap;
|
|
3624
3626
|
}
|
|
3625
|
-
.bp_dropdown_menu_module_item--
|
|
3627
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8{
|
|
3626
3628
|
padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
|
|
3627
3629
|
}
|
|
3628
|
-
.bp_dropdown_menu_module_item--
|
|
3630
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8{
|
|
3629
3631
|
inset-inline-end:var(--dropdown-menu-checkmark-left);
|
|
3630
3632
|
left:auto;
|
|
3631
3633
|
}
|
|
3632
|
-
.bp_dropdown_menu_module_item--
|
|
3634
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkmark--d80e8.bp_dropdown_menu_module_mediumSpacing--d80e8{
|
|
3633
3635
|
inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
|
|
3634
3636
|
left:auto;
|
|
3635
3637
|
}
|
|
3636
|
-
.bp_dropdown_menu_module_item--
|
|
3638
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_checkboxItemMediumSpacing--d80e8{
|
|
3637
3639
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
3638
3640
|
}
|
|
3639
|
-
.bp_dropdown_menu_module_item--
|
|
3641
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)),.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_checkboxItem--d80e8 .bp_dropdown_menu_module_itemBody--d80e8:not(:has(.bp_dropdown_menu_module_menuItemMainContent--d80e8)){
|
|
3640
3642
|
text-overflow:ellipsis;
|
|
3641
3643
|
white-space:nowrap;
|
|
3642
3644
|
}
|
|
3643
|
-
.bp_dropdown_menu_module_item--
|
|
3645
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_mediumItemLayout--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_mediumItemLayout--d80e8{
|
|
3644
3646
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
3645
3647
|
justify-content:space-between;
|
|
3646
3648
|
overflow:hidden;
|
|
3647
3649
|
}
|
|
3648
|
-
.bp_dropdown_menu_module_item--
|
|
3650
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_startElement--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_startElement--d80e8{
|
|
3649
3651
|
align-items:center;
|
|
3650
3652
|
display:flex;
|
|
3651
3653
|
}
|
|
3652
|
-
.bp_dropdown_menu_module_item--
|
|
3654
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8{
|
|
3653
3655
|
display:flex;
|
|
3654
3656
|
flex-direction:column;
|
|
3655
3657
|
flex-grow:1;
|
|
3656
3658
|
min-width:0;
|
|
3657
3659
|
}
|
|
3658
|
-
.bp_dropdown_menu_module_item--
|
|
3660
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8.bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8.bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8{
|
|
3659
3661
|
display:block;
|
|
3660
3662
|
overflow:hidden;
|
|
3661
3663
|
text-overflow:ellipsis;
|
|
3662
3664
|
white-space:nowrap;
|
|
3663
3665
|
}
|
|
3664
|
-
.bp_dropdown_menu_module_item--
|
|
3666
|
+
.bp_dropdown_menu_module_item--d80e8 .bp_dropdown_menu_module_endElement--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8 .bp_dropdown_menu_module_endElement--d80e8{
|
|
3665
3667
|
align-items:center;
|
|
3666
3668
|
color:var(--dropdown-menu-end-element-color);
|
|
3667
3669
|
display:flex;
|
|
3668
3670
|
}
|
|
3669
|
-
.bp_dropdown_menu_module_item--
|
|
3671
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8{
|
|
3670
3672
|
color:var(--dropdown-menu-item-destructive-color);
|
|
3671
3673
|
}
|
|
3672
|
-
.bp_dropdown_menu_module_item--
|
|
3674
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8 span,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_menuItemMainContent--d80e8 span{
|
|
3673
3675
|
color:inherit;
|
|
3674
3676
|
}
|
|
3675
|
-
.bp_dropdown_menu_module_item--
|
|
3677
|
+
.bp_dropdown_menu_module_item--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_endElement--d80e8,.bp_dropdown_menu_module_subMenuTrigger--d80e8.bp_dropdown_menu_module_destructive--d80e8 .bp_dropdown_menu_module_endElement--d80e8{
|
|
3676
3678
|
color:var(--dropdown-menu-item-destructive-color);
|
|
3677
3679
|
}
|
|
3678
|
-
.bp_dropdown_menu_module_item--
|
|
3680
|
+
.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_ellipsis--d80e8),.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_itemBody--d80e8),.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8){
|
|
3679
3681
|
border-radius:var(--dropdown-menu-item-radius);
|
|
3680
3682
|
}
|
|
3681
|
-
.bp_dropdown_menu_module_item--
|
|
3683
|
+
.bp_dropdown_menu_module_item--d80e8:has(.bp_dropdown_menu_module_mediumItemLayout--d80e8){
|
|
3682
3684
|
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
3683
3685
|
}
|
|
3684
3686
|
|
|
3685
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
3687
|
+
.bp_dropdown_menu_module_menuHeader--d80e8{
|
|
3686
3688
|
align-items:center;
|
|
3687
3689
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
3688
3690
|
display:grid;
|
|
@@ -3692,89 +3694,89 @@
|
|
|
3692
3694
|
padding:var(--dropdown-menu-header-padding);
|
|
3693
3695
|
}
|
|
3694
3696
|
|
|
3695
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
3697
|
+
.bp_dropdown_menu_module_headerTextContent--d80e8{
|
|
3696
3698
|
display:grid;
|
|
3697
3699
|
}
|
|
3698
3700
|
|
|
3699
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
3701
|
+
.bp_dropdown_menu_module_submenuCloseButton--d80e8{
|
|
3700
3702
|
grid-area:submenu-close;
|
|
3701
3703
|
}
|
|
3702
3704
|
|
|
3703
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
3705
|
+
.bp_dropdown_menu_module_menuCloseButton--d80e8{
|
|
3704
3706
|
grid-area:close;
|
|
3705
3707
|
}
|
|
3706
3708
|
|
|
3707
|
-
.bp_dropdown_menu_module_content--
|
|
3709
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open]{
|
|
3708
3710
|
animation-duration:var(--bp-duration-medium);
|
|
3709
3711
|
animation-timing-function:var(--bp-curve-medium-on);
|
|
3710
3712
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3711
3713
|
}
|
|
3712
|
-
.bp_dropdown_menu_module_content--
|
|
3713
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnter--
|
|
3714
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=top]{
|
|
3715
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3714
3716
|
}
|
|
3715
|
-
.bp_dropdown_menu_module_content--
|
|
3716
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnter--
|
|
3717
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=right]{
|
|
3718
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3717
3719
|
}
|
|
3718
|
-
.bp_dropdown_menu_module_content--
|
|
3719
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnter--
|
|
3720
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=bottom]{
|
|
3721
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3720
3722
|
}
|
|
3721
|
-
.bp_dropdown_menu_module_content--
|
|
3722
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnter--
|
|
3723
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=open][data-side=left]{
|
|
3724
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnter--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3723
3725
|
}
|
|
3724
|
-
.bp_dropdown_menu_module_content--
|
|
3726
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed]{
|
|
3725
3727
|
animation-duration:var(--bp-duration-short);
|
|
3726
3728
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
3727
3729
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3728
3730
|
}
|
|
3729
|
-
.bp_dropdown_menu_module_content--
|
|
3730
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExit--
|
|
3731
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=top]{
|
|
3732
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3731
3733
|
}
|
|
3732
|
-
.bp_dropdown_menu_module_content--
|
|
3733
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExit--
|
|
3734
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=right]{
|
|
3735
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3734
3736
|
}
|
|
3735
|
-
.bp_dropdown_menu_module_content--
|
|
3736
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExit--
|
|
3737
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=bottom]{
|
|
3738
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3737
3739
|
}
|
|
3738
|
-
.bp_dropdown_menu_module_content--
|
|
3739
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExit--
|
|
3740
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=left]{
|
|
3741
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExit--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3740
3742
|
}
|
|
3741
3743
|
|
|
3742
|
-
.bp_dropdown_menu_module_content--
|
|
3744
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open]{
|
|
3743
3745
|
animation-duration:var(--bp-duration-long);
|
|
3744
3746
|
animation-timing-function:var(--bp-curve-large-on);
|
|
3745
3747
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3746
3748
|
}
|
|
3747
|
-
.bp_dropdown_menu_module_content--
|
|
3748
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--
|
|
3749
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
|
|
3750
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3749
3751
|
}
|
|
3750
|
-
.bp_dropdown_menu_module_content--
|
|
3751
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--
|
|
3752
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
|
|
3753
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3752
3754
|
}
|
|
3753
|
-
.bp_dropdown_menu_module_content--
|
|
3754
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--
|
|
3755
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
|
|
3756
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3755
3757
|
}
|
|
3756
|
-
.bp_dropdown_menu_module_content--
|
|
3757
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--
|
|
3758
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
|
|
3759
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeIn--d80e8;
|
|
3758
3760
|
}
|
|
3759
|
-
.bp_dropdown_menu_module_content--
|
|
3761
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed]{
|
|
3760
3762
|
animation-duration:var(--bp-duration-medium);
|
|
3761
3763
|
animation-timing-function:var(--bp-curve-large-off);
|
|
3762
3764
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3763
3765
|
}
|
|
3764
|
-
.bp_dropdown_menu_module_content--
|
|
3765
|
-
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExitLarge--
|
|
3766
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
|
|
3767
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3766
3768
|
}
|
|
3767
|
-
.bp_dropdown_menu_module_content--
|
|
3768
|
-
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExitLarge--
|
|
3769
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
|
|
3770
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3769
3771
|
}
|
|
3770
|
-
.bp_dropdown_menu_module_content--
|
|
3771
|
-
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--
|
|
3772
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
|
|
3773
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3772
3774
|
}
|
|
3773
|
-
.bp_dropdown_menu_module_content--
|
|
3774
|
-
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--
|
|
3775
|
+
.bp_dropdown_menu_module_content--d80e8[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
|
|
3776
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--d80e8, bp_dropdown_menu_module_bpMenuFadeOut--d80e8;
|
|
3775
3777
|
}
|
|
3776
3778
|
|
|
3777
|
-
@keyframes bp_dropdown_menu_module_bpMenuFadeIn--
|
|
3779
|
+
@keyframes bp_dropdown_menu_module_bpMenuFadeIn--d80e8{
|
|
3778
3780
|
from{
|
|
3779
3781
|
opacity:var(--bp-opacity-hidden);
|
|
3780
3782
|
}
|
|
@@ -3782,7 +3784,7 @@
|
|
|
3782
3784
|
opacity:var(--bp-opacity-visible);
|
|
3783
3785
|
}
|
|
3784
3786
|
}
|
|
3785
|
-
@keyframes bp_dropdown_menu_module_bpMenuFadeOut--
|
|
3787
|
+
@keyframes bp_dropdown_menu_module_bpMenuFadeOut--d80e8{
|
|
3786
3788
|
from{
|
|
3787
3789
|
opacity:var(--bp-opacity-visible);
|
|
3788
3790
|
}
|
|
@@ -3790,7 +3792,7 @@
|
|
|
3790
3792
|
opacity:var(--bp-opacity-hidden);
|
|
3791
3793
|
}
|
|
3792
3794
|
}
|
|
3793
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnter--
|
|
3795
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnter--d80e8{
|
|
3794
3796
|
from{
|
|
3795
3797
|
transform:translateY(var(--bp-space-020));
|
|
3796
3798
|
}
|
|
@@ -3798,7 +3800,7 @@
|
|
|
3798
3800
|
transform:translateY(0);
|
|
3799
3801
|
}
|
|
3800
3802
|
}
|
|
3801
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExit--
|
|
3803
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExit--d80e8{
|
|
3802
3804
|
from{
|
|
3803
3805
|
transform:translateY(0);
|
|
3804
3806
|
}
|
|
@@ -3806,7 +3808,7 @@
|
|
|
3806
3808
|
transform:translateY(var(--bp-space-020));
|
|
3807
3809
|
}
|
|
3808
3810
|
}
|
|
3809
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnter--
|
|
3811
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnter--d80e8{
|
|
3810
3812
|
from{
|
|
3811
3813
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
3812
3814
|
}
|
|
@@ -3814,7 +3816,7 @@
|
|
|
3814
3816
|
transform:translateY(0);
|
|
3815
3817
|
}
|
|
3816
3818
|
}
|
|
3817
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExit--
|
|
3819
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExit--d80e8{
|
|
3818
3820
|
from{
|
|
3819
3821
|
transform:translateY(0);
|
|
3820
3822
|
}
|
|
@@ -3822,7 +3824,7 @@
|
|
|
3822
3824
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
3823
3825
|
}
|
|
3824
3826
|
}
|
|
3825
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnter--
|
|
3827
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnter--d80e8{
|
|
3826
3828
|
from{
|
|
3827
3829
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
3828
3830
|
}
|
|
@@ -3830,7 +3832,7 @@
|
|
|
3830
3832
|
transform:translateX(0);
|
|
3831
3833
|
}
|
|
3832
3834
|
}
|
|
3833
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExit--
|
|
3835
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExit--d80e8{
|
|
3834
3836
|
from{
|
|
3835
3837
|
transform:translateX(0);
|
|
3836
3838
|
}
|
|
@@ -3838,7 +3840,7 @@
|
|
|
3838
3840
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
3839
3841
|
}
|
|
3840
3842
|
}
|
|
3841
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnter--
|
|
3843
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnter--d80e8{
|
|
3842
3844
|
from{
|
|
3843
3845
|
transform:translateX(var(--bp-space-020));
|
|
3844
3846
|
}
|
|
@@ -3846,7 +3848,7 @@
|
|
|
3846
3848
|
transform:translateX(0);
|
|
3847
3849
|
}
|
|
3848
3850
|
}
|
|
3849
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExit--
|
|
3851
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExit--d80e8{
|
|
3850
3852
|
from{
|
|
3851
3853
|
transform:translateX(0);
|
|
3852
3854
|
}
|
|
@@ -3854,7 +3856,7 @@
|
|
|
3854
3856
|
transform:translateX(var(--bp-space-020));
|
|
3855
3857
|
}
|
|
3856
3858
|
}
|
|
3857
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--
|
|
3859
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--d80e8{
|
|
3858
3860
|
from{
|
|
3859
3861
|
transform:scale(var(--bp-scale-small)) translateY(var(--bp-space-040));
|
|
3860
3862
|
}
|
|
@@ -3862,7 +3864,7 @@
|
|
|
3862
3864
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3863
3865
|
}
|
|
3864
3866
|
}
|
|
3865
|
-
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExitLarge--
|
|
3867
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExitLarge--d80e8{
|
|
3866
3868
|
from{
|
|
3867
3869
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3868
3870
|
}
|
|
@@ -3870,7 +3872,7 @@
|
|
|
3870
3872
|
transform:scale(var(--bp-scale-small)) translateY(var(--bp-space-040));
|
|
3871
3873
|
}
|
|
3872
3874
|
}
|
|
3873
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--
|
|
3875
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--d80e8{
|
|
3874
3876
|
from{
|
|
3875
3877
|
transform:scale(var(--bp-scale-small)) translateY(calc(var(--bp-space-040)*-1));
|
|
3876
3878
|
}
|
|
@@ -3878,7 +3880,7 @@
|
|
|
3878
3880
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3879
3881
|
}
|
|
3880
3882
|
}
|
|
3881
|
-
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--
|
|
3883
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--d80e8{
|
|
3882
3884
|
from{
|
|
3883
3885
|
transform:scale(var(--bp-scale-default)) translateY(0);
|
|
3884
3886
|
}
|
|
@@ -3886,7 +3888,7 @@
|
|
|
3886
3888
|
transform:scale(var(--bp-scale-small)) translateY(calc(var(--bp-space-040)*-1));
|
|
3887
3889
|
}
|
|
3888
3890
|
}
|
|
3889
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--
|
|
3891
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--d80e8{
|
|
3890
3892
|
from{
|
|
3891
3893
|
transform:scale(var(--bp-scale-small)) translateX(calc(var(--bp-space-040)*-1));
|
|
3892
3894
|
}
|
|
@@ -3894,7 +3896,7 @@
|
|
|
3894
3896
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3895
3897
|
}
|
|
3896
3898
|
}
|
|
3897
|
-
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExitLarge--
|
|
3899
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExitLarge--d80e8{
|
|
3898
3900
|
from{
|
|
3899
3901
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3900
3902
|
}
|
|
@@ -3902,7 +3904,7 @@
|
|
|
3902
3904
|
transform:scale(var(--bp-scale-small)) translateX(calc(var(--bp-space-040)*-1));
|
|
3903
3905
|
}
|
|
3904
3906
|
}
|
|
3905
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--
|
|
3907
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--d80e8{
|
|
3906
3908
|
from{
|
|
3907
3909
|
transform:scale(var(--bp-scale-small)) translateX(var(--bp-space-040));
|
|
3908
3910
|
}
|
|
@@ -3910,7 +3912,7 @@
|
|
|
3910
3912
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3911
3913
|
}
|
|
3912
3914
|
}
|
|
3913
|
-
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--
|
|
3915
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--d80e8{
|
|
3914
3916
|
from{
|
|
3915
3917
|
transform:scale(var(--bp-scale-default)) translateX(0);
|
|
3916
3918
|
}
|
|
@@ -3919,7 +3921,7 @@
|
|
|
3919
3921
|
}
|
|
3920
3922
|
}
|
|
3921
3923
|
@container style(--radix-popper-anchor-width: 0px) and style(--radix-popper-anchor-height: 0px){
|
|
3922
|
-
.bp_dropdown_menu_module_content--
|
|
3924
|
+
.bp_dropdown_menu_module_content--d80e8{
|
|
3923
3925
|
visibility:hidden;
|
|
3924
3926
|
}
|
|
3925
3927
|
}
|
|
@@ -13,6 +13,8 @@ export interface MenuItemMainContentBaseProps extends React.ComponentProps<'div'
|
|
|
13
13
|
label: string;
|
|
14
14
|
/** Additional text to aid in use. */
|
|
15
15
|
caption?: string;
|
|
16
|
+
/** Controls caption line clamping. Use `'none'` to disable clamping. Defaults to `'clamp'` (2 lines). */
|
|
17
|
+
captionLineClamp?: 'clamp' | 'none';
|
|
16
18
|
}
|
|
17
19
|
export type MenuItemMainContentProps = RequireExactlyOne<MenuItemMainContentBaseProps, 'label' | 'children'>;
|
|
18
20
|
/**
|
|
@@ -49,6 +49,7 @@ const MenuItemMainContent = /*#__PURE__*/forwardRef(({
|
|
|
49
49
|
label,
|
|
50
50
|
children,
|
|
51
51
|
caption,
|
|
52
|
+
captionLineClamp = 'clamp',
|
|
52
53
|
...rest
|
|
53
54
|
}, ref) => {
|
|
54
55
|
const {
|
|
@@ -66,7 +67,7 @@ const MenuItemMainContent = /*#__PURE__*/forwardRef(({
|
|
|
66
67
|
variant: labelVariant,
|
|
67
68
|
children: label
|
|
68
69
|
}), caption ? jsx("div", {
|
|
69
|
-
className: styles.menuItemCaption,
|
|
70
|
+
className: clsx(styles.menuItemCaption, captionLineClamp === 'clamp' && styles.captionClamped),
|
|
70
71
|
children: jsx(Text, {
|
|
71
72
|
as: "span",
|
|
72
73
|
color: "textOnLightSecondary",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"content":"bp_dropdown_menu_module_content--
|
|
2
|
+
var styles = {"content":"bp_dropdown_menu_module_content--d80e8","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--d80e8","subheader":"bp_dropdown_menu_module_subheader--d80e8","uppercased":"bp_dropdown_menu_module_uppercased--d80e8","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--d80e8","ellipsis":"bp_dropdown_menu_module_ellipsis--d80e8","itemBody":"bp_dropdown_menu_module_itemBody--d80e8","itemOverflow":"bp_dropdown_menu_module_itemOverflow--d80e8","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--d80e8","captionClamped":"bp_dropdown_menu_module_captionClamped--d80e8","checkmark":"bp_dropdown_menu_module_checkmark--d80e8","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--d80e8","item":"bp_dropdown_menu_module_item--d80e8","radioItem":"bp_dropdown_menu_module_radioItem--d80e8","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--d80e8","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--d80e8","checkboxItem":"bp_dropdown_menu_module_checkboxItem--d80e8","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--d80e8","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--d80e8","startElement":"bp_dropdown_menu_module_startElement--d80e8","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--d80e8","endElement":"bp_dropdown_menu_module_endElement--d80e8","destructive":"bp_dropdown_menu_module_destructive--d80e8","menuHeader":"bp_dropdown_menu_module_menuHeader--d80e8","headerTextContent":"bp_dropdown_menu_module_headerTextContent--d80e8","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--d80e8","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--d80e8"};
|
|
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": "16.
|
|
3
|
+
"version": "16.14.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@ariakit/react": "0.4.21",
|
|
52
52
|
"@ariakit/react-core": "0.4.21",
|
|
53
|
-
"@box/blueprint-web-assets": "^5.
|
|
53
|
+
"@box/blueprint-web-assets": "^5.6.0",
|
|
54
54
|
"@internationalized/date": "^3.12.0",
|
|
55
55
|
"@radix-ui/react-accordion": "1.1.2",
|
|
56
56
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"type-fest": "^3.2.0"
|
|
80
80
|
},
|
|
81
81
|
"devDependencies": {
|
|
82
|
-
"@box/storybook-utils": "^1.
|
|
82
|
+
"@box/storybook-utils": "^1.2.0",
|
|
83
83
|
"@figma/code-connect": "1.4.4",
|
|
84
84
|
"@types/react": "^18.0.0",
|
|
85
85
|
"@types/react-dom": "^18.0.0",
|