@box/blueprint-web 12.100.0 → 12.100.2

package/dist/lib-esm/index.css

@@ -1829,7 +1829,7 @@
 .bp_base_badge_module_numericBadgeMoreDigits--e8606{
   padding:1px 3px;
 }
-.bp_dropdown_menu_module_content--1c802[data-modern=false]{
+.bp_dropdown_menu_module_content--fc1b6[data-modern=false]{
   --dropdown-menu-radius:var(--radius-3);
   --dropdown-menu-padding:var(--space-3);
   --dropdown-menu-text-color:var(--text-text-on-light);
@@ -1841,6 +1841,7 @@
   --dropdown-menu-item-background-focus:var(--surface-menu-surface-hover);
   --dropdown-menu-item-border-focus:var(--border-2) solid var(--outline-focus-on-light);
   --dropdown-menu-item-border-active:var(--border-2) solid #0000;
+  --dropdown-menu-item-border-hover:var(--border-2) solid #0000;
   --dropdown-menu-item-background-active:var(--surface-menu-surface-hover);
   --dropdown-menu-item-background-selected:var(--surface-menu-surface-hover);
   --dropdown-menu-item-padding:var(--space-2);
@@ -1870,7 +1871,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_dropdown_menu_module_content--1c802[data-modern=true]{
+.bp_dropdown_menu_module_content--fc1b6[data-modern=true]{
   --dropdown-menu-radius:var(--bp-radius-10);
   --dropdown-menu-padding:var(--bp-space-030);
   --dropdown-menu-text-color:var(--bp-text-text-on-light);
@@ -1882,6 +1883,7 @@
   --dropdown-menu-item-background-focus:var(--bp-surface-menu-item-surface-hover);
   --dropdown-menu-item-border-focus:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
   --dropdown-menu-item-border-active:var(--bp-border-02) solid #0000;
+  --dropdown-menu-item-border-hover:var(--bp-border-02) solid #0000;
   --dropdown-menu-item-background-active:var(--bp-surface-menu-item-surface-hover);
   --dropdown-menu-item-background-selected:var(--bp-surface-menu-item-surface-hover);
   --dropdown-menu-item-padding:var(--bp-space-020);
@@ -1909,7 +1911,7 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_dropdown_menu_module_content--1c802{
+.bp_dropdown_menu_module_content--fc1b6{
   backdrop-filter:var(--dropdown-menu-backdrop-filter);
   background-color:var(--dropdown-menu-background);
   border:var(--dropdown-menu-border);
@@ -1924,7 +1926,7 @@
   padding:var(--dropdown-menu-padding);
   z-index:2147483647;
 }
-.bp_dropdown_menu_module_content--1c802[data-menu-fullscreen=true]{
+.bp_dropdown_menu_module_content--fc1b6[data-menu-fullscreen=true]{
   border:unset;
   border-radius:unset;
   display:flex;
@@ -1937,27 +1939,27 @@
   position:relative;
   width:100vw;
 }
-.bp_dropdown_menu_module_content--1c802[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--1c802{
+.bp_dropdown_menu_module_content--fc1b6[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--fc1b6{
   overflow-y:auto;
   padding:var(--dropdown-menu-full-screen-padding);
 }
-.bp_dropdown_menu_module_content--1c802 .bp_dropdown_menu_module_subheader--1c802{
+.bp_dropdown_menu_module_content--fc1b6 .bp_dropdown_menu_module_subheader--fc1b6{
   padding:var(--dropdown-menu-subheader-padding);
 }
-.bp_dropdown_menu_module_content--1c802 .bp_dropdown_menu_module_subheader--1c802.bp_dropdown_menu_module_uppercased--1c802{
+.bp_dropdown_menu_module_content--fc1b6 .bp_dropdown_menu_module_subheader--fc1b6.bp_dropdown_menu_module_uppercased--fc1b6{
   text-transform:uppercase;
 }
-.bp_dropdown_menu_module_content--1c802 .bp_dropdown_menu_module_dropdownMenuItemSeparator--1c802{
+.bp_dropdown_menu_module_content--fc1b6 .bp_dropdown_menu_module_dropdownMenuItemSeparator--fc1b6{
   margin-block:var(--dropdown-menu-separator-margin);
 }
 
-.bp_dropdown_menu_module_ellipsis--1c802{
+.bp_dropdown_menu_module_ellipsis--fc1b6{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_dropdown_menu_module_checkmark--1c802{
+.bp_dropdown_menu_module_checkmark--fc1b6{
   align-items:center;
   display:inline-flex;
   justify-content:center;
@@ -1965,7 +1967,7 @@
   position:absolute;
 }
 
-.bp_dropdown_menu_module_item--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802{
+.bp_dropdown_menu_module_item--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6{
   align-items:center;
   border:var(--dropdown-menu-item-border);
   border-radius:var(--dropdown-menu-item-radius);
@@ -1978,61 +1980,65 @@
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_dropdown_menu_module_item--1c802[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--1c802[data-disabled]{
+.bp_dropdown_menu_module_item--fc1b6[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--fc1b6[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_dropdown_menu_module_item--1c802[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--1c802[data-highlighted]{
+.bp_dropdown_menu_module_item--fc1b6[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--fc1b6[data-highlighted]{
   background-color:var(--dropdown-menu-item-background-focus);
   border:var(--dropdown-menu-item-border-focus);
 }
-.bp_dropdown_menu_module_item--1c802:active,.bp_dropdown_menu_module_subMenuTrigger--1c802:active{
+.bp_dropdown_menu_module_item--fc1b6[data-state=open][data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--fc1b6[data-state=open][data-highlighted]{
+  border:var(--dropdown-menu-item-border);
+}
+.bp_dropdown_menu_module_item--fc1b6:active,.bp_dropdown_menu_module_subMenuTrigger--fc1b6:active{
   background-color:var(--dropdown-menu-item-background-active);
   border:var(--dropdown-menu-item-border-active);
 }
-.bp_dropdown_menu_module_item--1c802[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--1c802[data-state=open]{
+.bp_dropdown_menu_module_item--fc1b6[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--fc1b6[data-state=open]{
   background-color:var(--dropdown-menu-item-background-selected);
 }
-.bp_dropdown_menu_module_item--1c802:hover,.bp_dropdown_menu_module_subMenuTrigger--1c802:hover{
+.bp_dropdown_menu_module_item--fc1b6:hover,.bp_dropdown_menu_module_subMenuTrigger--fc1b6:hover{
   background-color:var(--dropdown-menu-item-background-hover);
+  border:var(--dropdown-menu-item-border-hover);
 }
-.bp_dropdown_menu_module_item--1c802.bp_dropdown_menu_module_radioItem--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802.bp_dropdown_menu_module_radioItem--1c802{
+.bp_dropdown_menu_module_item--fc1b6.bp_dropdown_menu_module_radioItem--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6.bp_dropdown_menu_module_radioItem--fc1b6{
   padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
 }
-.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{
+.bp_dropdown_menu_module_item--fc1b6.bp_dropdown_menu_module_radioItem--fc1b6 .bp_dropdown_menu_module_radioItemMediumSpacing--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6.bp_dropdown_menu_module_radioItem--fc1b6 .bp_dropdown_menu_module_radioItemMediumSpacing--fc1b6{
   padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
 }
-.bp_dropdown_menu_module_item--1c802.bp_dropdown_menu_module_checkboxItem--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802.bp_dropdown_menu_module_checkboxItem--1c802{
+.bp_dropdown_menu_module_item--fc1b6.bp_dropdown_menu_module_checkboxItem--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6.bp_dropdown_menu_module_checkboxItem--fc1b6{
   padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
 }
-.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{
+.bp_dropdown_menu_module_item--fc1b6.bp_dropdown_menu_module_checkboxItem--fc1b6 .bp_dropdown_menu_module_checkboxItemMediumSpacing--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6.bp_dropdown_menu_module_checkboxItem--fc1b6 .bp_dropdown_menu_module_checkboxItemMediumSpacing--fc1b6{
   padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
 }
-.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_mediumItemLayout--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_mediumItemLayout--1c802{
+.bp_dropdown_menu_module_item--fc1b6 .bp_dropdown_menu_module_mediumItemLayout--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6 .bp_dropdown_menu_module_mediumItemLayout--fc1b6{
   gap:var(--dropdown-menu-medium-item-layout-gap);
   justify-content:space-between;
   overflow:hidden;
 }
-.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_startElement--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_startElement--1c802{
+.bp_dropdown_menu_module_item--fc1b6 .bp_dropdown_menu_module_startElement--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6 .bp_dropdown_menu_module_startElement--fc1b6{
   align-items:center;
   display:flex;
 }
-.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_menuItemMainContent--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_menuItemMainContent--1c802{
+.bp_dropdown_menu_module_item--fc1b6 .bp_dropdown_menu_module_menuItemMainContent--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6 .bp_dropdown_menu_module_menuItemMainContent--fc1b6{
   flex-grow:1;
 }
-.bp_dropdown_menu_module_item--1c802 .bp_dropdown_menu_module_endElement--1c802,.bp_dropdown_menu_module_subMenuTrigger--1c802 .bp_dropdown_menu_module_endElement--1c802{
+.bp_dropdown_menu_module_item--fc1b6 .bp_dropdown_menu_module_endElement--fc1b6,.bp_dropdown_menu_module_subMenuTrigger--fc1b6 .bp_dropdown_menu_module_endElement--fc1b6{
   align-items:center;
   color:var(--dropdown-menu-end-element-color);
   display:flex;
 }
-.bp_dropdown_menu_module_item--1c802:has(.bp_dropdown_menu_module_ellipsis--1c802){
+.bp_dropdown_menu_module_item--fc1b6:has(.bp_dropdown_menu_module_ellipsis--fc1b6){
   border-radius:var(--dropdown-menu-item-radius);
 }
-.bp_dropdown_menu_module_item--1c802:has(.bp_dropdown_menu_module_mediumItemLayout--1c802){
+.bp_dropdown_menu_module_item--fc1b6:has(.bp_dropdown_menu_module_mediumItemLayout--fc1b6){
   border-radius:var(--dropdown-menu-medium-item-radius);
 }
 
-.bp_dropdown_menu_module_menuHeader--1c802{
+.bp_dropdown_menu_module_menuHeader--fc1b6{
   align-items:center;
   box-shadow:var(--dropdown-menu-header-shadow);
   display:grid;
@@ -2042,15 +2048,15 @@
   padding:var(--dropdown-menu-header-padding);
 }
 
-.bp_dropdown_menu_module_headerTextContent--1c802{
+.bp_dropdown_menu_module_headerTextContent--fc1b6{
   display:grid;
 }
 
-.bp_dropdown_menu_module_submenuCloseButton--1c802{
+.bp_dropdown_menu_module_submenuCloseButton--fc1b6{
   grid-area:submenu-close;
 }
 
-.bp_dropdown_menu_module_menuCloseButton--1c802{
+.bp_dropdown_menu_module_menuCloseButton--fc1b6{
   grid-area:close;
 }
 .bp_icon_button_module_iconButton--06ef3[data-modern=false]{

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -3,9 +3,8 @@ import { Checkmark } from '@box/blueprint-web-assets/icons/Fill';
 import { bpIconIconOnLight, Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
-import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import styles from './dropdown-menu.module.js';
 import { useMenuItemVariant } from './menu-item-variant-context.js';
 
@@ -28,13 +27,10 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
   const isSizeSmall = internalSize === 'small';
   const checkmarkSize = isSizeSmall ? '1rem' : '2rem';
   const checkmarkColor = enableModernizedComponents ? bpIconIconOnLight : Gray100;
-  const preventDefault = useCallback(event => event.preventDefault(), []);
   return jsxs(DropdownMenuPrimitive.CheckboxItem, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.item, styles.checkboxItem, className),
-    onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
-    onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
     children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
       className: styles.checkmark,
       children: jsx(Checkmark, {

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js

@@ -27,8 +27,6 @@ const DropdownMenuItemBase = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.item, sizeStyles, className),
-    onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
-    onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
     // If click starts at trigger button, and ends on the item, it should not trigger the item.
     // Note: this also has a side effect of not allowing to start click and end on a different time.
     // TODO: see if possible to make https://github.com/radix-ui/primitives/blob/b32a93318cdfce383c2eec095710d35ffbd33a1c/packages/react/menu/src/Menu.tsx#L646

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-radio-select-item.js

@@ -3,9 +3,8 @@ import { Checkmark } from '@box/blueprint-web-assets/icons/Fill';
 import { bpIconIconOnLight, Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';
-import { forwardRef, useCallback } from 'react';
+import { forwardRef } from 'react';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
-import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import styles from './dropdown-menu.module.js';
 import { useMenuItemVariant } from './menu-item-variant-context.js';
 
@@ -28,13 +27,10 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
   const isSizeSmall = internalSize === 'small';
   const checkmarkSize = isSizeSmall ? '1rem' : '2rem';
   const checkmarkColor = enableModernizedComponents ? bpIconIconOnLight : Gray100;
-  const preventDefault = useCallback(event => event.preventDefault(), []);
   return jsxs(DropdownMenuPrimitive.RadioItem, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.item, styles.radioItem),
-    onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
-    onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
     value: value,
     children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
       className: styles.checkmark,

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-root.js

@@ -1,17 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import noop from 'lodash/noop';
-import { useContext, useCallback, createContext } from 'react';
+import 'lodash/noop';
+import { useCallback } from 'react';
 import { useControllableState } from '../../utils/useControllableState.js';
 import { SubMenuMenuProvider } from '../menu-utils/responsiveness/SubMenuContext.js';
 
-const ResponsiveSubmenuContext = /*#__PURE__*/createContext({
-  open: false,
-  setOpen: noop
-});
-const useResponsiveSubmenuContext = () => {
-  return useContext(ResponsiveSubmenuContext);
-};
 /**
  * Based on Radix-UI Sub
  * @see https://www.radix-ui.com/docs/primitives/components/dropdown-menu#sub
@@ -45,4 +38,4 @@ const DropdownMenuSubMenuRoot = props => {
 };
 DropdownMenuSubMenuRoot.displayName = 'DropdownMenuSubMenuRoot';
 
-export { DropdownMenuSubMenuRoot, useResponsiveSubmenuContext };
+export { DropdownMenuSubMenuRoot };

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-trigger.js

@@ -1,12 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { forwardRef, useEffect, useCallback } from 'react';
+import { forwardRef, useCallback } from 'react';
 import { MenuItemSideContent, MenuItemMainContent } from '../../util-components/menu-item-sections/menu-item-sections.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
-import { useForkRef } from '../../utils/useForkRef.js';
-import { useSubMenuFocus } from '../../utils/useSubMenuFocus.hook.js';
 import { useFullScreenDropdownMenu } from '../menu-utils/responsiveness/FullScreenDropdownMenuContext.js';
-import { useResponsiveSubmenuContext } from './dropdown-menu-sub-menu-root.js';
 import styles from './dropdown-menu.module.js';
 
 const DropdownMenuSubMenuTriggerRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -14,28 +11,17 @@ const DropdownMenuSubMenuTriggerRoot = /*#__PURE__*/forwardRef((props, forwarded
     children,
     ...rest
   } = props;
-  const [localRef, setRefFocusNoop] = useSubMenuFocus();
-  const {
-    open
-  } = useResponsiveSubmenuContext();
   const {
     isMenuFullScreenEnabled
   } = useFullScreenDropdownMenu();
-  useEffect(() => {
-    if (!open) {
-      localRef.current?.focus();
-    }
-  }, [localRef, open]);
   const handleOnPointerMove = useCallback(e => {
-    setRefFocusNoop();
-    //  we should call prevent default so hover doesn't trigger submenu, which is confusing on full screen.
     if (isMenuFullScreenEnabled) {
       e.preventDefault();
     }
-  }, [isMenuFullScreenEnabled, setRefFocusNoop]);
+  }, [isMenuFullScreenEnabled]);
   return jsx(DropdownMenuPrimitive.SubTrigger, {
     ...rest,
-    ref: useForkRef(localRef, forwardedRef),
+    ref: forwardedRef,
     className: styles.item,
     onPointerMove: composeEventHandlers(props.onPointerMove, handleOnPointerMove),
     children: children

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-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"};
+var styles = {"content":"bp_dropdown_menu_module_content--fc1b6","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--fc1b6","subheader":"bp_dropdown_menu_module_subheader--fc1b6","uppercased":"bp_dropdown_menu_module_uppercased--fc1b6","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--fc1b6","ellipsis":"bp_dropdown_menu_module_ellipsis--fc1b6","checkmark":"bp_dropdown_menu_module_checkmark--fc1b6","item":"bp_dropdown_menu_module_item--fc1b6","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--fc1b6","radioItem":"bp_dropdown_menu_module_radioItem--fc1b6","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--fc1b6","checkboxItem":"bp_dropdown_menu_module_checkboxItem--fc1b6","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--fc1b6","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--fc1b6","startElement":"bp_dropdown_menu_module_startElement--fc1b6","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--fc1b6","endElement":"bp_dropdown_menu_module_endElement--fc1b6","menuHeader":"bp_dropdown_menu_module_menuHeader--fc1b6","headerTextContent":"bp_dropdown_menu_module_headerTextContent--fc1b6","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--fc1b6","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--fc1b6"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.100.0",
+    "version": "12.100.2",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.15",
         "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.82.0",
+        "@box/blueprint-web-assets": "^4.83.0",
         "@internationalized/date": "^3.7.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.14.19",
+        "@box/storybook-utils": "^0.14.20",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "react": "^18.3.0",