@box/blueprint-web 14.26.0 → 14.27.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/breadcrumb/breadcrumb.module.js +1 -1
- package/dist/lib-esm/card-tooltip/card-tooltip.js +7 -1
- package/dist/lib-esm/index.css +353 -138
- package/dist/lib-esm/primitives/context-menu/context-menu-menu-content.js +13 -2
- package/dist/lib-esm/primitives/context-menu/context-menu-sub-menu-content.js +13 -2
- package/dist/lib-esm/primitives/context-menu/context-menu.module.js +1 -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--6e932[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--6e932[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--6e932{
|
|
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--6e932[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--6e932[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--6e932{
|
|
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--6e932 .bp_dropdown_menu_module_subheader--6e932{
|
|
2802
2802
|
padding:var(--dropdown-menu-subheader-padding);
|
|
2803
2803
|
}
|
|
2804
|
-
.bp_dropdown_menu_module_content--
|
|
2804
|
+
.bp_dropdown_menu_module_content--6e932 .bp_dropdown_menu_module_subheader--6e932.bp_dropdown_menu_module_uppercased--6e932{
|
|
2805
2805
|
text-transform:uppercase;
|
|
2806
2806
|
}
|
|
2807
|
-
.bp_dropdown_menu_module_content--
|
|
2807
|
+
.bp_dropdown_menu_module_content--6e932 .bp_dropdown_menu_module_dropdownMenuItemSeparator--6e932{
|
|
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--6e932{
|
|
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--6e932{
|
|
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--6e932{
|
|
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--6e932{
|
|
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--6e932{
|
|
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--6e932.bp_dropdown_menu_module_mediumSpacing--6e932{
|
|
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--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932{
|
|
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--6e932[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--6e932[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--6e932[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--6e932[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--6e932[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--6e932[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--6e932:active,.bp_dropdown_menu_module_subMenuTrigger--6e932: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--6e932[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--6e932[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--6e932:hover,.bp_dropdown_menu_module_subMenuTrigger--6e932: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--6e932.bp_dropdown_menu_module_radioItem--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_radioItem--6e932{
|
|
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--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_checkmark--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_checkmark--6e932{
|
|
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--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_checkmark--6e932.bp_dropdown_menu_module_mediumSpacing--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_checkmark--6e932.bp_dropdown_menu_module_mediumSpacing--6e932{
|
|
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--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_radioItemMediumSpacing--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_radioItemMediumSpacing--6e932{
|
|
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--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_itemBody--6e932:not(:has(.bp_dropdown_menu_module_menuItemMainContent--6e932)),.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_radioItem--6e932 .bp_dropdown_menu_module_itemBody--6e932:not(:has(.bp_dropdown_menu_module_menuItemMainContent--6e932)){
|
|
2902
2902
|
text-overflow:ellipsis;
|
|
2903
2903
|
white-space:nowrap;
|
|
2904
2904
|
}
|
|
2905
|
-
.bp_dropdown_menu_module_item--
|
|
2905
|
+
.bp_dropdown_menu_module_item--6e932.bp_dropdown_menu_module_checkboxItem--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_checkboxItem--6e932{
|
|
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--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_checkmark--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_checkmark--6e932{
|
|
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--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_checkmark--6e932.bp_dropdown_menu_module_mediumSpacing--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_checkmark--6e932.bp_dropdown_menu_module_mediumSpacing--6e932{
|
|
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--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_checkboxItemMediumSpacing--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_checkboxItemMediumSpacing--6e932{
|
|
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--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_itemBody--6e932:not(:has(.bp_dropdown_menu_module_menuItemMainContent--6e932)),.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_checkboxItem--6e932 .bp_dropdown_menu_module_itemBody--6e932:not(:has(.bp_dropdown_menu_module_menuItemMainContent--6e932)){
|
|
2920
2920
|
text-overflow:ellipsis;
|
|
2921
2921
|
white-space:nowrap;
|
|
2922
2922
|
}
|
|
2923
|
-
.bp_dropdown_menu_module_item--
|
|
2923
|
+
.bp_dropdown_menu_module_item--6e932 .bp_dropdown_menu_module_mediumItemLayout--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932 .bp_dropdown_menu_module_mediumItemLayout--6e932{
|
|
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--6e932 .bp_dropdown_menu_module_startElement--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932 .bp_dropdown_menu_module_startElement--6e932{
|
|
2929
2929
|
align-items:center;
|
|
2930
2930
|
display:flex;
|
|
2931
2931
|
}
|
|
2932
|
-
.bp_dropdown_menu_module_item--
|
|
2932
|
+
.bp_dropdown_menu_module_item--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932{
|
|
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--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932.bp_dropdown_menu_module_menuItemMainContent_directChild--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932.bp_dropdown_menu_module_menuItemMainContent_directChild--6e932{
|
|
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--6e932 .bp_dropdown_menu_module_endElement--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932 .bp_dropdown_menu_module_endElement--6e932{
|
|
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--6e932.bp_dropdown_menu_module_destructive--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_destructive--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932{
|
|
2950
2950
|
color:var(--dropdown-menu-item-destructive-color);
|
|
2951
2951
|
}
|
|
2952
|
-
.bp_dropdown_menu_module_item--
|
|
2952
|
+
.bp_dropdown_menu_module_item--6e932.bp_dropdown_menu_module_destructive--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932 span,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_destructive--6e932 .bp_dropdown_menu_module_menuItemMainContent--6e932 span{
|
|
2953
2953
|
color:inherit;
|
|
2954
2954
|
}
|
|
2955
|
-
.bp_dropdown_menu_module_item--
|
|
2955
|
+
.bp_dropdown_menu_module_item--6e932.bp_dropdown_menu_module_destructive--6e932 .bp_dropdown_menu_module_endElement--6e932,.bp_dropdown_menu_module_subMenuTrigger--6e932.bp_dropdown_menu_module_destructive--6e932 .bp_dropdown_menu_module_endElement--6e932{
|
|
2956
2956
|
color:var(--dropdown-menu-item-destructive-color);
|
|
2957
2957
|
}
|
|
2958
|
-
.bp_dropdown_menu_module_item--
|
|
2958
|
+
.bp_dropdown_menu_module_item--6e932:has(.bp_dropdown_menu_module_ellipsis--6e932),.bp_dropdown_menu_module_item--6e932:has(.bp_dropdown_menu_module_itemBody--6e932),.bp_dropdown_menu_module_item--6e932:has(.bp_dropdown_menu_module_menuItemMainContent_directChild--6e932){
|
|
2959
2959
|
border-radius:var(--dropdown-menu-item-radius);
|
|
2960
2960
|
}
|
|
2961
|
-
.bp_dropdown_menu_module_item--
|
|
2961
|
+
.bp_dropdown_menu_module_item--6e932:has(.bp_dropdown_menu_module_mediumItemLayout--6e932){
|
|
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--6e932{
|
|
2966
2966
|
align-items:center;
|
|
2967
2967
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
2968
2968
|
display:grid;
|
|
@@ -2972,89 +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--6e932{
|
|
2976
2976
|
display:grid;
|
|
2977
2977
|
}
|
|
2978
2978
|
|
|
2979
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
2979
|
+
.bp_dropdown_menu_module_submenuCloseButton--6e932{
|
|
2980
2980
|
grid-area:submenu-close;
|
|
2981
2981
|
}
|
|
2982
2982
|
|
|
2983
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
2983
|
+
.bp_dropdown_menu_module_menuCloseButton--6e932{
|
|
2984
2984
|
grid-area:close;
|
|
2985
2985
|
}
|
|
2986
2986
|
|
|
2987
|
-
.bp_dropdown_menu_module_content--
|
|
2987
|
+
.bp_dropdown_menu_module_content--6e932[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
2990
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
2991
2991
|
}
|
|
2992
|
-
.bp_dropdown_menu_module_content--
|
|
2993
|
-
animation-name:
|
|
2992
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=open][data-side=top]{
|
|
2993
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnter--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
2994
2994
|
}
|
|
2995
|
-
.bp_dropdown_menu_module_content--
|
|
2996
|
-
animation-name:
|
|
2995
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=open][data-side=right]{
|
|
2996
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnter--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
2997
2997
|
}
|
|
2998
|
-
.bp_dropdown_menu_module_content--
|
|
2999
|
-
animation-name:
|
|
2998
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=open][data-side=bottom]{
|
|
2999
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnter--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
3000
3000
|
}
|
|
3001
|
-
.bp_dropdown_menu_module_content--
|
|
3002
|
-
animation-name:
|
|
3001
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=open][data-side=left]{
|
|
3002
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnter--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
3003
3003
|
}
|
|
3004
|
-
.bp_dropdown_menu_module_content--
|
|
3004
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=closed]{
|
|
3005
3005
|
animation-duration:var(--bp-duration-short);
|
|
3006
3006
|
animation-timing-function:var(--bp-curve-medium-off);
|
|
3007
3007
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3008
3008
|
}
|
|
3009
|
-
.bp_dropdown_menu_module_content--
|
|
3010
|
-
animation-name:
|
|
3009
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=top]{
|
|
3010
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExit--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3011
3011
|
}
|
|
3012
|
-
.bp_dropdown_menu_module_content--
|
|
3013
|
-
animation-name:
|
|
3012
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=right]{
|
|
3013
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExit--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3014
3014
|
}
|
|
3015
|
-
.bp_dropdown_menu_module_content--
|
|
3016
|
-
animation-name:
|
|
3015
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=bottom]{
|
|
3016
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExit--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3017
3017
|
}
|
|
3018
|
-
.bp_dropdown_menu_module_content--
|
|
3019
|
-
animation-name:
|
|
3018
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=left]{
|
|
3019
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExit--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3020
3020
|
}
|
|
3021
3021
|
|
|
3022
|
-
.bp_dropdown_menu_module_content--
|
|
3022
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=open]{
|
|
3023
3023
|
animation-duration:var(--bp-duration-long);
|
|
3024
3024
|
animation-timing-function:var(--bp-curve-large-on);
|
|
3025
3025
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3026
3026
|
}
|
|
3027
|
-
.bp_dropdown_menu_module_content--
|
|
3028
|
-
animation-name:
|
|
3027
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
|
|
3028
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
3029
3029
|
}
|
|
3030
|
-
.bp_dropdown_menu_module_content--
|
|
3031
|
-
animation-name:
|
|
3030
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
|
|
3031
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
3032
3032
|
}
|
|
3033
|
-
.bp_dropdown_menu_module_content--
|
|
3034
|
-
animation-name:
|
|
3033
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
|
|
3034
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
3035
3035
|
}
|
|
3036
|
-
.bp_dropdown_menu_module_content--
|
|
3037
|
-
animation-name:
|
|
3036
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
|
|
3037
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--6e932, bp_dropdown_menu_module_bpMenuFadeIn--6e932;
|
|
3038
3038
|
}
|
|
3039
|
-
.bp_dropdown_menu_module_content--
|
|
3039
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=closed]{
|
|
3040
3040
|
animation-duration:var(--bp-duration-medium);
|
|
3041
3041
|
animation-timing-function:var(--bp-curve-large-off);
|
|
3042
3042
|
transform-origin:var(--radix-dropdown-menu-content-transform-origin);
|
|
3043
3043
|
}
|
|
3044
|
-
.bp_dropdown_menu_module_content--
|
|
3045
|
-
animation-name:
|
|
3044
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
|
|
3045
|
+
animation-name:bp_dropdown_menu_module_bpMenuTopSlideExitLarge--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3046
3046
|
}
|
|
3047
|
-
.bp_dropdown_menu_module_content--
|
|
3048
|
-
animation-name:
|
|
3047
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
|
|
3048
|
+
animation-name:bp_dropdown_menu_module_bpMenuRightSlideExitLarge--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3049
3049
|
}
|
|
3050
|
-
.bp_dropdown_menu_module_content--
|
|
3051
|
-
animation-name:
|
|
3050
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
|
|
3051
|
+
animation-name:bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3052
3052
|
}
|
|
3053
|
-
.bp_dropdown_menu_module_content--
|
|
3054
|
-
animation-name:
|
|
3053
|
+
.bp_dropdown_menu_module_content--6e932[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
|
|
3054
|
+
animation-name:bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--6e932, bp_dropdown_menu_module_bpMenuFadeOut--6e932;
|
|
3055
3055
|
}
|
|
3056
3056
|
|
|
3057
|
-
@keyframes
|
|
3057
|
+
@keyframes bp_dropdown_menu_module_bpMenuFadeIn--6e932{
|
|
3058
3058
|
from{
|
|
3059
3059
|
opacity:var(--bp-opacity-hidden);
|
|
3060
3060
|
}
|
|
@@ -3062,7 +3062,7 @@
|
|
|
3062
3062
|
opacity:var(--bp-opacity-visible);
|
|
3063
3063
|
}
|
|
3064
3064
|
}
|
|
3065
|
-
@keyframes
|
|
3065
|
+
@keyframes bp_dropdown_menu_module_bpMenuFadeOut--6e932{
|
|
3066
3066
|
from{
|
|
3067
3067
|
opacity:var(--bp-opacity-visible);
|
|
3068
3068
|
}
|
|
@@ -3070,7 +3070,7 @@
|
|
|
3070
3070
|
opacity:var(--bp-opacity-hidden);
|
|
3071
3071
|
}
|
|
3072
3072
|
}
|
|
3073
|
-
@keyframes
|
|
3073
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnter--6e932{
|
|
3074
3074
|
from{
|
|
3075
3075
|
transform:translateY(var(--bp-space-020));
|
|
3076
3076
|
}
|
|
@@ -3078,7 +3078,7 @@
|
|
|
3078
3078
|
transform:translateY(0);
|
|
3079
3079
|
}
|
|
3080
3080
|
}
|
|
3081
|
-
@keyframes
|
|
3081
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExit--6e932{
|
|
3082
3082
|
from{
|
|
3083
3083
|
transform:translateY(0);
|
|
3084
3084
|
}
|
|
@@ -3086,7 +3086,7 @@
|
|
|
3086
3086
|
transform:translateY(var(--bp-space-020));
|
|
3087
3087
|
}
|
|
3088
3088
|
}
|
|
3089
|
-
@keyframes
|
|
3089
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnter--6e932{
|
|
3090
3090
|
from{
|
|
3091
3091
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
3092
3092
|
}
|
|
@@ -3094,7 +3094,7 @@
|
|
|
3094
3094
|
transform:translateY(0);
|
|
3095
3095
|
}
|
|
3096
3096
|
}
|
|
3097
|
-
@keyframes
|
|
3097
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExit--6e932{
|
|
3098
3098
|
from{
|
|
3099
3099
|
transform:translateY(0);
|
|
3100
3100
|
}
|
|
@@ -3102,7 +3102,7 @@
|
|
|
3102
3102
|
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
3103
3103
|
}
|
|
3104
3104
|
}
|
|
3105
|
-
@keyframes
|
|
3105
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnter--6e932{
|
|
3106
3106
|
from{
|
|
3107
3107
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
3108
3108
|
}
|
|
@@ -3110,7 +3110,7 @@
|
|
|
3110
3110
|
transform:translateX(0);
|
|
3111
3111
|
}
|
|
3112
3112
|
}
|
|
3113
|
-
@keyframes
|
|
3113
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExit--6e932{
|
|
3114
3114
|
from{
|
|
3115
3115
|
transform:translateX(0);
|
|
3116
3116
|
}
|
|
@@ -3118,7 +3118,7 @@
|
|
|
3118
3118
|
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
3119
3119
|
}
|
|
3120
3120
|
}
|
|
3121
|
-
@keyframes
|
|
3121
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnter--6e932{
|
|
3122
3122
|
from{
|
|
3123
3123
|
transform:translateX(var(--bp-space-020));
|
|
3124
3124
|
}
|
|
@@ -3126,7 +3126,7 @@
|
|
|
3126
3126
|
transform:translateX(0);
|
|
3127
3127
|
}
|
|
3128
3128
|
}
|
|
3129
|
-
@keyframes
|
|
3129
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExit--6e932{
|
|
3130
3130
|
from{
|
|
3131
3131
|
transform:translateX(0);
|
|
3132
3132
|
}
|
|
@@ -3134,15 +3134,15 @@
|
|
|
3134
3134
|
transform:translateX(var(--bp-space-020));
|
|
3135
3135
|
}
|
|
3136
3136
|
}
|
|
3137
|
-
@keyframes
|
|
3137
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideEnterLarge--6e932{
|
|
3138
3138
|
from{
|
|
3139
|
-
transform:var(--bp-scale-small) var(--bp-space-040);
|
|
3139
|
+
transform:var(--bp-scale-small) translateY(var(--bp-space-040));
|
|
3140
3140
|
}
|
|
3141
3141
|
to{
|
|
3142
3142
|
transform:var(--bp-scale-default) translateY(0);
|
|
3143
3143
|
}
|
|
3144
3144
|
}
|
|
3145
|
-
@keyframes
|
|
3145
|
+
@keyframes bp_dropdown_menu_module_bpMenuTopSlideExitLarge--6e932{
|
|
3146
3146
|
from{
|
|
3147
3147
|
transform:var(--bp-scale-default) translateY(0);
|
|
3148
3148
|
}
|
|
@@ -3150,7 +3150,7 @@
|
|
|
3150
3150
|
transform:var(--bp-scale-small) translateY(var(--bp-space-040));
|
|
3151
3151
|
}
|
|
3152
3152
|
}
|
|
3153
|
-
@keyframes
|
|
3153
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideEnterLarge--6e932{
|
|
3154
3154
|
from{
|
|
3155
3155
|
transform:var(--bp-scale-small) translateY(calc(var(--bp-space-040)*-1));
|
|
3156
3156
|
}
|
|
@@ -3158,7 +3158,7 @@
|
|
|
3158
3158
|
transform:var(--bp-scale-default) translateY(0);
|
|
3159
3159
|
}
|
|
3160
3160
|
}
|
|
3161
|
-
@keyframes
|
|
3161
|
+
@keyframes bp_dropdown_menu_module_bpMenuBottomSlideExitLarge--6e932{
|
|
3162
3162
|
from{
|
|
3163
3163
|
transform:var(--bp-scale-default) translateY(0);
|
|
3164
3164
|
}
|
|
@@ -3166,7 +3166,7 @@
|
|
|
3166
3166
|
transform:var(--bp-scale-small) translateY(calc(var(--bp-space-040)*-1));
|
|
3167
3167
|
}
|
|
3168
3168
|
}
|
|
3169
|
-
@keyframes
|
|
3169
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideEnterLarge--6e932{
|
|
3170
3170
|
from{
|
|
3171
3171
|
transform:var(--bp-scale-small) translateX(calc(var(--bp-space-040)*-1));
|
|
3172
3172
|
}
|
|
@@ -3174,7 +3174,7 @@
|
|
|
3174
3174
|
transform:var(--bp-scale-default) translateX(0);
|
|
3175
3175
|
}
|
|
3176
3176
|
}
|
|
3177
|
-
@keyframes
|
|
3177
|
+
@keyframes bp_dropdown_menu_module_bpMenuRightSlideExitLarge--6e932{
|
|
3178
3178
|
from{
|
|
3179
3179
|
transform:var(--bp-scale-default) translateX(0);
|
|
3180
3180
|
}
|
|
@@ -3182,7 +3182,7 @@
|
|
|
3182
3182
|
transform:var(--bp-scale-small) translateX(calc(var(--bp-space-040)*-1));
|
|
3183
3183
|
}
|
|
3184
3184
|
}
|
|
3185
|
-
@keyframes
|
|
3185
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideEnterLarge--6e932{
|
|
3186
3186
|
from{
|
|
3187
3187
|
transform:var(--bp-scale-small) translateX(var(--bp-space-040));
|
|
3188
3188
|
}
|
|
@@ -3190,7 +3190,7 @@
|
|
|
3190
3190
|
transform:var(--bp-scale-default) translateX(0);
|
|
3191
3191
|
}
|
|
3192
3192
|
}
|
|
3193
|
-
@keyframes
|
|
3193
|
+
@keyframes bp_dropdown_menu_module_bpMenuLeftSlideExitLarge--6e932{
|
|
3194
3194
|
from{
|
|
3195
3195
|
transform:var(--bp-scale-default) translateX(0);
|
|
3196
3196
|
}
|
|
@@ -3304,10 +3304,10 @@
|
|
|
3304
3304
|
.bp_menu_item_sections_module_menuItemSideContent--dd1ef.bp_menu_item_sections_module_textOnLightSecondary--dd1ef{
|
|
3305
3305
|
color:var(--menu-item-text-color);
|
|
3306
3306
|
}
|
|
3307
|
-
.bp_breadcrumb_module_container--
|
|
3307
|
+
.bp_breadcrumb_module_container--faeab{
|
|
3308
3308
|
width:100%;
|
|
3309
3309
|
}
|
|
3310
|
-
.bp_breadcrumb_module_container--
|
|
3310
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_breadcrumb--faeab{
|
|
3311
3311
|
align-items:center;
|
|
3312
3312
|
display:flex;
|
|
3313
3313
|
flex-wrap:nowrap;
|
|
@@ -3317,28 +3317,28 @@
|
|
|
3317
3317
|
margin:0;
|
|
3318
3318
|
padding:0;
|
|
3319
3319
|
}
|
|
3320
|
-
.bp_breadcrumb_module_container--
|
|
3320
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_pageLink--faeab{
|
|
3321
3321
|
align-items:center;
|
|
3322
3322
|
display:flex;
|
|
3323
3323
|
flex-shrink:0;
|
|
3324
3324
|
gap:var(--bp-size-010);
|
|
3325
|
-
min-width:0;
|
|
3326
|
-
overflow:hidden;
|
|
3327
3325
|
white-space:nowrap;
|
|
3328
3326
|
}
|
|
3329
|
-
.bp_breadcrumb_module_container--
|
|
3327
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_pageLink--faeab:last-child{
|
|
3330
3328
|
flex-shrink:1;
|
|
3329
|
+
min-width:0;
|
|
3330
|
+
overflow:hidden;
|
|
3331
3331
|
}
|
|
3332
|
-
.bp_breadcrumb_module_container--
|
|
3332
|
+
.bp_breadcrumb_module_container--faeab .bp_breadcrumb_module_breadcrumbSlashSeparator--faeab{
|
|
3333
3333
|
align-items:center;
|
|
3334
3334
|
display:inline-flex;
|
|
3335
3335
|
flex-shrink:0;
|
|
3336
3336
|
}
|
|
3337
3337
|
|
|
3338
|
-
.bp_breadcrumb_module_crumbButton--
|
|
3338
|
+
.bp_breadcrumb_module_crumbButton--faeab{
|
|
3339
3339
|
position:relative;
|
|
3340
3340
|
}
|
|
3341
|
-
.bp_breadcrumb_module_crumbButton--
|
|
3341
|
+
.bp_breadcrumb_module_crumbButton--faeab::after{
|
|
3342
3342
|
background-color:var(--bp-text-text-on-light-secondary);
|
|
3343
3343
|
bottom:0;
|
|
3344
3344
|
content:"";
|
|
@@ -3350,11 +3350,11 @@
|
|
|
3350
3350
|
transition:transform var(--animation-duration-2) var(--animation-easing-ease-base);
|
|
3351
3351
|
width:100%;
|
|
3352
3352
|
}
|
|
3353
|
-
.bp_breadcrumb_module_crumbButton--
|
|
3353
|
+
.bp_breadcrumb_module_crumbButton--faeab:hover::after{
|
|
3354
3354
|
transform:scaleX(1);
|
|
3355
3355
|
}
|
|
3356
3356
|
|
|
3357
|
-
.bp_breadcrumb_module_dropdownContent--
|
|
3357
|
+
.bp_breadcrumb_module_dropdownContent--faeab{
|
|
3358
3358
|
--blueprint-web-dropdown-menu-max-height:calc(var(--bp-size-300)*2);
|
|
3359
3359
|
}
|
|
3360
3360
|
|
|
@@ -9977,15 +9977,15 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9977
9977
|
padding:var(--chips-group-small-screen-padding);
|
|
9978
9978
|
}
|
|
9979
9979
|
}
|
|
9980
|
-
.bp_context_menu_module_menuBlock--
|
|
9980
|
+
.bp_context_menu_module_menuBlock--32816[data-modern=false]{
|
|
9981
9981
|
--context-menu-block-font-color:unset;
|
|
9982
9982
|
--context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
9983
9983
|
--context-menu-end-element-color:var(--text-text-on-light-secondary);
|
|
9984
9984
|
--context-menu-block-max-width:var(--blueprint-web-context-menu-max-width);
|
|
9985
9985
|
--context-menu-block-max-height:var(
|
|
9986
|
-
|
|
9987
|
-
|
|
9988
|
-
|
|
9986
|
+
--blueprint-web-context-menu-max-height,
|
|
9987
|
+
var(--radix-context-menu-content-available-height)
|
|
9988
|
+
);
|
|
9989
9989
|
--context-menu-block-padding:var(--space-3);
|
|
9990
9990
|
--context-menu-block-background-color:var(--surface-menu-surface);
|
|
9991
9991
|
--context-menu-block-backdrop-filter:none;
|
|
@@ -10006,15 +10006,15 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
10006
10006
|
--context-menu-items-separator-margin:var(--space-2);
|
|
10007
10007
|
}
|
|
10008
10008
|
|
|
10009
|
-
.bp_context_menu_module_menuBlock--
|
|
10009
|
+
.bp_context_menu_module_menuBlock--32816[data-modern=true]{
|
|
10010
10010
|
--context-menu-block-font-color:var(--bp-text-text-on-light);
|
|
10011
10011
|
--context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
10012
10012
|
--context-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
|
|
10013
10013
|
--context-menu-block-max-width:var(--blueprint-web-context-menu-max-width);
|
|
10014
10014
|
--context-menu-block-max-height:var(
|
|
10015
|
-
|
|
10016
|
-
|
|
10017
|
-
|
|
10015
|
+
--blueprint-web-context-menu-max-height,
|
|
10016
|
+
var(--radix-context-menu-content-available-height)
|
|
10017
|
+
);
|
|
10018
10018
|
--context-menu-block-padding:var(--bp-space-030);
|
|
10019
10019
|
--context-menu-block-background-color:var(--bp-surface-menu-surface-dropdown);
|
|
10020
10020
|
--context-menu-block-backdrop-filter:blur(16px);
|
|
@@ -10035,19 +10035,19 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
10035
10035
|
--context-menu-items-separator-margin:var(--bp-space-020);
|
|
10036
10036
|
}
|
|
10037
10037
|
|
|
10038
|
-
.bp_context_menu_module_menuHeader--
|
|
10038
|
+
.bp_context_menu_module_menuHeader--32816[data-modern=false]{
|
|
10039
10039
|
--context-menu-header-padding:var(--space-3);
|
|
10040
10040
|
--context-menu-header-gap:var(--space-2);
|
|
10041
10041
|
--context-menu-header-shadow:var(--dropshadow-1);
|
|
10042
10042
|
}
|
|
10043
10043
|
|
|
10044
|
-
.bp_context_menu_module_menuHeader--
|
|
10044
|
+
.bp_context_menu_module_menuHeader--32816[data-modern=true]{
|
|
10045
10045
|
--context-menu-header-padding:var(--bp-space-030) var(--bp-space-040);
|
|
10046
10046
|
--context-menu-header-gap:var(--bp-space-030);
|
|
10047
10047
|
--context-menu-header-shadow:var(--dropshadow-1);
|
|
10048
10048
|
}
|
|
10049
10049
|
|
|
10050
|
-
.bp_context_menu_module_menuBlock--
|
|
10050
|
+
.bp_context_menu_module_menuBlock--32816{
|
|
10051
10051
|
backdrop-filter:var(--context-menu-block-backdrop-filter);
|
|
10052
10052
|
background-color:var(--context-menu-block-background-color);
|
|
10053
10053
|
border:var(--context-menu-block-border);
|
|
@@ -10060,7 +10060,7 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
10060
10060
|
min-width:var(--context-menu-block-min-width);
|
|
10061
10061
|
padding:var(--context-menu-block-padding);
|
|
10062
10062
|
}
|
|
10063
|
-
.bp_context_menu_module_menuBlock--
|
|
10063
|
+
.bp_context_menu_module_menuBlock--32816[data-menu-fullscreen=true]{
|
|
10064
10064
|
border:unset;
|
|
10065
10065
|
border-radius:unset;
|
|
10066
10066
|
display:flex;
|
|
@@ -10073,14 +10073,14 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
10073
10073
|
position:relative;
|
|
10074
10074
|
width:100vw;
|
|
10075
10075
|
}
|
|
10076
|
-
.bp_context_menu_module_menuBlock--
|
|
10076
|
+
.bp_context_menu_module_menuBlock--32816[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--32816{
|
|
10077
10077
|
overflow-y:auto;
|
|
10078
10078
|
padding:var(--context-menu-fullscreen-content-padding);
|
|
10079
10079
|
}
|
|
10080
|
-
.bp_context_menu_module_menuBlock--
|
|
10080
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItemsSeparator--32816{
|
|
10081
10081
|
margin:var(--context-menu-items-separator-margin);
|
|
10082
10082
|
}
|
|
10083
|
-
.bp_context_menu_module_menuBlock--
|
|
10083
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItem--32816{
|
|
10084
10084
|
align-items:center;
|
|
10085
10085
|
background-color:var(--context-menu-background-color);
|
|
10086
10086
|
border:var(--context-menu-item-border);
|
|
@@ -10093,30 +10093,30 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
10093
10093
|
padding-inline:calc(var(--context-menu-item-padding) - var(--context-menu-item-border-width));
|
|
10094
10094
|
position:relative;
|
|
10095
10095
|
}
|
|
10096
|
-
.bp_context_menu_module_menuBlock--
|
|
10096
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItem--32816[data-disabled]{
|
|
10097
10097
|
opacity:60%;
|
|
10098
10098
|
pointer-events:none;
|
|
10099
10099
|
}
|
|
10100
|
-
.bp_context_menu_module_menuBlock--
|
|
10100
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItem--32816[data-highlighted]:not(:hover){
|
|
10101
10101
|
background-color:var(--context-menu-item-background-color-hover);
|
|
10102
10102
|
border:var(--context-menu-item-focus-border);
|
|
10103
10103
|
}
|
|
10104
|
-
.bp_context_menu_module_menuBlock--
|
|
10104
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItem--32816[data-state=open][data-highlighted]:not(:hover){
|
|
10105
10105
|
border:var(--context-menu-item-border);
|
|
10106
10106
|
}
|
|
10107
|
-
.bp_context_menu_module_menuBlock--
|
|
10107
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItem--32816:active{
|
|
10108
10108
|
background-color:var(--context-menu-item-background-color-pressed);
|
|
10109
10109
|
border:var(--context-menu-item-border);
|
|
10110
10110
|
}
|
|
10111
|
-
.bp_context_menu_module_menuBlock--
|
|
10111
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_menuItem--32816:hover{
|
|
10112
10112
|
background-color:var(--context-menu-item-background-color-hover);
|
|
10113
10113
|
border:var(--context-menu-item-border-hover);
|
|
10114
10114
|
}
|
|
10115
|
-
.bp_context_menu_module_menuBlock--
|
|
10115
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_startElement--32816{
|
|
10116
10116
|
align-items:center;
|
|
10117
10117
|
display:flex;
|
|
10118
10118
|
}
|
|
10119
|
-
.bp_context_menu_module_menuBlock--
|
|
10119
|
+
.bp_context_menu_module_menuBlock--32816 .bp_context_menu_module_endElement--32816{
|
|
10120
10120
|
align-items:center;
|
|
10121
10121
|
color:var(--context-menu-end-element-color);
|
|
10122
10122
|
display:flex;
|
|
@@ -10127,7 +10127,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10127
10127
|
width:100%;
|
|
10128
10128
|
}
|
|
10129
10129
|
|
|
10130
|
-
.bp_context_menu_module_menuHeader--
|
|
10130
|
+
.bp_context_menu_module_menuHeader--32816{
|
|
10131
10131
|
align-items:center;
|
|
10132
10132
|
box-shadow:var(--context-menu-header-shadow);
|
|
10133
10133
|
display:grid;
|
|
@@ -10137,23 +10137,238 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10137
10137
|
padding:var(--context-menu-header-padding);
|
|
10138
10138
|
}
|
|
10139
10139
|
|
|
10140
|
-
.bp_context_menu_module_headerTextContent--
|
|
10140
|
+
.bp_context_menu_module_headerTextContent--32816{
|
|
10141
10141
|
display:grid;
|
|
10142
10142
|
}
|
|
10143
10143
|
|
|
10144
|
-
.bp_context_menu_module_submenuCloseButton--
|
|
10144
|
+
.bp_context_menu_module_submenuCloseButton--32816{
|
|
10145
10145
|
grid-area:submenu-close;
|
|
10146
10146
|
}
|
|
10147
10147
|
|
|
10148
|
-
.bp_context_menu_module_menuCloseButton--
|
|
10148
|
+
.bp_context_menu_module_menuCloseButton--32816{
|
|
10149
10149
|
grid-area:close;
|
|
10150
10150
|
}
|
|
10151
10151
|
|
|
10152
|
-
.bp_context_menu_module_ellipsis--
|
|
10152
|
+
.bp_context_menu_module_ellipsis--32816{
|
|
10153
10153
|
overflow:hidden;
|
|
10154
10154
|
text-overflow:ellipsis;
|
|
10155
10155
|
white-space:nowrap;
|
|
10156
10156
|
}
|
|
10157
|
+
|
|
10158
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=open]{
|
|
10159
|
+
animation-duration:var(--bp-duration-medium);
|
|
10160
|
+
animation-timing-function:var(--bp-curve-medium-on);
|
|
10161
|
+
transform-origin:var(--radix-context-menu-content-transform-origin);
|
|
10162
|
+
}
|
|
10163
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=open][data-side=top]{
|
|
10164
|
+
animation-name:bp_context_menu_module_bpContextMenuTopSlideEnter--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10165
|
+
}
|
|
10166
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=open][data-side=right]{
|
|
10167
|
+
animation-name:bp_context_menu_module_bpContextMenuRightSlideEnter--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10168
|
+
}
|
|
10169
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=open][data-side=bottom]{
|
|
10170
|
+
animation-name:bp_context_menu_module_bpContextMenuBottomSlideEnter--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10171
|
+
}
|
|
10172
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=open][data-side=left]{
|
|
10173
|
+
animation-name:bp_context_menu_module_bpContextMenuLeftSlideEnter--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10174
|
+
}
|
|
10175
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=closed]{
|
|
10176
|
+
animation-duration:var(--bp-duration-short);
|
|
10177
|
+
animation-timing-function:var(--bp-curve-medium-off);
|
|
10178
|
+
transform-origin:var(--radix-context-menu-content-transform-origin);
|
|
10179
|
+
}
|
|
10180
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=top]{
|
|
10181
|
+
animation-name:bp_context_menu_module_bpContextMenuTopSlideExit--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10182
|
+
}
|
|
10183
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=right]{
|
|
10184
|
+
animation-name:bp_context_menu_module_bpContextMenuRightSlideExit--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10185
|
+
}
|
|
10186
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=bottom]{
|
|
10187
|
+
animation-name:bp_context_menu_module_bpContextMenuBottomSlideExit--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10188
|
+
}
|
|
10189
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true]:not([data-large])[data-state=closed][data-side=left]{
|
|
10190
|
+
animation-name:bp_context_menu_module_bpContextMenuLeftSlideExit--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10191
|
+
}
|
|
10192
|
+
|
|
10193
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=open]{
|
|
10194
|
+
animation-duration:var(--bp-duration-long);
|
|
10195
|
+
animation-timing-function:var(--bp-curve-large-on);
|
|
10196
|
+
transform-origin:var(--radix-context-menu-content-transform-origin);
|
|
10197
|
+
}
|
|
10198
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
|
|
10199
|
+
animation-name:bp_context_menu_module_bpContextMenuTopSlideEnterLarge--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10200
|
+
}
|
|
10201
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
|
|
10202
|
+
animation-name:bp_context_menu_module_bpContextMenuRightSlideEnterLarge--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10203
|
+
}
|
|
10204
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
|
|
10205
|
+
animation-name:bp_context_menu_module_bpContextMenuBottomSlideEnterLarge--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10206
|
+
}
|
|
10207
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
|
|
10208
|
+
animation-name:bp_context_menu_module_bpContextMenuLeftSlideEnterLarge--32816, bp_context_menu_module_bpContextMenuFadeIn--32816;
|
|
10209
|
+
}
|
|
10210
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=closed]{
|
|
10211
|
+
animation-duration:var(--bp-duration-medium);
|
|
10212
|
+
animation-timing-function:var(--bp-curve-large-off);
|
|
10213
|
+
transform-origin:var(--radix-context-menu-content-transform-origin);
|
|
10214
|
+
}
|
|
10215
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
|
|
10216
|
+
animation-name:bp_context_menu_module_bpContextMenuTopSlideExitLarge--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10217
|
+
}
|
|
10218
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
|
|
10219
|
+
animation-name:bp_context_menu_module_bpContextMenuRightSlideExitLarge--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10220
|
+
}
|
|
10221
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
|
|
10222
|
+
animation-name:bp_context_menu_module_bpContextMenuBottomSlideExitLarge--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10223
|
+
}
|
|
10224
|
+
.bp_context_menu_module_menuBlock--32816[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
|
|
10225
|
+
animation-name:bp_context_menu_module_bpContextMenuLeftSlideExitLarge--32816, bp_context_menu_module_bpContextMenuFadeOut--32816;
|
|
10226
|
+
}
|
|
10227
|
+
|
|
10228
|
+
@keyframes bp_context_menu_module_bpContextMenuFadeIn--32816{
|
|
10229
|
+
from{
|
|
10230
|
+
opacity:var(--bp-opacity-hidden);
|
|
10231
|
+
}
|
|
10232
|
+
to{
|
|
10233
|
+
opacity:var(--bp-opacity-visible);
|
|
10234
|
+
}
|
|
10235
|
+
}
|
|
10236
|
+
@keyframes bp_context_menu_module_bpContextMenuFadeOut--32816{
|
|
10237
|
+
from{
|
|
10238
|
+
opacity:var(--bp-opacity-visible);
|
|
10239
|
+
}
|
|
10240
|
+
to{
|
|
10241
|
+
opacity:var(--bp-opacity-hidden);
|
|
10242
|
+
}
|
|
10243
|
+
}
|
|
10244
|
+
@keyframes bp_context_menu_module_bpContextMenuTopSlideEnter--32816{
|
|
10245
|
+
from{
|
|
10246
|
+
transform:translateY(var(--bp-space-020));
|
|
10247
|
+
}
|
|
10248
|
+
to{
|
|
10249
|
+
transform:translateY(0);
|
|
10250
|
+
}
|
|
10251
|
+
}
|
|
10252
|
+
@keyframes bp_context_menu_module_bpContextMenuTopSlideExit--32816{
|
|
10253
|
+
from{
|
|
10254
|
+
transform:translateY(0);
|
|
10255
|
+
}
|
|
10256
|
+
to{
|
|
10257
|
+
transform:translateY(var(--bp-space-020));
|
|
10258
|
+
}
|
|
10259
|
+
}
|
|
10260
|
+
@keyframes bp_context_menu_module_bpContextMenuBottomSlideEnter--32816{
|
|
10261
|
+
from{
|
|
10262
|
+
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
10263
|
+
}
|
|
10264
|
+
to{
|
|
10265
|
+
transform:translateY(0);
|
|
10266
|
+
}
|
|
10267
|
+
}
|
|
10268
|
+
@keyframes bp_context_menu_module_bpContextMenuBottomSlideExit--32816{
|
|
10269
|
+
from{
|
|
10270
|
+
transform:translateY(0);
|
|
10271
|
+
}
|
|
10272
|
+
to{
|
|
10273
|
+
transform:translateY(calc(var(--bp-space-020)*-1));
|
|
10274
|
+
}
|
|
10275
|
+
}
|
|
10276
|
+
@keyframes bp_context_menu_module_bpContextMenuRightSlideEnter--32816{
|
|
10277
|
+
from{
|
|
10278
|
+
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
10279
|
+
}
|
|
10280
|
+
to{
|
|
10281
|
+
transform:translateX(0);
|
|
10282
|
+
}
|
|
10283
|
+
}
|
|
10284
|
+
@keyframes bp_context_menu_module_bpContextMenuRightSlideExit--32816{
|
|
10285
|
+
from{
|
|
10286
|
+
transform:translateX(0);
|
|
10287
|
+
}
|
|
10288
|
+
to{
|
|
10289
|
+
transform:translateX(calc(var(--bp-space-020)*-1));
|
|
10290
|
+
}
|
|
10291
|
+
}
|
|
10292
|
+
@keyframes bp_context_menu_module_bpContextMenuLeftSlideEnter--32816{
|
|
10293
|
+
from{
|
|
10294
|
+
transform:translateX(var(--bp-space-020));
|
|
10295
|
+
}
|
|
10296
|
+
to{
|
|
10297
|
+
transform:translateX(0);
|
|
10298
|
+
}
|
|
10299
|
+
}
|
|
10300
|
+
@keyframes bp_context_menu_module_bpContextMenuLeftSlideExit--32816{
|
|
10301
|
+
from{
|
|
10302
|
+
transform:translateX(0);
|
|
10303
|
+
}
|
|
10304
|
+
to{
|
|
10305
|
+
transform:translateX(var(--bp-space-020));
|
|
10306
|
+
}
|
|
10307
|
+
}
|
|
10308
|
+
@keyframes bp_context_menu_module_bpContextMenuTopSlideEnterLarge--32816{
|
|
10309
|
+
from{
|
|
10310
|
+
transform:var(--bp-scale-small) translateY(var(--bp-space-040));
|
|
10311
|
+
}
|
|
10312
|
+
to{
|
|
10313
|
+
transform:var(--bp-scale-default) translateY(0);
|
|
10314
|
+
}
|
|
10315
|
+
}
|
|
10316
|
+
@keyframes bp_context_menu_module_bpContextMenuTopSlideExitLarge--32816{
|
|
10317
|
+
from{
|
|
10318
|
+
transform:var(--bp-scale-default) translateY(0);
|
|
10319
|
+
}
|
|
10320
|
+
to{
|
|
10321
|
+
transform:var(--bp-scale-small) translateY(var(--bp-space-040));
|
|
10322
|
+
}
|
|
10323
|
+
}
|
|
10324
|
+
@keyframes bp_context_menu_module_bpContextMenuBottomSlideEnterLarge--32816{
|
|
10325
|
+
from{
|
|
10326
|
+
transform:var(--bp-scale-small) translateY(calc(var(--bp-space-040)*-1));
|
|
10327
|
+
}
|
|
10328
|
+
to{
|
|
10329
|
+
transform:var(--bp-scale-default) translateY(0);
|
|
10330
|
+
}
|
|
10331
|
+
}
|
|
10332
|
+
@keyframes bp_context_menu_module_bpContextMenuBottomSlideExitLarge--32816{
|
|
10333
|
+
from{
|
|
10334
|
+
transform:var(--bp-scale-default) translateY(0);
|
|
10335
|
+
}
|
|
10336
|
+
to{
|
|
10337
|
+
transform:var(--bp-scale-small) translateY(calc(var(--bp-space-040)*-1));
|
|
10338
|
+
}
|
|
10339
|
+
}
|
|
10340
|
+
@keyframes bp_context_menu_module_bpContextMenuRightSlideEnterLarge--32816{
|
|
10341
|
+
from{
|
|
10342
|
+
transform:var(--bp-scale-small) translateX(calc(var(--bp-space-040)*-1));
|
|
10343
|
+
}
|
|
10344
|
+
to{
|
|
10345
|
+
transform:var(--bp-scale-default) translateX(0);
|
|
10346
|
+
}
|
|
10347
|
+
}
|
|
10348
|
+
@keyframes bp_context_menu_module_bpContextMenuRightSlideExitLarge--32816{
|
|
10349
|
+
from{
|
|
10350
|
+
transform:var(--bp-scale-default) translateX(0);
|
|
10351
|
+
}
|
|
10352
|
+
to{
|
|
10353
|
+
transform:var(--bp-scale-small) translateX(calc(var(--bp-space-040)*-1));
|
|
10354
|
+
}
|
|
10355
|
+
}
|
|
10356
|
+
@keyframes bp_context_menu_module_bpContextMenuLeftSlideEnterLarge--32816{
|
|
10357
|
+
from{
|
|
10358
|
+
transform:var(--bp-scale-small) translateX(var(--bp-space-040));
|
|
10359
|
+
}
|
|
10360
|
+
to{
|
|
10361
|
+
transform:var(--bp-scale-default) translateX(0);
|
|
10362
|
+
}
|
|
10363
|
+
}
|
|
10364
|
+
@keyframes bp_context_menu_module_bpContextMenuLeftSlideExitLarge--32816{
|
|
10365
|
+
from{
|
|
10366
|
+
transform:var(--bp-scale-default) translateX(0);
|
|
10367
|
+
}
|
|
10368
|
+
to{
|
|
10369
|
+
transform:var(--bp-scale-small) translateX(var(--bp-space-040));
|
|
10370
|
+
}
|
|
10371
|
+
}
|
|
10157
10372
|
.bp_menu_combobox_module_content--6ad69[data-modern=false]{
|
|
10158
10373
|
--menu-combobox-header-gap:var(--space-2);
|
|
10159
10374
|
--menu-combobox-header-padding:var(--space-3);
|
|
@@ -2,7 +2,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { forwardRef, Children, isValidElement } from 'react';
|
|
5
|
+
import '../../blueprint-configuration-context/blueprint-configuration-context.js';
|
|
6
|
+
import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
|
|
5
7
|
import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
|
|
8
|
+
import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
|
|
9
|
+
import { useForkRef } from '../../utils/useForkRef.js';
|
|
6
10
|
import { useFullScreenContextMenu } from '../menu-utils/responsiveness/FullScreenContextMenuContext.js';
|
|
7
11
|
import { ContextMenuHeader } from './context-menu-menu-header.js';
|
|
8
12
|
import styles from './context-menu.module.js';
|
|
@@ -36,6 +40,12 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
|
|
|
36
40
|
const {
|
|
37
41
|
enableModernizedComponents
|
|
38
42
|
} = useBlueprintModernization();
|
|
43
|
+
const {
|
|
44
|
+
componentsWithAnimationEnabled
|
|
45
|
+
} = useBlueprintConfiguration();
|
|
46
|
+
const isAnimationEnabled = componentsWithAnimationEnabled.includes('ContextMenu');
|
|
47
|
+
const sizeObserverRef = useContentSizeObserver(360, 360);
|
|
48
|
+
const ref = useForkRef(forwardedRef, sizeObserverRef);
|
|
39
49
|
const {
|
|
40
50
|
isMenuFullScreenEnabled
|
|
41
51
|
} = useFullScreenContextMenu();
|
|
@@ -48,7 +58,7 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
|
|
|
48
58
|
container: container,
|
|
49
59
|
children: jsxs(ContextMenuPrimitve.Content, {
|
|
50
60
|
...rest,
|
|
51
|
-
ref:
|
|
61
|
+
ref: ref,
|
|
52
62
|
className: clsx(styles.menuBlock, className),
|
|
53
63
|
"data-menu-fullscreen": true,
|
|
54
64
|
"data-modern": enableModernizedComponents ? 'true' : 'false',
|
|
@@ -63,9 +73,10 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
|
|
|
63
73
|
container: container,
|
|
64
74
|
children: jsx(ContextMenuPrimitve.Content, {
|
|
65
75
|
...rest,
|
|
66
|
-
ref:
|
|
76
|
+
ref: ref,
|
|
67
77
|
className: clsx(styles.menuBlock, className),
|
|
68
78
|
"data-modern": enableModernizedComponents ? 'true' : 'false',
|
|
79
|
+
"data-bp-animated": isAnimationEnabled ? 'true' : 'false',
|
|
69
80
|
children: children
|
|
70
81
|
})
|
|
71
82
|
});
|
|
@@ -2,7 +2,11 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
2
2
|
import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { forwardRef, useCallback } from 'react';
|
|
5
|
+
import '../../blueprint-configuration-context/blueprint-configuration-context.js';
|
|
6
|
+
import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
|
|
5
7
|
import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
|
|
8
|
+
import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
|
|
9
|
+
import { useForkRef } from '../../utils/useForkRef.js';
|
|
6
10
|
import { useFullScreenContextMenu } from '../menu-utils/responsiveness/FullScreenContextMenuContext.js';
|
|
7
11
|
import { sortMenuChildren } from './context-menu-menu-content.js';
|
|
8
12
|
import styles from './context-menu.module.js';
|
|
@@ -23,6 +27,12 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
|
|
|
23
27
|
const {
|
|
24
28
|
enableModernizedComponents
|
|
25
29
|
} = useBlueprintModernization();
|
|
30
|
+
const {
|
|
31
|
+
componentsWithAnimationEnabled
|
|
32
|
+
} = useBlueprintConfiguration();
|
|
33
|
+
const isAnimationEnabled = componentsWithAnimationEnabled.includes('ContextMenu');
|
|
34
|
+
const sizeObserverRef = useContentSizeObserver(360, 360);
|
|
35
|
+
const ref = useForkRef(forwardedRef, sizeObserverRef);
|
|
26
36
|
const {
|
|
27
37
|
isMenuFullScreenEnabled
|
|
28
38
|
} = useFullScreenContextMenu();
|
|
@@ -36,7 +46,7 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
|
|
|
36
46
|
container: container,
|
|
37
47
|
children: jsxs(ContextMenuPrimitve.SubContent, {
|
|
38
48
|
...rest,
|
|
39
|
-
ref:
|
|
49
|
+
ref: ref,
|
|
40
50
|
alignOffset: alignOffsetPx,
|
|
41
51
|
className: clsx(styles.menuBlock, className),
|
|
42
52
|
"data-menu-fullscreen": true,
|
|
@@ -56,10 +66,11 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
|
|
|
56
66
|
container: container,
|
|
57
67
|
children: jsx(ContextMenuPrimitve.SubContent, {
|
|
58
68
|
...rest,
|
|
59
|
-
ref:
|
|
69
|
+
ref: ref,
|
|
60
70
|
alignOffset: alignOffsetPx,
|
|
61
71
|
className: clsx(styles.menuBlock, className),
|
|
62
72
|
"data-modern": enableModernizedComponents ? 'true' : 'false',
|
|
73
|
+
"data-bp-animated": isAnimationEnabled ? 'true' : 'false',
|
|
63
74
|
sideOffset: sideOffsetPx,
|
|
64
75
|
children: children
|
|
65
76
|
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"menuBlock":"bp_context_menu_module_menuBlock--
|
|
2
|
+
var styles = {"menuBlock":"bp_context_menu_module_menuBlock--32816","menuHeader":"bp_context_menu_module_menuHeader--32816","fullScreenContent":"bp_context_menu_module_fullScreenContent--32816","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--32816","menuItem":"bp_context_menu_module_menuItem--32816","startElement":"bp_context_menu_module_startElement--32816","endElement":"bp_context_menu_module_endElement--32816","headerTextContent":"bp_context_menu_module_headerTextContent--32816","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--32816","menuCloseButton":"bp_context_menu_module_menuCloseButton--32816","ellipsis":"bp_context_menu_module_ellipsis--32816"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -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--6e932","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--6e932","subheader":"bp_dropdown_menu_module_subheader--6e932","uppercased":"bp_dropdown_menu_module_uppercased--6e932","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--6e932","ellipsis":"bp_dropdown_menu_module_ellipsis--6e932","itemBody":"bp_dropdown_menu_module_itemBody--6e932","itemOverflow":"bp_dropdown_menu_module_itemOverflow--6e932","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--6e932","checkmark":"bp_dropdown_menu_module_checkmark--6e932","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--6e932","item":"bp_dropdown_menu_module_item--6e932","radioItem":"bp_dropdown_menu_module_radioItem--6e932","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--6e932","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--6e932","checkboxItem":"bp_dropdown_menu_module_checkboxItem--6e932","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--6e932","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--6e932","startElement":"bp_dropdown_menu_module_startElement--6e932","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--6e932","endElement":"bp_dropdown_menu_module_endElement--6e932","destructive":"bp_dropdown_menu_module_destructive--6e932","menuHeader":"bp_dropdown_menu_module_menuHeader--6e932","headerTextContent":"bp_dropdown_menu_module_headerTextContent--6e932","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--6e932","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--6e932"};
|
|
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.27.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.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.116.6",
|
|
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.20",
|
|
81
81
|
"@figma/code-connect": "1.4.4",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|