@box/blueprint-web 11.10.0 → 11.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lib-esm/index.css
CHANGED
|
@@ -2743,7 +2743,7 @@
|
|
|
2743
2743
|
transform:translateZ(0);
|
|
2744
2744
|
}
|
|
2745
2745
|
|
|
2746
|
-
.bp_dropdown_menu_module_content--
|
|
2746
|
+
.bp_dropdown_menu_module_content--0ec8b{
|
|
2747
2747
|
background-color:var(--surface-menu-surface);
|
|
2748
2748
|
border:var(--border-1) solid var(--border-card-border);
|
|
2749
2749
|
border-radius:var(--radius-3);
|
|
@@ -2764,7 +2764,7 @@
|
|
|
2764
2764
|
text-transform:none;
|
|
2765
2765
|
z-index:2147483647;
|
|
2766
2766
|
}
|
|
2767
|
-
.bp_dropdown_menu_module_content--
|
|
2767
|
+
.bp_dropdown_menu_module_content--0ec8b[data-menu-fullscreen=true]{
|
|
2768
2768
|
border:unset;
|
|
2769
2769
|
border-radius:unset;
|
|
2770
2770
|
display:flex;
|
|
@@ -2777,24 +2777,27 @@
|
|
|
2777
2777
|
position:relative;
|
|
2778
2778
|
width:100vw;
|
|
2779
2779
|
}
|
|
2780
|
-
.bp_dropdown_menu_module_content--
|
|
2780
|
+
.bp_dropdown_menu_module_content--0ec8b[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--0ec8b{
|
|
2781
2781
|
overflow-y:auto;
|
|
2782
2782
|
padding:var(--space-3);
|
|
2783
2783
|
}
|
|
2784
|
-
.bp_dropdown_menu_module_content--
|
|
2784
|
+
.bp_dropdown_menu_module_content--0ec8b .bp_dropdown_menu_module_subheader--0ec8b{
|
|
2785
2785
|
padding:var(--space-2);
|
|
2786
2786
|
}
|
|
2787
|
-
.bp_dropdown_menu_module_content--
|
|
2787
|
+
.bp_dropdown_menu_module_content--0ec8b .bp_dropdown_menu_module_subheader--0ec8b.bp_dropdown_menu_module_uppercased--0ec8b{
|
|
2788
2788
|
text-transform:uppercase;
|
|
2789
2789
|
}
|
|
2790
|
+
.bp_dropdown_menu_module_content--0ec8b .bp_dropdown_menu_module_dropdownMenuItemSeparator--0ec8b{
|
|
2791
|
+
margin-block:var(--space-2);
|
|
2792
|
+
}
|
|
2790
2793
|
|
|
2791
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
2794
|
+
.bp_dropdown_menu_module_ellipsis--0ec8b{
|
|
2792
2795
|
overflow:hidden;
|
|
2793
2796
|
text-overflow:ellipsis;
|
|
2794
2797
|
white-space:nowrap;
|
|
2795
2798
|
}
|
|
2796
2799
|
|
|
2797
|
-
.bp_dropdown_menu_module_checkmark--
|
|
2800
|
+
.bp_dropdown_menu_module_checkmark--0ec8b{
|
|
2798
2801
|
align-items:center;
|
|
2799
2802
|
display:inline-flex;
|
|
2800
2803
|
justify-content:center;
|
|
@@ -2802,7 +2805,7 @@
|
|
|
2802
2805
|
position:absolute;
|
|
2803
2806
|
}
|
|
2804
2807
|
|
|
2805
|
-
.bp_dropdown_menu_module_item--
|
|
2808
|
+
.bp_dropdown_menu_module_item--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b{
|
|
2806
2809
|
align-items:center;
|
|
2807
2810
|
border:var(--border-2) solid #0000;
|
|
2808
2811
|
border-radius:var(--radius-3);
|
|
@@ -2814,34 +2817,34 @@
|
|
|
2814
2817
|
-webkit-user-select:none;
|
|
2815
2818
|
user-select:none;
|
|
2816
2819
|
}
|
|
2817
|
-
.bp_dropdown_menu_module_item--
|
|
2820
|
+
.bp_dropdown_menu_module_item--0ec8b[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--0ec8b[data-disabled]{
|
|
2818
2821
|
opacity:60%;
|
|
2819
2822
|
pointer-events:none;
|
|
2820
2823
|
}
|
|
2821
|
-
.bp_dropdown_menu_module_item--
|
|
2824
|
+
.bp_dropdown_menu_module_item--0ec8b[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--0ec8b[data-highlighted]{
|
|
2822
2825
|
background-color:var(--surface-menu-surface-hover);
|
|
2823
2826
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
2824
2827
|
}
|
|
2825
|
-
.bp_dropdown_menu_module_item--
|
|
2828
|
+
.bp_dropdown_menu_module_item--0ec8b:active,.bp_dropdown_menu_module_subMenuTrigger--0ec8b:active{
|
|
2826
2829
|
background-color:var(--surface-menu-surface-hover);
|
|
2827
2830
|
border:var(--border-2) solid #0000;
|
|
2828
2831
|
}
|
|
2829
|
-
.bp_dropdown_menu_module_item--
|
|
2832
|
+
.bp_dropdown_menu_module_item--0ec8b:hover,.bp_dropdown_menu_module_item--0ec8b[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--0ec8b:hover,.bp_dropdown_menu_module_subMenuTrigger--0ec8b[data-state=open]{
|
|
2830
2833
|
background-color:var(--surface-menu-surface-hover);
|
|
2831
2834
|
}
|
|
2832
|
-
.bp_dropdown_menu_module_item--
|
|
2835
|
+
.bp_dropdown_menu_module_item--0ec8b.bp_dropdown_menu_module_radioItem--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b.bp_dropdown_menu_module_radioItem--0ec8b{
|
|
2833
2836
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
2834
2837
|
}
|
|
2835
|
-
.bp_dropdown_menu_module_item--
|
|
2838
|
+
.bp_dropdown_menu_module_item--0ec8b.bp_dropdown_menu_module_radioItem--0ec8b .bp_dropdown_menu_module_radioItemMediumSpacing--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b.bp_dropdown_menu_module_radioItem--0ec8b .bp_dropdown_menu_module_radioItemMediumSpacing--0ec8b{
|
|
2836
2839
|
padding-inline-start:var(--space-2);
|
|
2837
2840
|
}
|
|
2838
|
-
.bp_dropdown_menu_module_item--
|
|
2841
|
+
.bp_dropdown_menu_module_item--0ec8b.bp_dropdown_menu_module_checkboxItem--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b.bp_dropdown_menu_module_checkboxItem--0ec8b{
|
|
2839
2842
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
2840
2843
|
}
|
|
2841
|
-
.bp_dropdown_menu_module_item--
|
|
2844
|
+
.bp_dropdown_menu_module_item--0ec8b.bp_dropdown_menu_module_checkboxItem--0ec8b .bp_dropdown_menu_module_checkboxItemMediumSpacing--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b.bp_dropdown_menu_module_checkboxItem--0ec8b .bp_dropdown_menu_module_checkboxItemMediumSpacing--0ec8b{
|
|
2842
2845
|
padding-inline-start:var(--space-2);
|
|
2843
2846
|
}
|
|
2844
|
-
.bp_dropdown_menu_module_item--
|
|
2847
|
+
.bp_dropdown_menu_module_item--0ec8b .bp_dropdown_menu_module_mediumItemLayout--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b .bp_dropdown_menu_module_mediumItemLayout--0ec8b{
|
|
2845
2848
|
align-items:center;
|
|
2846
2849
|
display:flex;
|
|
2847
2850
|
gap:var(--space-2);
|
|
@@ -2849,24 +2852,20 @@
|
|
|
2849
2852
|
overflow:hidden;
|
|
2850
2853
|
width:100%;
|
|
2851
2854
|
}
|
|
2852
|
-
.bp_dropdown_menu_module_item--
|
|
2855
|
+
.bp_dropdown_menu_module_item--0ec8b .bp_dropdown_menu_module_startElement--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b .bp_dropdown_menu_module_startElement--0ec8b{
|
|
2853
2856
|
align-items:center;
|
|
2854
2857
|
display:flex;
|
|
2855
2858
|
}
|
|
2856
|
-
.bp_dropdown_menu_module_item--
|
|
2859
|
+
.bp_dropdown_menu_module_item--0ec8b .bp_dropdown_menu_module_menuItemMainContent--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b .bp_dropdown_menu_module_menuItemMainContent--0ec8b{
|
|
2857
2860
|
flex-grow:1;
|
|
2858
2861
|
}
|
|
2859
|
-
.bp_dropdown_menu_module_item--
|
|
2862
|
+
.bp_dropdown_menu_module_item--0ec8b .bp_dropdown_menu_module_endElement--0ec8b,.bp_dropdown_menu_module_subMenuTrigger--0ec8b .bp_dropdown_menu_module_endElement--0ec8b{
|
|
2860
2863
|
align-items:center;
|
|
2861
2864
|
color:var(--text-text-on-light-secondary);
|
|
2862
2865
|
display:flex;
|
|
2863
2866
|
}
|
|
2864
2867
|
|
|
2865
|
-
.
|
|
2866
|
-
margin-block:var(--space-2);
|
|
2867
|
-
}
|
|
2868
|
-
|
|
2869
|
-
.bp_dropdown_menu_module_menuHeader--87356{
|
|
2868
|
+
.bp_dropdown_menu_module_menuHeader--0ec8b{
|
|
2870
2869
|
align-items:center;
|
|
2871
2870
|
box-shadow:var(--dropshadow-1);
|
|
2872
2871
|
display:grid;
|
|
@@ -2876,15 +2875,15 @@
|
|
|
2876
2875
|
padding:var(--space-3);
|
|
2877
2876
|
}
|
|
2878
2877
|
|
|
2879
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
2878
|
+
.bp_dropdown_menu_module_headerTextContent--0ec8b{
|
|
2880
2879
|
display:grid;
|
|
2881
2880
|
}
|
|
2882
2881
|
|
|
2883
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
2882
|
+
.bp_dropdown_menu_module_submenuCloseButton--0ec8b{
|
|
2884
2883
|
grid-area:submenu-close;
|
|
2885
2884
|
}
|
|
2886
2885
|
|
|
2887
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
2886
|
+
.bp_dropdown_menu_module_menuCloseButton--0ec8b{
|
|
2888
2887
|
grid-area:close;
|
|
2889
2888
|
}
|
|
2890
2889
|
|
|
@@ -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--0ec8b","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--0ec8b","subheader":"bp_dropdown_menu_module_subheader--0ec8b","uppercased":"bp_dropdown_menu_module_uppercased--0ec8b","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--0ec8b","ellipsis":"bp_dropdown_menu_module_ellipsis--0ec8b","checkmark":"bp_dropdown_menu_module_checkmark--0ec8b","item":"bp_dropdown_menu_module_item--0ec8b","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--0ec8b","radioItem":"bp_dropdown_menu_module_radioItem--0ec8b","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--0ec8b","checkboxItem":"bp_dropdown_menu_module_checkboxItem--0ec8b","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--0ec8b","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--0ec8b","startElement":"bp_dropdown_menu_module_startElement--0ec8b","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--0ec8b","endElement":"bp_dropdown_menu_module_endElement--0ec8b","menuHeader":"bp_dropdown_menu_module_menuHeader--0ec8b","headerTextContent":"bp_dropdown_menu_module_headerTextContent--0ec8b","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--0ec8b","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--0ec8b"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|