@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.
@@ -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--f1d38[data-modern=false]{
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--f1d38[data-modern=true]{
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--f1d38{
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--f1d38[data-menu-fullscreen=true]{
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--f1d38[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--f1d38{
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--f1d38 .bp_dropdown_menu_module_subheader--f1d38{
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--f1d38 .bp_dropdown_menu_module_subheader--f1d38.bp_dropdown_menu_module_uppercased--f1d38{
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--f1d38 .bp_dropdown_menu_module_dropdownMenuItemSeparator--f1d38{
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--f1d38{
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--f1d38{
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--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38{
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--f1d38[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--f1d38[data-disabled]{
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--f1d38[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--f1d38[data-highlighted]{
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--f1d38:active,.bp_dropdown_menu_module_subMenuTrigger--f1d38:active{
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--f1d38[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--f1d38[data-state=open]{
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--f1d38:hover,.bp_dropdown_menu_module_subMenuTrigger--f1d38:hover{
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--f1d38.bp_dropdown_menu_module_radioItem--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38.bp_dropdown_menu_module_radioItem--f1d38{
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--f1d38.bp_dropdown_menu_module_radioItem--f1d38 .bp_dropdown_menu_module_radioItemMediumSpacing--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38.bp_dropdown_menu_module_radioItem--f1d38 .bp_dropdown_menu_module_radioItemMediumSpacing--f1d38{
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--f1d38.bp_dropdown_menu_module_checkboxItem--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38.bp_dropdown_menu_module_checkboxItem--f1d38{
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--f1d38.bp_dropdown_menu_module_checkboxItem--f1d38 .bp_dropdown_menu_module_checkboxItemMediumSpacing--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38.bp_dropdown_menu_module_checkboxItem--f1d38 .bp_dropdown_menu_module_checkboxItemMediumSpacing--f1d38{
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--f1d38 .bp_dropdown_menu_module_mediumItemLayout--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38 .bp_dropdown_menu_module_mediumItemLayout--f1d38{
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--f1d38 .bp_dropdown_menu_module_startElement--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38 .bp_dropdown_menu_module_startElement--f1d38{
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--f1d38 .bp_dropdown_menu_module_menuItemMainContent--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38 .bp_dropdown_menu_module_menuItemMainContent--f1d38{
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--f1d38 .bp_dropdown_menu_module_endElement--f1d38,.bp_dropdown_menu_module_subMenuTrigger--f1d38 .bp_dropdown_menu_module_endElement--f1d38{
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--f1d38:has(.bp_dropdown_menu_module_ellipsis--f1d38){
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--f1d38:has(.bp_dropdown_menu_module_mediumItemLayout--f1d38){
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--f1d38{
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--f1d38{
2045
+ .bp_dropdown_menu_module_headerTextContent--1c802{
2049
2046
  display:grid;
2050
2047
  }
2051
2048
 
2052
- .bp_dropdown_menu_module_submenuCloseButton--f1d38{
2049
+ .bp_dropdown_menu_module_submenuCloseButton--1c802{
2053
2050
  grid-area:submenu-close;
2054
2051
  }
2055
2052
 
2056
- .bp_dropdown_menu_module_menuCloseButton--f1d38{
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: jsx("div", {
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--f1d38","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--f1d38","subheader":"bp_dropdown_menu_module_subheader--f1d38","uppercased":"bp_dropdown_menu_module_uppercased--f1d38","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--f1d38","ellipsis":"bp_dropdown_menu_module_ellipsis--f1d38","checkmark":"bp_dropdown_menu_module_checkmark--f1d38","item":"bp_dropdown_menu_module_item--f1d38","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--f1d38","radioItem":"bp_dropdown_menu_module_radioItem--f1d38","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--f1d38","checkboxItem":"bp_dropdown_menu_module_checkboxItem--f1d38","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--f1d38","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--f1d38","startElement":"bp_dropdown_menu_module_startElement--f1d38","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--f1d38","endElement":"bp_dropdown_menu_module_endElement--f1d38","menuHeader":"bp_dropdown_menu_module_menuHeader--f1d38","headerTextContent":"bp_dropdown_menu_module_headerTextContent--f1d38","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--f1d38","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--f1d38"};
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "12.98.1",
3
+ "version": "12.98.2",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE",
6
6
  "publishConfig": {