@box/blueprint-web 12.98.1 → 12.98.2
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
|
@@ -1829,7 +1829,7 @@
|
|
|
1829
1829
|
.bp_base_badge_module_numericBadgeMoreDigits--e8606{
|
|
1830
1830
|
padding:1px 3px;
|
|
1831
1831
|
}
|
|
1832
|
-
.bp_dropdown_menu_module_content--
|
|
1832
|
+
.bp_dropdown_menu_module_content--1c802[data-modern=false]{
|
|
1833
1833
|
--dropdown-menu-radius:var(--radius-3);
|
|
1834
1834
|
--dropdown-menu-padding:var(--space-3);
|
|
1835
1835
|
--dropdown-menu-text-color:var(--text-text-on-light);
|
|
@@ -1870,7 +1870,7 @@
|
|
|
1870
1870
|
text-transform:var(--body-default-text-case);
|
|
1871
1871
|
}
|
|
1872
1872
|
|
|
1873
|
-
.bp_dropdown_menu_module_content--
|
|
1873
|
+
.bp_dropdown_menu_module_content--1c802[data-modern=true]{
|
|
1874
1874
|
--dropdown-menu-radius:var(--bp-radius-10);
|
|
1875
1875
|
--dropdown-menu-padding:var(--bp-space-030);
|
|
1876
1876
|
--dropdown-menu-text-color:var(--bp-text-text-on-light);
|
|
@@ -1909,7 +1909,7 @@
|
|
|
1909
1909
|
line-height:var(--bp-font-line-height-04);
|
|
1910
1910
|
}
|
|
1911
1911
|
|
|
1912
|
-
.bp_dropdown_menu_module_content--
|
|
1912
|
+
.bp_dropdown_menu_module_content--1c802{
|
|
1913
1913
|
backdrop-filter:var(--dropdown-menu-backdrop-filter);
|
|
1914
1914
|
background-color:var(--dropdown-menu-background);
|
|
1915
1915
|
border:var(--dropdown-menu-border);
|
|
@@ -1924,7 +1924,7 @@
|
|
|
1924
1924
|
padding:var(--dropdown-menu-padding);
|
|
1925
1925
|
z-index:2147483647;
|
|
1926
1926
|
}
|
|
1927
|
-
.bp_dropdown_menu_module_content--
|
|
1927
|
+
.bp_dropdown_menu_module_content--1c802[data-menu-fullscreen=true]{
|
|
1928
1928
|
border:unset;
|
|
1929
1929
|
border-radius:unset;
|
|
1930
1930
|
display:flex;
|
|
@@ -1937,27 +1937,27 @@
|
|
|
1937
1937
|
position:relative;
|
|
1938
1938
|
width:100vw;
|
|
1939
1939
|
}
|
|
1940
|
-
.bp_dropdown_menu_module_content--
|
|
1940
|
+
.bp_dropdown_menu_module_content--1c802[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--1c802{
|
|
1941
1941
|
overflow-y:auto;
|
|
1942
1942
|
padding:var(--dropdown-menu-full-screen-padding);
|
|
1943
1943
|
}
|
|
1944
|
-
.bp_dropdown_menu_module_content--
|
|
1944
|
+
.bp_dropdown_menu_module_content--1c802 .bp_dropdown_menu_module_subheader--1c802{
|
|
1945
1945
|
padding:var(--dropdown-menu-subheader-padding);
|
|
1946
1946
|
}
|
|
1947
|
-
.bp_dropdown_menu_module_content--
|
|
1947
|
+
.bp_dropdown_menu_module_content--1c802 .bp_dropdown_menu_module_subheader--1c802.bp_dropdown_menu_module_uppercased--1c802{
|
|
1948
1948
|
text-transform:uppercase;
|
|
1949
1949
|
}
|
|
1950
|
-
.bp_dropdown_menu_module_content--
|
|
1950
|
+
.bp_dropdown_menu_module_content--1c802 .bp_dropdown_menu_module_dropdownMenuItemSeparator--1c802{
|
|
1951
1951
|
margin-block:var(--dropdown-menu-separator-margin);
|
|
1952
1952
|
}
|
|
1953
1953
|
|
|
1954
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
1954
|
+
.bp_dropdown_menu_module_ellipsis--1c802{
|
|
1955
1955
|
overflow:hidden;
|
|
1956
1956
|
text-overflow:ellipsis;
|
|
1957
1957
|
white-space:nowrap;
|
|
1958
1958
|
}
|
|
1959
1959
|
|
|
1960
|
-
.bp_dropdown_menu_module_checkmark--
|
|
1960
|
+
.bp_dropdown_menu_module_checkmark--1c802{
|
|
1961
1961
|
align-items:center;
|
|
1962
1962
|
display:inline-flex;
|
|
1963
1963
|
justify-content:center;
|
|
@@ -1965,7 +1965,7 @@
|
|
|
1965
1965
|
position:absolute;
|
|
1966
1966
|
}
|
|
1967
1967
|
|
|
1968
|
-
.bp_dropdown_menu_module_item--
|
|
1968
|
+
.bp_dropdown_menu_module_item--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802{
|
|
1969
1969
|
align-items:center;
|
|
1970
1970
|
border:var(--dropdown-menu-item-border);
|
|
1971
1971
|
border-radius:var(--dropdown-menu-item-radius);
|
|
@@ -1978,64 +1978,61 @@
|
|
|
1978
1978
|
-webkit-user-select:none;
|
|
1979
1979
|
user-select:none;
|
|
1980
1980
|
}
|
|
1981
|
-
.bp_dropdown_menu_module_item--
|
|
1981
|
+
.bp_dropdown_menu_module_item--1c802[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--1c802[data-disabled]{
|
|
1982
1982
|
opacity:60%;
|
|
1983
1983
|
pointer-events:none;
|
|
1984
1984
|
}
|
|
1985
|
-
.bp_dropdown_menu_module_item--
|
|
1985
|
+
.bp_dropdown_menu_module_item--1c802[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--1c802[data-highlighted]{
|
|
1986
1986
|
background-color:var(--dropdown-menu-item-background-focus);
|
|
1987
1987
|
border:var(--dropdown-menu-item-border-focus);
|
|
1988
1988
|
}
|
|
1989
|
-
.bp_dropdown_menu_module_item--
|
|
1989
|
+
.bp_dropdown_menu_module_item--1c802:active,.bp_dropdown_menu_module_subMenuTrigger--1c802:active{
|
|
1990
1990
|
background-color:var(--dropdown-menu-item-background-active);
|
|
1991
1991
|
border:var(--dropdown-menu-item-border-active);
|
|
1992
1992
|
}
|
|
1993
|
-
.bp_dropdown_menu_module_item--
|
|
1993
|
+
.bp_dropdown_menu_module_item--1c802[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--1c802[data-state=open]{
|
|
1994
1994
|
background-color:var(--dropdown-menu-item-background-selected);
|
|
1995
1995
|
}
|
|
1996
|
-
.bp_dropdown_menu_module_item--
|
|
1996
|
+
.bp_dropdown_menu_module_item--1c802:hover,.bp_dropdown_menu_module_subMenuTrigger--1c802:hover{
|
|
1997
1997
|
background-color:var(--dropdown-menu-item-background-hover);
|
|
1998
1998
|
}
|
|
1999
|
-
.bp_dropdown_menu_module_item--
|
|
1999
|
+
.bp_dropdown_menu_module_item--1c802.bp_dropdown_menu_module_radioItem--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802.bp_dropdown_menu_module_radioItem--1c802{
|
|
2000
2000
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
2001
2001
|
}
|
|
2002
|
-
.bp_dropdown_menu_module_item--
|
|
2002
|
+
.bp_dropdown_menu_module_item--1c802.bp_dropdown_menu_module_radioItem--1c802 .bp_dropdown_menu_module_radioItemMediumSpacing--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802.bp_dropdown_menu_module_radioItem--1c802 .bp_dropdown_menu_module_radioItemMediumSpacing--1c802{
|
|
2003
2003
|
padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
|
|
2004
2004
|
}
|
|
2005
|
-
.bp_dropdown_menu_module_item--
|
|
2005
|
+
.bp_dropdown_menu_module_item--1c802.bp_dropdown_menu_module_checkboxItem--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802.bp_dropdown_menu_module_checkboxItem--1c802{
|
|
2006
2006
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
2007
2007
|
}
|
|
2008
|
-
.bp_dropdown_menu_module_item--
|
|
2008
|
+
.bp_dropdown_menu_module_item--1c802.bp_dropdown_menu_module_checkboxItem--1c802 .bp_dropdown_menu_module_checkboxItemMediumSpacing--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802.bp_dropdown_menu_module_checkboxItem--1c802 .bp_dropdown_menu_module_checkboxItemMediumSpacing--1c802{
|
|
2009
2009
|
padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
|
|
2010
2010
|
}
|
|
2011
|
-
.bp_dropdown_menu_module_item--
|
|
2012
|
-
align-items:center;
|
|
2013
|
-
display:flex;
|
|
2011
|
+
.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_mediumItemLayout--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_mediumItemLayout--1c802{
|
|
2014
2012
|
gap:var(--dropdown-menu-medium-item-layout-gap);
|
|
2015
2013
|
justify-content:space-between;
|
|
2016
2014
|
overflow:hidden;
|
|
2017
|
-
width:100%;
|
|
2018
2015
|
}
|
|
2019
|
-
.bp_dropdown_menu_module_item--
|
|
2016
|
+
.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_startElement--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_startElement--1c802{
|
|
2020
2017
|
align-items:center;
|
|
2021
2018
|
display:flex;
|
|
2022
2019
|
}
|
|
2023
|
-
.bp_dropdown_menu_module_item--
|
|
2020
|
+
.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_menuItemMainContent--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_menuItemMainContent--1c802{
|
|
2024
2021
|
flex-grow:1;
|
|
2025
2022
|
}
|
|
2026
|
-
.bp_dropdown_menu_module_item--
|
|
2023
|
+
.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_endElement--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_endElement--1c802{
|
|
2027
2024
|
align-items:center;
|
|
2028
2025
|
color:var(--dropdown-menu-end-element-color);
|
|
2029
2026
|
display:flex;
|
|
2030
2027
|
}
|
|
2031
|
-
.bp_dropdown_menu_module_item--
|
|
2028
|
+
.bp_dropdown_menu_module_item--1c802:has(.bp_dropdown_menu_module_ellipsis--1c802){
|
|
2032
2029
|
border-radius:var(--dropdown-menu-item-radius);
|
|
2033
2030
|
}
|
|
2034
|
-
.bp_dropdown_menu_module_item--
|
|
2031
|
+
.bp_dropdown_menu_module_item--1c802:has(.bp_dropdown_menu_module_mediumItemLayout--1c802){
|
|
2035
2032
|
border-radius:var(--dropdown-menu-medium-item-radius);
|
|
2036
2033
|
}
|
|
2037
2034
|
|
|
2038
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
2035
|
+
.bp_dropdown_menu_module_menuHeader--1c802{
|
|
2039
2036
|
align-items:center;
|
|
2040
2037
|
box-shadow:var(--dropdown-menu-header-shadow);
|
|
2041
2038
|
display:grid;
|
|
@@ -2045,15 +2042,15 @@
|
|
|
2045
2042
|
padding:var(--dropdown-menu-header-padding);
|
|
2046
2043
|
}
|
|
2047
2044
|
|
|
2048
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
2045
|
+
.bp_dropdown_menu_module_headerTextContent--1c802{
|
|
2049
2046
|
display:grid;
|
|
2050
2047
|
}
|
|
2051
2048
|
|
|
2052
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
2049
|
+
.bp_dropdown_menu_module_submenuCloseButton--1c802{
|
|
2053
2050
|
grid-area:submenu-close;
|
|
2054
2051
|
}
|
|
2055
2052
|
|
|
2056
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
2053
|
+
.bp_dropdown_menu_module_menuCloseButton--1c802{
|
|
2057
2054
|
grid-area:close;
|
|
2058
2055
|
}
|
|
2059
2056
|
.bp_icon_button_module_iconButton--06ef3[data-modern=false]{
|
|
@@ -26,17 +26,14 @@ const DropdownMenuItemBase = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
26
26
|
return jsx(DropdownMenuPrimitive.Item, {
|
|
27
27
|
...rest,
|
|
28
28
|
ref: forwardedRef,
|
|
29
|
-
className: clsx(styles.item, className),
|
|
29
|
+
className: clsx(styles.item, sizeStyles, className),
|
|
30
30
|
onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
|
|
31
31
|
onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
|
|
32
32
|
// If click starts at trigger button, and ends on the item, it should not trigger the item.
|
|
33
33
|
// Note: this also has a side effect of not allowing to start click and end on a different time.
|
|
34
34
|
// TODO: see if possible to make https://github.com/radix-ui/primitives/blob/b32a93318cdfce383c2eec095710d35ffbd33a1c/packages/react/menu/src/Menu.tsx#L646
|
|
35
35
|
onPointerUp: composeEventHandlers(props.onPointerUp, preventDefault),
|
|
36
|
-
children:
|
|
37
|
-
className: sizeStyles,
|
|
38
|
-
children: children
|
|
39
|
-
})
|
|
36
|
+
children: children
|
|
40
37
|
});
|
|
41
38
|
});
|
|
42
39
|
/**
|
|
@@ -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--1c802","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--1c802","subheader":"bp_dropdown_menu_module_subheader--1c802","uppercased":"bp_dropdown_menu_module_uppercased--1c802","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--1c802","ellipsis":"bp_dropdown_menu_module_ellipsis--1c802","checkmark":"bp_dropdown_menu_module_checkmark--1c802","item":"bp_dropdown_menu_module_item--1c802","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--1c802","radioItem":"bp_dropdown_menu_module_radioItem--1c802","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--1c802","checkboxItem":"bp_dropdown_menu_module_checkboxItem--1c802","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--1c802","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--1c802","startElement":"bp_dropdown_menu_module_startElement--1c802","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--1c802","endElement":"bp_dropdown_menu_module_endElement--1c802","menuHeader":"bp_dropdown_menu_module_menuHeader--1c802","headerTextContent":"bp_dropdown_menu_module_headerTextContent--1c802","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--1c802","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--1c802"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|