@box/blueprint-web 9.5.1 → 9.6.1

package/lib-esm/branding-styles/useCustomBranding.js

@@ -27,7 +27,8 @@ const useCustomBranding = brandColor => {
                 --surface-nav-surface-brand-focus: ${buieTheme.primary.backgroundActive};
                 --surface-nav-surface-brand-hover: ${buieTheme.primary.backgroundHover};
                 --surface-nav-surface-brand: ${buieTheme.primary.background};
-
+                --surface-nav-surface-brand-foreground: ${buieTheme.primary.foreground};
+                
                 /* Illustrations branding tokens */
                 --surface-illustration-surface-box-neutral: ${isBrandingEnabled ? Gray65 : BoxBlue100}
               }`, 0);

package/lib-esm/primitives/context-menu/context-menu-item.js

@@ -3,6 +3,7 @@ import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
 import clsx from 'clsx';
 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 styles from './context-menu.module.js';
 
 const MenuItemRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -16,8 +17,8 @@ const MenuItemRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.menuItem, className),
-    onPointerLeave: preventDefault,
-    onPointerMove: preventDefault,
+    onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
+    onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
     children: children
   });
 });

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

@@ -4,6 +4,7 @@ import { 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 { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import styles from './dropdown-menu.module.js';
 
 /**
@@ -21,8 +22,8 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.item, styles.checkboxItem, className),
-    onPointerLeave: preventDefault,
-    onPointerMove: preventDefault,
+    onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
+    onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
     children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
       className: styles.checkmark,
       children: jsx(Checkmark, {

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

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { forwardRef, useCallback } from 'react';
+import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import styles from './dropdown-menu.module.js';
 
 /**
@@ -16,12 +17,12 @@ const DropdownMenuItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: styles.item,
-    onPointerLeave: preventDefault,
-    onPointerMove: preventDefault,
+    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
-    onPointerUp: preventDefault,
+    onPointerUp: composeEventHandlers(props.onPointerUp, preventDefault),
     children: jsx("span", {
       className: styles.ellipsis,
       children: children

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

@@ -4,6 +4,7 @@ import { 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 { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import styles from './dropdown-menu.module.js';
 
 /**
@@ -21,8 +22,8 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.item, styles.radioItem),
-    onPointerLeave: preventDefault,
-    onPointerMove: preventDefault,
+    onPointerLeave: composeEventHandlers(props.onPointerLeave, preventDefault),
+    onPointerMove: composeEventHandlers(props.onPointerMove, preventDefault),
     value: value,
     children: [jsx(DropdownMenuPrimitive.ItemIndicator, {
       className: styles.checkmark,

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

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { forwardRef, useEffect, 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 { useResponsiveSubmenuContext } from './dropdown-menu-sub-menu-root.js';
@@ -36,7 +37,7 @@ const DropdownMenuSubMenuTriggerRoot = /*#__PURE__*/forwardRef((props, forwarded
     ...rest,
     ref: useForkRef(localRef, forwardedRef),
     className: styles.item,
-    onPointerMove: handleOnPointerMove,
+    onPointerMove: composeEventHandlers(props.onPointerMove, handleOnPointerMove),
     children: children
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "9.5.1",
+    "version": "9.6.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -63,7 +63,7 @@
         "react-stately": "^3.31.1",
         "tsx": "^4.16.5"
     },
-    "gitHead": "164a2abe192db942df9ea7e09bd39fbd2a9a1d2e",
+    "gitHead": "5092a22de35656f56aafafa6fa7824ee29b73b3a",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {