@box/blueprint-web 12.35.0 → 12.36.0

package/dist/lib-esm/index.css

@@ -5186,8 +5186,16 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
     transform:scaleX(1);
   }
 }
-.bp_navigation_menu_module_link--2613d.bp_navigation_menu_module_link--2613d{
-  color:var(--text-text-on-light);
+.bp_navigation_menu_module_link--a2f10[data-modern=false]{
+  --navigation-menu-link-text-color:var(--text-text-on-light);
+}
+
+.bp_navigation_menu_module_link--a2f10[data-modern=true]{
+  --navigation-menu-link-text-color:var(--bp-text-text-on-light);
+}
+
+.bp_navigation_menu_module_link--a2f10.bp_navigation_menu_module_link--a2f10{
+  color:var(--navigation-menu-link-text-color);
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -5197,16 +5205,16 @@ table.bp_inline_table_module_inlineTable--7cffa tr:not(:last-child) td{
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_navigation_menu_module_link--2613d.bp_navigation_menu_module_link--2613d:hover{
-  color:var(--text-text-on-light);
+.bp_navigation_menu_module_link--a2f10.bp_navigation_menu_module_link--a2f10:hover{
+  color:var(--navigation-menu-link-text-color);
 }
-.bp_navigation_menu_module_link--2613d.bp_navigation_menu_module_link--2613d.bp_navigation_menu_module_ellipsis--2613d{
+.bp_navigation_menu_module_link--a2f10.bp_navigation_menu_module_link--a2f10.bp_navigation_menu_module_ellipsis--a2f10{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_navigation_menu_module_navigationMenuSeparator--2613d{
+.bp_navigation_menu_module_navigationMenuSeparator--a2f10{
   margin-block:var(--space-2);
 }
 .bp_page_module_page--41d33{

package/dist/lib-esm/navigation-menu/navigation-menu-content.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
 
 /**
@@ -10,9 +11,13 @@ const NavigationMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx(DropdownMenu.Content, {
     ...rest,
     ref: forwardedRef,
+    "data-modern": enableModernizedComponents,
     children: children
   });
 });

package/dist/lib-esm/navigation-menu/navigation-menu-link.js

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Link } from '../primitives/link/link.js';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './navigation-menu.module.js';
 
 /**
@@ -12,10 +13,14 @@ const NavigationMenuLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx(Link, {
     ...rest,
     ref: forwardedRef,
     className: clsx([styles.link, styles.ellipsis]),
+    "data-modern": enableModernizedComponents,
     children: children
   });
 });

package/dist/lib-esm/navigation-menu/navigation-menu.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"link":"bp_navigation_menu_module_link--2613d","ellipsis":"bp_navigation_menu_module_ellipsis--2613d","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--2613d"};
+var styles = {"link":"bp_navigation_menu_module_link--a2f10","ellipsis":"bp_navigation_menu_module_ellipsis--a2f10","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--a2f10"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.35.0",
+    "version": "12.36.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {