@box/blueprint-web 14.25.3 → 14.26.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib-esm/breadcrumb/breadcrumb.module.js +1 -1
- package/dist/lib-esm/card-tooltip/card-tooltip.js +7 -1
- package/dist/lib-esm/index.css +114 -110
- package/dist/lib-esm/navigation-menu/navigation-menu-content.js +6 -0
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-content.js +3 -1
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_breadcrumb_module_container--
|
|
2
|
+
var styles = {"container":"bp_breadcrumb_module_container--faeab","breadcrumb":"bp_breadcrumb_module_breadcrumb--faeab","pageLink":"bp_breadcrumb_module_pageLink--faeab","breadcrumbSlashSeparator":"bp_breadcrumb_module_breadcrumbSlashSeparator--faeab","crumbButton":"bp_breadcrumb_module_crumbButton--faeab","dropdownContent":"bp_breadcrumb_module_dropdownContent--faeab"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -56,14 +56,20 @@ const CardTooltip = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
56
56
|
componentsWithAnimationEnabled
|
|
57
57
|
} = useBlueprintConfiguration();
|
|
58
58
|
const isAnimationEnabled = componentsWithAnimationEnabled.includes('CardTooltip');
|
|
59
|
+
// When CardTooltip new animations are off, keep the legacy workaround that
|
|
60
|
+
// clears Ariakit's `animating` on close. When animations are on, skip it so exit (`data-leave`) can complete.
|
|
61
|
+
// TODO: Remove this effect after animations are fully rolled out.
|
|
59
62
|
useLayoutEffect(() => {
|
|
63
|
+
if (isAnimationEnabled) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
60
66
|
if (mounted && !isOpen) {
|
|
61
67
|
// Make sure that tooltip disappears instantly after it is closed.
|
|
62
68
|
// Otherwise, once a tooltip is hovered, moving mouse to other tooltips
|
|
63
69
|
// could open them without honoring `showTimeout`.
|
|
64
70
|
tooltipStore.setState('animating', false);
|
|
65
71
|
}
|
|
66
|
-
}, [isOpen, mounted, tooltipStore]);
|
|
72
|
+
}, [isAnimationEnabled, isOpen, mounted, tooltipStore]);
|
|
67
73
|
const handleHideOnInteractOutside = useCallback(e => {
|
|
68
74
|
if (typeof hideOnInteractOutside === 'function') {
|
|
69
75
|
hideOnInteractOutside(e);
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
2975
|
+
.bp_dropdown_menu_module_headerTextContent--00e77{
|
|
2976
2976
|
display:grid;
|
|
2977
2977
|
}
|
|
2978
2978
|
|
|
2979
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
2979
|
+
.bp_dropdown_menu_module_submenuCloseButton--00e77{
|
|
2980
2980
|
grid-area:submenu-close;
|
|
2981
2981
|
}
|
|
2982
2982
|
|
|
2983
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
2983
|
+
.bp_dropdown_menu_module_menuCloseButton--00e77{
|
|
2984
2984
|
grid-area:close;
|
|
2985
2985
|
}
|
|
2986
2986
|
|
|
2987
|
-
.bp_dropdown_menu_module_content--
|
|
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--
|
|
2992
|
-
animation-name:bp_dropdown_menu_module_bpDropdownTopSlideEnter--
|
|
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--
|
|
2995
|
-
animation-name:bp_dropdown_menu_module_bpDropdownRightSlideEnter--
|
|
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--
|
|
2998
|
-
animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideEnter--
|
|
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--
|
|
3001
|
-
animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideEnter--
|
|
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--
|
|
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--
|
|
3008
|
-
animation-name:bp_dropdown_menu_module_bpDropdownTopSlideExit--
|
|
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--
|
|
3011
|
-
animation-name:bp_dropdown_menu_module_bpDropdownRightSlideExit--
|
|
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--
|
|
3014
|
-
animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideExit--
|
|
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--
|
|
3017
|
-
animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideExit--
|
|
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--
|
|
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--
|
|
3025
|
-
animation-name:bp_dropdown_menu_module_bpDropdownTopSlideEnterLarge--
|
|
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--
|
|
3028
|
-
animation-name:bp_dropdown_menu_module_bpDropdownRightSlideEnterLarge--
|
|
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--
|
|
3031
|
-
animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideEnterLarge--
|
|
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--
|
|
3034
|
-
animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideEnterLarge--
|
|
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--
|
|
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--
|
|
3041
|
-
animation-name:bp_dropdown_menu_module_bpDropdownTopSlideExitLarge--
|
|
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--
|
|
3044
|
-
animation-name:bp_dropdown_menu_module_bpDropdownRightSlideExitLarge--
|
|
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--
|
|
3047
|
-
animation-name:bp_dropdown_menu_module_bpDropdownBottomSlideExitLarge--
|
|
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--
|
|
3050
|
-
animation-name:bp_dropdown_menu_module_bpDropdownLeftSlideExitLarge--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
3193
|
+
@keyframes bp_dropdown_menu_module_bpDropdownLeftSlideExitLarge--00e77{
|
|
3190
3194
|
from{
|
|
3191
3195
|
transform:var(--bp-scale-default) translateX(0);
|
|
3192
3196
|
}
|
|
@@ -3300,10 +3304,10 @@
|
|
|
3300
3304
|
.bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
|
|
3301
3305
|
color:var(--menu-item-text-color);
|
|
3302
3306
|
}
|
|
3303
|
-
.bp_breadcrumb_module_container--
|
|
3307
|
+
.bp_breadcrumb_module_container--faeab{
|
|
3304
3308
|
width:100%;
|
|
3305
3309
|
}
|
|
3306
|
-
.bp_breadcrumb_module_container--
|
|
3310
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_breadcrumb--faeab{
|
|
3307
3311
|
align-items:center;
|
|
3308
3312
|
display:flex;
|
|
3309
3313
|
flex-wrap:nowrap;
|
|
@@ -3313,28 +3317,28 @@
|
|
|
3313
3317
|
margin:0;
|
|
3314
3318
|
padding:0;
|
|
3315
3319
|
}
|
|
3316
|
-
.bp_breadcrumb_module_container--
|
|
3320
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_pageLink--faeab{
|
|
3317
3321
|
align-items:center;
|
|
3318
3322
|
display:flex;
|
|
3319
3323
|
flex-shrink:0;
|
|
3320
3324
|
gap:var(--bp-size-010);
|
|
3321
|
-
min-width:0;
|
|
3322
|
-
overflow:hidden;
|
|
3323
3325
|
white-space:nowrap;
|
|
3324
3326
|
}
|
|
3325
|
-
.bp_breadcrumb_module_container--
|
|
3327
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_pageLink--faeab:last-child{
|
|
3326
3328
|
flex-shrink:1;
|
|
3329
|
+
min-width:0;
|
|
3330
|
+
overflow:hidden;
|
|
3327
3331
|
}
|
|
3328
|
-
.bp_breadcrumb_module_container--
|
|
3332
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_breadcrumbSlashSeparator--faeab{
|
|
3329
3333
|
align-items:center;
|
|
3330
3334
|
display:inline-flex;
|
|
3331
3335
|
flex-shrink:0;
|
|
3332
3336
|
}
|
|
3333
3337
|
|
|
3334
|
-
.bp_breadcrumb_module_crumbButton--
|
|
3338
|
+
.bp_breadcrumb_module_crumbButton--faeab{
|
|
3335
3339
|
position:relative;
|
|
3336
3340
|
}
|
|
3337
|
-
.bp_breadcrumb_module_crumbButton--
|
|
3341
|
+
.bp_breadcrumb_module_crumbButton--faeab::after{
|
|
3338
3342
|
background-color:var(--bp-text-text-on-light-secondary);
|
|
3339
3343
|
bottom:0;
|
|
3340
3344
|
content:"";
|
|
@@ -3346,11 +3350,11 @@
|
|
|
3346
3350
|
transition:transform var(--animation-duration-2) var(--animation-easing-ease-base);
|
|
3347
3351
|
width:100%;
|
|
3348
3352
|
}
|
|
3349
|
-
.bp_breadcrumb_module_crumbButton--
|
|
3353
|
+
.bp_breadcrumb_module_crumbButton--faeab:hover::after{
|
|
3350
3354
|
transform:scaleX(1);
|
|
3351
3355
|
}
|
|
3352
3356
|
|
|
3353
|
-
.bp_breadcrumb_module_dropdownContent--
|
|
3357
|
+
.bp_breadcrumb_module_dropdownContent--faeab{
|
|
3354
3358
|
--blueprint-web-dropdown-menu-max-height:calc(var(--bp-size-300)*2);
|
|
3355
3359
|
}
|
|
3356
3360
|
|
|
@@ -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
|
});
|
|
@@ -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
|
})
|
|
@@ -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--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.
|
|
3
|
+
"version": "14.26.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.21",
|
|
49
49
|
"@ariakit/react-core": "0.4.21",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.116.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.116.5",
|
|
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.
|
|
80
|
+
"@box/storybook-utils": "^0.18.19",
|
|
81
81
|
"@figma/code-connect": "1.4.4",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|