@box/blueprint-web 14.25.3 → 14.26.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.
Files changed (5) hide show
  1. package/dist/lib-esm/index.css +103 -99
  2. package/dist/lib-esm/navigation-menu/navigation-menu-content.js +6 -0
  3. package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-content.js +3 -1
  4. package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
  5. package/package.json +3 -3
package/dist/lib-esm/index.css CHANGED
@@ -2679,7 +2679,7 @@
2679
2679
  height:var(--icon-button-size-x-small);
2680
2680
  width:var(--icon-button-size-x-small);
2681
2681
  }
2682
- .bp_dropdown_menu_module_content--ca3a5[data-modern=false]{
2682
+ .bp_dropdown_menu_module_content--00e77[data-modern=false]{
2683
2683
  --dropdown-menu-radius:var(--radius-3);
2684
2684
  --dropdown-menu-padding:var(--space-3);
2685
2685
  --dropdown-menu-text-color:var(--text-text-on-light);
@@ -2723,7 +2723,7 @@
2723
2723
  text-transform:var(--body-default-text-case);
2724
2724
  }
2725
2725
 
2726
- .bp_dropdown_menu_module_content--ca3a5[data-modern=true]{
2726
+ .bp_dropdown_menu_module_content--00e77[data-modern=true]{
2727
2727
  --dropdown-menu-radius:var(--bp-radius-10);
2728
2728
  --dropdown-menu-padding:var(--bp-space-030);
2729
2729
  --dropdown-menu-text-color:var(--bp-text-text-on-light);
@@ -2766,7 +2766,7 @@
2766
2766
  line-height:var(--bp-font-line-height-04);
2767
2767
  }
2768
2768
 
2769
- .bp_dropdown_menu_module_content--ca3a5{
2769
+ .bp_dropdown_menu_module_content--00e77{
2770
2770
  backdrop-filter:var(--dropdown-menu-backdrop-filter);
2771
2771
  background-color:var(--dropdown-menu-background);
2772
2772
  border:var(--dropdown-menu-border);
@@ -2781,7 +2781,7 @@
2781
2781
  padding:var(--dropdown-menu-padding);
2782
2782
  z-index:380;
2783
2783
  }
2784
- .bp_dropdown_menu_module_content--ca3a5[data-menu-fullscreen=true]{
2784
+ .bp_dropdown_menu_module_content--00e77[data-menu-fullscreen=true]{
2785
2785
  border:unset;
2786
2786
  border-radius:unset;
2787
2787
  display:flex;
@@ -2794,39 +2794,39 @@
2794
2794
  position:relative;
2795
2795
  width:100vw;
2796
2796
  }
2797
- .bp_dropdown_menu_module_content--ca3a5[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--ca3a5{
2797
+ .bp_dropdown_menu_module_content--00e77[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--00e77{
2798
2798
  overflow-y:auto;
2799
2799
  padding:var(--dropdown-menu-full-screen-padding);
2800
2800
  }
2801
- .bp_dropdown_menu_module_content--ca3a5 .bp_dropdown_menu_module_subheader--ca3a5{
2801
+ .bp_dropdown_menu_module_content--00e77 .bp_dropdown_menu_module_subheader--00e77{
2802
2802
  padding:var(--dropdown-menu-subheader-padding);
2803
2803
  }
2804
- .bp_dropdown_menu_module_content--ca3a5 .bp_dropdown_menu_module_subheader--ca3a5.bp_dropdown_menu_module_uppercased--ca3a5{
2804
+ .bp_dropdown_menu_module_content--00e77 .bp_dropdown_menu_module_subheader--00e77.bp_dropdown_menu_module_uppercased--00e77{
2805
2805
  text-transform:uppercase;
2806
2806
  }
2807
- .bp_dropdown_menu_module_content--ca3a5 .bp_dropdown_menu_module_dropdownMenuItemSeparator--ca3a5{
2807
+ .bp_dropdown_menu_module_content--00e77 .bp_dropdown_menu_module_dropdownMenuItemSeparator--00e77{
2808
2808
  margin-block:var(--dropdown-menu-separator-margin);
2809
2809
  }
2810
2810
 
2811
- .bp_dropdown_menu_module_ellipsis--ca3a5{
2811
+ .bp_dropdown_menu_module_ellipsis--00e77{
2812
2812
  min-width:0;
2813
2813
  overflow:hidden;
2814
2814
  text-overflow:ellipsis;
2815
2815
  white-space:nowrap;
2816
2816
  }
2817
- .bp_dropdown_menu_module_itemBody--ca3a5{
2817
+ .bp_dropdown_menu_module_itemBody--00e77{
2818
2818
  flex:1;
2819
2819
  min-width:0;
2820
2820
  overflow:hidden;
2821
2821
  }
2822
- .bp_dropdown_menu_module_itemOverflow--ca3a5{
2822
+ .bp_dropdown_menu_module_itemOverflow--00e77{
2823
2823
  min-width:0;
2824
2824
  overflow:hidden;
2825
2825
  text-overflow:ellipsis;
2826
2826
  white-space:nowrap;
2827
2827
  }
2828
2828
 
2829
- .bp_dropdown_menu_module_menuItemCaption--ca3a5{
2829
+ .bp_dropdown_menu_module_menuItemCaption--00e77{
2830
2830
  -webkit-box-orient:vertical;
2831
2831
  -webkit-line-clamp:2;
2832
2832
  color:var(--dropdown-menu-caption-text-color);
@@ -2837,7 +2837,7 @@
2837
2837
  width:100%;
2838
2838
  }
2839
2839
 
2840
- .bp_dropdown_menu_module_checkmark--ca3a5{
2840
+ .bp_dropdown_menu_module_checkmark--00e77{
2841
2841
  align-items:center;
2842
2842
  display:inline-flex;
2843
2843
  justify-content:center;
@@ -2845,11 +2845,11 @@
2845
2845
  position:absolute;
2846
2846
  }
2847
2847
 
2848
- .bp_dropdown_menu_module_checkmark--ca3a5.bp_dropdown_menu_module_mediumSpacing--ca3a5{
2848
+ .bp_dropdown_menu_module_checkmark--00e77.bp_dropdown_menu_module_mediumSpacing--00e77{
2849
2849
  left:var(--dropdown-menu-medium-checkmark-left);
2850
2850
  }
2851
2851
 
2852
- .bp_dropdown_menu_module_item--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5{
2852
+ .bp_dropdown_menu_module_item--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77{
2853
2853
  align-items:center;
2854
2854
  border:var(--dropdown-menu-item-border);
2855
2855
  border-radius:var(--dropdown-menu-item-radius);
@@ -2862,107 +2862,107 @@
2862
2862
  -webkit-user-select:none;
2863
2863
  user-select:none;
2864
2864
  }
2865
- .bp_dropdown_menu_module_item--ca3a5[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--ca3a5[data-disabled]{
2865
+ .bp_dropdown_menu_module_item--00e77[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--00e77[data-disabled]{
2866
2866
  opacity:60%;
2867
2867
  pointer-events:none;
2868
2868
  }
2869
- .bp_dropdown_menu_module_item--ca3a5[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--ca3a5[data-highlighted]{
2869
+ .bp_dropdown_menu_module_item--00e77[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--00e77[data-highlighted]{
2870
2870
  background-color:var(--dropdown-menu-item-background-focus);
2871
2871
  border:var(--dropdown-menu-item-border-focus);
2872
2872
  }
2873
- .bp_dropdown_menu_module_item--ca3a5[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--ca3a5[data-state=open][data-highlighted]{
2873
+ .bp_dropdown_menu_module_item--00e77[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--00e77[data-state=open][data-highlighted]{
2874
2874
  border:var(--dropdown-menu-item-border);
2875
2875
  }
2876
- .bp_dropdown_menu_module_item--ca3a5:active,.bp_dropdown_menu_module_subMenuTrigger--ca3a5:active{
2876
+ .bp_dropdown_menu_module_item--00e77:active,.bp_dropdown_menu_module_subMenuTrigger--00e77:active{
2877
2877
  background-color:var(--dropdown-menu-item-background-active);
2878
2878
  border:var(--dropdown-menu-item-border-active);
2879
2879
  }
2880
- .bp_dropdown_menu_module_item--ca3a5[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--ca3a5[data-state=open]{
2880
+ .bp_dropdown_menu_module_item--00e77[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--00e77[data-state=open]{
2881
2881
  background-color:var(--dropdown-menu-item-background-selected);
2882
2882
  }
2883
- .bp_dropdown_menu_module_item--ca3a5:hover,.bp_dropdown_menu_module_subMenuTrigger--ca3a5:hover{
2883
+ .bp_dropdown_menu_module_item--00e77:hover,.bp_dropdown_menu_module_subMenuTrigger--00e77:hover{
2884
2884
  background-color:var(--dropdown-menu-item-background-hover);
2885
2885
  border:var(--dropdown-menu-item-border-hover);
2886
2886
  }
2887
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5{
2887
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_radioItem--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_radioItem--00e77{
2888
2888
  padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
2889
2889
  }
2890
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5{
2890
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_checkmark--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_checkmark--00e77{
2891
2891
  inset-inline-end:var(--dropdown-menu-checkmark-left);
2892
2892
  left:auto;
2893
2893
  }
2894
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5.bp_dropdown_menu_module_mediumSpacing--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5.bp_dropdown_menu_module_mediumSpacing--ca3a5{
2894
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_checkmark--00e77.bp_dropdown_menu_module_mediumSpacing--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_checkmark--00e77.bp_dropdown_menu_module_mediumSpacing--00e77{
2895
2895
  inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
2896
2896
  left:auto;
2897
2897
  }
2898
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_radioItemMediumSpacing--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_radioItemMediumSpacing--ca3a5{
2898
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_radioItemMediumSpacing--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_radioItemMediumSpacing--00e77{
2899
2899
  padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
2900
2900
  }
2901
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_itemBody--ca3a5:not(:has(.bp_dropdown_menu_module_menuItemMainContent--ca3a5)),.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_radioItem--ca3a5 .bp_dropdown_menu_module_itemBody--ca3a5:not(:has(.bp_dropdown_menu_module_menuItemMainContent--ca3a5)){
2901
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_itemBody--00e77:not(:has(.bp_dropdown_menu_module_menuItemMainContent--00e77)),.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_radioItem--00e77 .bp_dropdown_menu_module_itemBody--00e77:not(:has(.bp_dropdown_menu_module_menuItemMainContent--00e77)){
2902
2902
  text-overflow:ellipsis;
2903
2903
  white-space:nowrap;
2904
2904
  }
2905
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5{
2905
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_checkboxItem--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_checkboxItem--00e77{
2906
2906
  padding:.4375rem calc(var(--space-2) + var(--space-4) + var(--space-4)) .4375rem .5rem;
2907
2907
  }
2908
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5{
2908
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_checkmark--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_checkmark--00e77{
2909
2909
  inset-inline-end:var(--dropdown-menu-checkmark-left);
2910
2910
  left:auto;
2911
2911
  }
2912
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5.bp_dropdown_menu_module_mediumSpacing--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_checkmark--ca3a5.bp_dropdown_menu_module_mediumSpacing--ca3a5{
2912
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_checkmark--00e77.bp_dropdown_menu_module_mediumSpacing--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_checkmark--00e77.bp_dropdown_menu_module_mediumSpacing--00e77{
2913
2913
  inset-inline-end:var(--dropdown-menu-medium-checkmark-left);
2914
2914
  left:auto;
2915
2915
  }
2916
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_checkboxItemMediumSpacing--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_checkboxItemMediumSpacing--ca3a5{
2916
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_checkboxItemMediumSpacing--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_checkboxItemMediumSpacing--00e77{
2917
2917
  padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
2918
2918
  }
2919
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_itemBody--ca3a5:not(:has(.bp_dropdown_menu_module_menuItemMainContent--ca3a5)),.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_checkboxItem--ca3a5 .bp_dropdown_menu_module_itemBody--ca3a5:not(:has(.bp_dropdown_menu_module_menuItemMainContent--ca3a5)){
2919
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_itemBody--00e77:not(:has(.bp_dropdown_menu_module_menuItemMainContent--00e77)),.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_checkboxItem--00e77 .bp_dropdown_menu_module_itemBody--00e77:not(:has(.bp_dropdown_menu_module_menuItemMainContent--00e77)){
2920
2920
  text-overflow:ellipsis;
2921
2921
  white-space:nowrap;
2922
2922
  }
2923
- .bp_dropdown_menu_module_item--ca3a5 .bp_dropdown_menu_module_mediumItemLayout--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5 .bp_dropdown_menu_module_mediumItemLayout--ca3a5{
2923
+ .bp_dropdown_menu_module_item--00e77 .bp_dropdown_menu_module_mediumItemLayout--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77 .bp_dropdown_menu_module_mediumItemLayout--00e77{
2924
2924
  gap:var(--dropdown-menu-medium-item-layout-gap);
2925
2925
  justify-content:space-between;
2926
2926
  overflow:hidden;
2927
2927
  }
2928
- .bp_dropdown_menu_module_item--ca3a5 .bp_dropdown_menu_module_startElement--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5 .bp_dropdown_menu_module_startElement--ca3a5{
2928
+ .bp_dropdown_menu_module_item--00e77 .bp_dropdown_menu_module_startElement--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77 .bp_dropdown_menu_module_startElement--00e77{
2929
2929
  align-items:center;
2930
2930
  display:flex;
2931
2931
  }
2932
- .bp_dropdown_menu_module_item--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5{
2932
+ .bp_dropdown_menu_module_item--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77{
2933
2933
  display:flex;
2934
2934
  flex-direction:column;
2935
2935
  flex-grow:1;
2936
2936
  min-width:0;
2937
2937
  }
2938
- .bp_dropdown_menu_module_item--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5.bp_dropdown_menu_module_menuItemMainContent_directChild--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5.bp_dropdown_menu_module_menuItemMainContent_directChild--ca3a5{
2938
+ .bp_dropdown_menu_module_item--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77.bp_dropdown_menu_module_menuItemMainContent_directChild--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77.bp_dropdown_menu_module_menuItemMainContent_directChild--00e77{
2939
2939
  display:block;
2940
2940
  overflow:hidden;
2941
2941
  text-overflow:ellipsis;
2942
2942
  white-space:nowrap;
2943
2943
  }
2944
- .bp_dropdown_menu_module_item--ca3a5 .bp_dropdown_menu_module_endElement--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5 .bp_dropdown_menu_module_endElement--ca3a5{
2944
+ .bp_dropdown_menu_module_item--00e77 .bp_dropdown_menu_module_endElement--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77 .bp_dropdown_menu_module_endElement--00e77{
2945
2945
  align-items:center;
2946
2946
  color:var(--dropdown-menu-end-element-color);
2947
2947
  display:flex;
2948
2948
  }
2949
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_destructive--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_destructive--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5{
2949
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_destructive--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_destructive--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77{
2950
2950
  color:var(--dropdown-menu-item-destructive-color);
2951
2951
  }
2952
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_destructive--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5 span,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_destructive--ca3a5 .bp_dropdown_menu_module_menuItemMainContent--ca3a5 span{
2952
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_destructive--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77 span,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_destructive--00e77 .bp_dropdown_menu_module_menuItemMainContent--00e77 span{
2953
2953
  color:inherit;
2954
2954
  }
2955
- .bp_dropdown_menu_module_item--ca3a5.bp_dropdown_menu_module_destructive--ca3a5 .bp_dropdown_menu_module_endElement--ca3a5,.bp_dropdown_menu_module_subMenuTrigger--ca3a5.bp_dropdown_menu_module_destructive--ca3a5 .bp_dropdown_menu_module_endElement--ca3a5{
2955
+ .bp_dropdown_menu_module_item--00e77.bp_dropdown_menu_module_destructive--00e77 .bp_dropdown_menu_module_endElement--00e77,.bp_dropdown_menu_module_subMenuTrigger--00e77.bp_dropdown_menu_module_destructive--00e77 .bp_dropdown_menu_module_endElement--00e77{
2956
2956
  color:var(--dropdown-menu-item-destructive-color);
2957
2957
  }
2958
- .bp_dropdown_menu_module_item--ca3a5:has(.bp_dropdown_menu_module_ellipsis--ca3a5),.bp_dropdown_menu_module_item--ca3a5:has(.bp_dropdown_menu_module_itemBody--ca3a5),.bp_dropdown_menu_module_item--ca3a5:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--ca3a5){
2958
+ .bp_dropdown_menu_module_item--00e77:has(.bp_dropdown_menu_module_ellipsis--00e77),.bp_dropdown_menu_module_item--00e77:has(.bp_dropdown_menu_module_itemBody--00e77),.bp_dropdown_menu_module_item--00e77:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--00e77){
2959
2959
  border-radius:var(--dropdown-menu-item-radius);
2960
2960
  }
2961
- .bp_dropdown_menu_module_item--ca3a5:has(.bp_dropdown_menu_module_mediumItemLayout--ca3a5){
2961
+ .bp_dropdown_menu_module_item--00e77:has(.bp_dropdown_menu_module_mediumItemLayout--00e77){
2962
2962
  border-radius:var(--dropdown-menu-medium-item-radius);
2963
2963
  }
2964
2964
 
2965
- .bp_dropdown_menu_module_menuHeader--ca3a5{
2965
+ .bp_dropdown_menu_module_menuHeader--00e77{
2966
2966
  align-items:center;
2967
2967
  box-shadow:var(--dropdown-menu-header-shadow);
2968
2968
  display:grid;
@@ -2972,85 +2972,89 @@
2972
2972
  padding:var(--dropdown-menu-header-padding);
2973
2973
  }
2974
2974
 
2975
- .bp_dropdown_menu_module_headerTextContent--ca3a5{
2975
+ .bp_dropdown_menu_module_headerTextContent--00e77{
2976
2976
  display:grid;
2977
2977
  }
2978
2978
 
2979
- .bp_dropdown_menu_module_submenuCloseButton--ca3a5{
2979
+ .bp_dropdown_menu_module_submenuCloseButton--00e77{
2980
2980
  grid-area:submenu-close;
2981
2981
  }
2982
2982
 
2983
- .bp_dropdown_menu_module_menuCloseButton--ca3a5{
2983
+ .bp_dropdown_menu_module_menuCloseButton--00e77{
2984
2984
  grid-area:close;
2985
2985
  }
2986
2986
 
2987
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=open]{
2987
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=open]{
2988
2988
  animation-duration:var(--bp-duration-medium);
2989
2989
  animation-timing-function:var(--bp-curve-medium-on);
2990
+ transform-origin:var(--radix-dropdown-menu-content-transform-origin);
2990
2991
  }
2991
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=open][data-side=top]{
2992
- animation-name:bp_dropdown_menu_module_bpDropdownTopSlideEnter--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
2992
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=open][data-side=top]{
2993
+ animation-name:bp_dropdown_menu_module_bpDropdownTopSlideEnter--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
2993
2994
  }
2994
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=open][data-side=right]{
2995
- animation-name:bp_dropdown_menu_module_bpDropdownRightSlideEnter--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
2995
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=open][data-side=right]{
2996
+ animation-name:bp_dropdown_menu_module_bpDropdownRightSlideEnter--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
2996
2997
  }
2997
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=open][data-side=bottom]{
2998
- animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideEnter--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
2998
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=open][data-side=bottom]{
2999
+ animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideEnter--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
2999
3000
  }
3000
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=open][data-side=left]{
3001
- animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideEnter--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
3001
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=open][data-side=left]{
3002
+ animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideEnter--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
3002
3003
  }
3003
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=closed]{
3004
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=closed]{
3004
3005
  animation-duration:var(--bp-duration-short);
3005
3006
  animation-timing-function:var(--bp-curve-medium-off);
3007
+ transform-origin:var(--radix-dropdown-menu-content-transform-origin);
3006
3008
  }
3007
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=top]{
3008
- animation-name:bp_dropdown_menu_module_bpDropdownTopSlideExit--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3009
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=top]{
3010
+ animation-name:bp_dropdown_menu_module_bpDropdownTopSlideExit--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3009
3011
  }
3010
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=right]{
3011
- animation-name:bp_dropdown_menu_module_bpDropdownRightSlideExit--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3012
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=right]{
3013
+ animation-name:bp_dropdown_menu_module_bpDropdownRightSlideExit--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3012
3014
  }
3013
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=bottom]{
3014
- animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideExit--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3015
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=bottom]{
3016
+ animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideExit--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3015
3017
  }
3016
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=left]{
3017
- animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideExit--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3018
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=left]{
3019
+ animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideExit--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3018
3020
  }
3019
3021
 
3020
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=open]{
3022
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=open]{
3021
3023
  animation-duration:var(--bp-duration-long);
3022
3024
  animation-timing-function:var(--bp-curve-large-on);
3025
+ transform-origin:var(--radix-dropdown-menu-content-transform-origin);
3023
3026
  }
3024
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
3025
- animation-name:bp_dropdown_menu_module_bpDropdownTopSlideEnterLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
3027
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
3028
+ animation-name:bp_dropdown_menu_module_bpDropdownTopSlideEnterLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
3026
3029
  }
3027
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
3028
- animation-name:bp_dropdown_menu_module_bpDropdownRightSlideEnterLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
3030
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
3031
+ animation-name:bp_dropdown_menu_module_bpDropdownRightSlideEnterLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
3029
3032
  }
3030
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
3031
- animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideEnterLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
3033
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
3034
+ animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideEnterLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
3032
3035
  }
3033
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
3034
- animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideEnterLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5;
3036
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
3037
+ animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideEnterLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeIn--00e77;
3035
3038
  }
3036
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=closed]{
3039
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=closed]{
3037
3040
  animation-duration:var(--bp-duration-medium);
3038
3041
  animation-timing-function:var(--bp-curve-large-off);
3042
+ transform-origin:var(--radix-dropdown-menu-content-transform-origin);
3039
3043
  }
3040
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
3041
- animation-name:bp_dropdown_menu_module_bpDropdownTopSlideExitLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3044
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
3045
+ animation-name:bp_dropdown_menu_module_bpDropdownTopSlideExitLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3042
3046
  }
3043
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
3044
- animation-name:bp_dropdown_menu_module_bpDropdownRightSlideExitLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3047
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
3048
+ animation-name:bp_dropdown_menu_module_bpDropdownRightSlideExitLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3045
3049
  }
3046
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
3047
- animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideExitLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3050
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
3051
+ animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideExitLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3048
3052
  }
3049
- .bp_dropdown_menu_module_content--ca3a5[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
3050
- animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideExitLarge--ca3a5, bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5;
3053
+ .bp_dropdown_menu_module_content--00e77[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
3054
+ animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideExitLarge--00e77, bp_dropdown_menu_module_bpDropdownFadeOut--00e77;
3051
3055
  }
3052
3056
 
3053
- @keyframes bp_dropdown_menu_module_bpDropdownFadeIn--ca3a5{
3057
+ @keyframes bp_dropdown_menu_module_bpDropdownFadeIn--00e77{
3054
3058
  from{
3055
3059
  opacity:var(--bp-opacity-hidden);
3056
3060
  }
@@ -3058,7 +3062,7 @@
3058
3062
  opacity:var(--bp-opacity-visible);
3059
3063
  }
3060
3064
  }
3061
- @keyframes bp_dropdown_menu_module_bpDropdownFadeOut--ca3a5{
3065
+ @keyframes bp_dropdown_menu_module_bpDropdownFadeOut--00e77{
3062
3066
  from{
3063
3067
  opacity:var(--bp-opacity-visible);
3064
3068
  }
@@ -3066,7 +3070,7 @@
3066
3070
  opacity:var(--bp-opacity-hidden);
3067
3071
  }
3068
3072
  }
3069
- @keyframes bp_dropdown_menu_module_bpDropdownTopSlideEnter--ca3a5{
3073
+ @keyframes bp_dropdown_menu_module_bpDropdownTopSlideEnter--00e77{
3070
3074
  from{
3071
3075
  transform:translateY(var(--bp-space-020));
3072
3076
  }
@@ -3074,7 +3078,7 @@
3074
3078
  transform:translateY(0);
3075
3079
  }
3076
3080
  }
3077
- @keyframes bp_dropdown_menu_module_bpDropdownTopSlideExit--ca3a5{
3081
+ @keyframes bp_dropdown_menu_module_bpDropdownTopSlideExit--00e77{
3078
3082
  from{
3079
3083
  transform:translateY(0);
3080
3084
  }
@@ -3082,7 +3086,7 @@
3082
3086
  transform:translateY(var(--bp-space-020));
3083
3087
  }
3084
3088
  }
3085
- @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideEnter--ca3a5{
3089
+ @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideEnter--00e77{
3086
3090
  from{
3087
3091
  transform:translateY(calc(var(--bp-space-020)*-1));
3088
3092
  }
@@ -3090,7 +3094,7 @@
3090
3094
  transform:translateY(0);
3091
3095
  }
3092
3096
  }
3093
- @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideExit--ca3a5{
3097
+ @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideExit--00e77{
3094
3098
  from{
3095
3099
  transform:translateY(0);
3096
3100
  }
@@ -3098,7 +3102,7 @@
3098
3102
  transform:translateY(calc(var(--bp-space-020)*-1));
3099
3103
  }
3100
3104
  }
3101
- @keyframes bp_dropdown_menu_module_bpDropdownRightSlideEnter--ca3a5{
3105
+ @keyframes bp_dropdown_menu_module_bpDropdownRightSlideEnter--00e77{
3102
3106
  from{
3103
3107
  transform:translateX(calc(var(--bp-space-020)*-1));
3104
3108
  }
@@ -3106,7 +3110,7 @@
3106
3110
  transform:translateX(0);
3107
3111
  }
3108
3112
  }
3109
- @keyframes bp_dropdown_menu_module_bpDropdownRightSlideExit--ca3a5{
3113
+ @keyframes bp_dropdown_menu_module_bpDropdownRightSlideExit--00e77{
3110
3114
  from{
3111
3115
  transform:translateX(0);
3112
3116
  }
@@ -3114,7 +3118,7 @@
3114
3118
  transform:translateX(calc(var(--bp-space-020)*-1));
3115
3119
  }
3116
3120
  }
3117
- @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideEnter--ca3a5{
3121
+ @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideEnter--00e77{
3118
3122
  from{
3119
3123
  transform:translateX(var(--bp-space-020));
3120
3124
  }
@@ -3122,7 +3126,7 @@
3122
3126
  transform:translateX(0);
3123
3127
  }
3124
3128
  }
3125
- @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideExit--ca3a5{
3129
+ @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideExit--00e77{
3126
3130
  from{
3127
3131
  transform:translateX(0);
3128
3132
  }
@@ -3130,7 +3134,7 @@
3130
3134
  transform:translateX(var(--bp-space-020));
3131
3135
  }
3132
3136
  }
3133
- @keyframes bp_dropdown_menu_module_bpDropdownTopSlideEnterLarge--ca3a5{
3137
+ @keyframes bp_dropdown_menu_module_bpDropdownTopSlideEnterLarge--00e77{
3134
3138
  from{
3135
3139
  transform:var(--bp-scale-small) var(--bp-space-040);
3136
3140
  }
@@ -3138,7 +3142,7 @@
3138
3142
  transform:var(--bp-scale-default) translateY(0);
3139
3143
  }
3140
3144
  }
3141
- @keyframes bp_dropdown_menu_module_bpDropdownTopSlideExitLarge--ca3a5{
3145
+ @keyframes bp_dropdown_menu_module_bpDropdownTopSlideExitLarge--00e77{
3142
3146
  from{
3143
3147
  transform:var(--bp-scale-default) translateY(0);
3144
3148
  }
@@ -3146,7 +3150,7 @@
3146
3150
  transform:var(--bp-scale-small) translateY(var(--bp-space-040));
3147
3151
  }
3148
3152
  }
3149
- @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideEnterLarge--ca3a5{
3153
+ @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideEnterLarge--00e77{
3150
3154
  from{
3151
3155
  transform:var(--bp-scale-small) translateY(calc(var(--bp-space-040)*-1));
3152
3156
  }
@@ -3154,7 +3158,7 @@
3154
3158
  transform:var(--bp-scale-default) translateY(0);
3155
3159
  }
3156
3160
  }
3157
- @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideExitLarge--ca3a5{
3161
+ @keyframes bp_dropdown_menu_module_bpDropdownBottomSlideExitLarge--00e77{
3158
3162
  from{
3159
3163
  transform:var(--bp-scale-default) translateY(0);
3160
3164
  }
@@ -3162,7 +3166,7 @@
3162
3166
  transform:var(--bp-scale-small) translateY(calc(var(--bp-space-040)*-1));
3163
3167
  }
3164
3168
  }
3165
- @keyframes bp_dropdown_menu_module_bpDropdownRightSlideEnterLarge--ca3a5{
3169
+ @keyframes bp_dropdown_menu_module_bpDropdownRightSlideEnterLarge--00e77{
3166
3170
  from{
3167
3171
  transform:var(--bp-scale-small) translateX(calc(var(--bp-space-040)*-1));
3168
3172
  }
@@ -3170,7 +3174,7 @@
3170
3174
  transform:var(--bp-scale-default) translateX(0);
3171
3175
  }
3172
3176
  }
3173
- @keyframes bp_dropdown_menu_module_bpDropdownRightSlideExitLarge--ca3a5{
3177
+ @keyframes bp_dropdown_menu_module_bpDropdownRightSlideExitLarge--00e77{
3174
3178
  from{
3175
3179
  transform:var(--bp-scale-default) translateX(0);
3176
3180
  }
@@ -3178,7 +3182,7 @@
3178
3182
  transform:var(--bp-scale-small) translateX(calc(var(--bp-space-040)*-1));
3179
3183
  }
3180
3184
  }
3181
- @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideEnterLarge--ca3a5{
3185
+ @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideEnterLarge--00e77{
3182
3186
  from{
3183
3187
  transform:var(--bp-scale-small) translateX(var(--bp-space-040));
3184
3188
  }
@@ -3186,7 +3190,7 @@
3186
3190
  transform:var(--bp-scale-default) translateX(0);
3187
3191
  }
3188
3192
  }
3189
- @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideExitLarge--ca3a5{
3193
+ @keyframes bp_dropdown_menu_module_bpDropdownLeftSlideExitLarge--00e77{
3190
3194
  from{
3191
3195
  transform:var(--bp-scale-default) translateX(0);
3192
3196
  }
package/dist/lib-esm/navigation-menu/navigation-menu-content.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef } from 'react';
3
+ import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
3
4
  import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
4
5
  import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
5
6
 
@@ -14,9 +15,14 @@ const NavigationMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
14
15
  const {
15
16
  enableModernizedComponents
16
17
  } = useBlueprintModernization();
18
+ const {
19
+ componentsWithAnimationEnabled
20
+ } = useBlueprintConfiguration();
21
+ const isAnimationEnabled = componentsWithAnimationEnabled.includes('NavigationMenu');
17
22
  return jsx(DropdownMenu.Content, {
18
23
  ...rest,
19
24
  ref: forwardedRef,
25
+ "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
20
26
  "data-modern": enableModernizedComponents ? 'true' : 'false',
21
27
  children: children
22
28
  });
package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-content.js CHANGED
@@ -35,11 +35,13 @@ const SIDE_OFFSET = parseInt(Space2, 10);
35
35
  * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#content
36
36
  */
37
37
  const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
38
+ // We need to access the data-bp-animated attribute from the props to handle animation of navigation menu, but API should not be public.
38
39
  const {
39
40
  children,
40
41
  container,
41
42
  collisionPadding = DEFAULT_COLLISION_PADDING,
42
43
  className,
44
+ 'data-bp-animated': animatedDataAttribute,
43
45
  ...rest
44
46
  } = props;
45
47
  const {
@@ -84,7 +86,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
84
86
  className: clsx(styles.content, className),
85
87
  collisionPadding: collisionPadding,
86
88
  "data-modern": enableModernizedComponents ? 'true' : 'false',
87
- "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
89
+ "data-bp-animated": animatedDataAttribute ?? (isAnimationEnabled ? 'true' : 'false'),
88
90
  sideOffset: SIDE_OFFSET,
89
91
  children: children
90
92
  })
package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"content":"bp_dropdown_menu_module_content--ca3a5","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--ca3a5","subheader":"bp_dropdown_menu_module_subheader--ca3a5","uppercased":"bp_dropdown_menu_module_uppercased--ca3a5","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--ca3a5","ellipsis":"bp_dropdown_menu_module_ellipsis--ca3a5","itemBody":"bp_dropdown_menu_module_itemBody--ca3a5","itemOverflow":"bp_dropdown_menu_module_itemOverflow--ca3a5","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--ca3a5","checkmark":"bp_dropdown_menu_module_checkmark--ca3a5","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--ca3a5","item":"bp_dropdown_menu_module_item--ca3a5","radioItem":"bp_dropdown_menu_module_radioItem--ca3a5","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--ca3a5","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--ca3a5","checkboxItem":"bp_dropdown_menu_module_checkboxItem--ca3a5","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--ca3a5","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--ca3a5","startElement":"bp_dropdown_menu_module_startElement--ca3a5","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--ca3a5","endElement":"bp_dropdown_menu_module_endElement--ca3a5","destructive":"bp_dropdown_menu_module_destructive--ca3a5","menuHeader":"bp_dropdown_menu_module_menuHeader--ca3a5","headerTextContent":"bp_dropdown_menu_module_headerTextContent--ca3a5","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--ca3a5","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--ca3a5"};
2
+ var styles = {"content":"bp_dropdown_menu_module_content--00e77","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--00e77","subheader":"bp_dropdown_menu_module_subheader--00e77","uppercased":"bp_dropdown_menu_module_uppercased--00e77","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--00e77","ellipsis":"bp_dropdown_menu_module_ellipsis--00e77","itemBody":"bp_dropdown_menu_module_itemBody--00e77","itemOverflow":"bp_dropdown_menu_module_itemOverflow--00e77","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--00e77","checkmark":"bp_dropdown_menu_module_checkmark--00e77","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--00e77","item":"bp_dropdown_menu_module_item--00e77","radioItem":"bp_dropdown_menu_module_radioItem--00e77","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--00e77","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--00e77","checkboxItem":"bp_dropdown_menu_module_checkboxItem--00e77","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--00e77","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--00e77","startElement":"bp_dropdown_menu_module_startElement--00e77","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--00e77","endElement":"bp_dropdown_menu_module_endElement--00e77","destructive":"bp_dropdown_menu_module_destructive--00e77","menuHeader":"bp_dropdown_menu_module_menuHeader--00e77","headerTextContent":"bp_dropdown_menu_module_headerTextContent--00e77","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--00e77","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--00e77"};
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": "14.25.3",
3
+ "version": "14.26.0",
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.21",
49
49
  "@ariakit/react-core": "0.4.21",
50
- "@box/blueprint-web-assets": "^4.116.3",
50
+ "@box/blueprint-web-assets": "^4.116.4",
51
51
  "@internationalized/date": "^3.12.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.18.17",
80
+ "@box/storybook-utils": "^0.18.18",
81
81
  "@figma/code-connect": "1.4.4",
82
82
  "@types/react": "^18.0.0",
83
83
  "@types/react-dom": "^18.0.0",