@box/blueprint-web 16.20.7 → 17.0.1

package/dist/lib-esm/primitives/calendar/calendar.js

@@ -1,12 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronLeft as ChevronLeft$1, ChevronRight as ChevronRight$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { ChevronLeft, ChevronRight } from '@box/blueprint-web-assets/icons/Medium';
 import { Gray65 } from '@box/blueprint-web-assets/tokens/tokens';
 import { isSameDay, today, getLocalTimeZone } from '@internationalized/date';
 import { clsx } from 'clsx';
 import { forwardRef, useMemo, useRef, useEffect } from 'react';
 import { Calendar as Calendar$1, Button, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell } from 'react-aria-components';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './calendar.module.js';
 
 // Dispatch duplicated event with bubbling enabled, so Radix popover knows that this click happened.
@@ -63,17 +62,15 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     nextMonthAriaLabel,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const ChevronLeftIcon = useMemo(() => enableModernizedComponents ? ChevronLeft : ChevronLeft$1, [enableModernizedComponents]);
-  const ChevronRightIcon = useMemo(() => enableModernizedComponents ? ChevronRight : ChevronRight$1, [enableModernizedComponents]);
+  const enableModernizedComponents = true;
+  const ChevronLeftIcon = useMemo(() => ChevronLeft , [enableModernizedComponents]);
+  const ChevronRightIcon = useMemo(() => ChevronRight , [enableModernizedComponents]);
   return jsxs(Calendar$1, {
     ...rest,
     ref: forwardedRef,
     "aria-label": calendarAriaLabel,
     className: clsx(styles.calendar, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: [jsxs("header", {
       className: styles.calendarHeader,
       children: [jsx(Button, {

package/dist/lib-esm/primitives/chips/chip.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './chip.module.js';
 
 const Chip = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -11,14 +10,11 @@ const Chip = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(ToggleGroup.Item, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.chip, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/primitives/chips/chips-group.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToggleGroup from '@radix-ui/react-toggle-group';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './chip.module.js';
 
 /** Provides a container for Chips, this component handles keyboard navigation and chips selection state  */
@@ -12,14 +11,11 @@ const ChipsGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(ToggleGroup.Root, {
     ...rest,
     ref: forwardedRef,
     className: clsx([styles.chipsGroup, className]),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 });

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

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Size4, bpIconIconOnLightSecondary, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size4, bpIconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
 import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
 import clsx from 'clsx';
 import { forwardRef, useCallback, createElement } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { MenuItemSideContent, MenuItemMainContent } from '../../util-components/menu-item-sections/menu-item-sections.js';
 import styles from './context-menu.module.js';
 
@@ -43,10 +42,7 @@ const ContextMenuItemStartElement = /*#__PURE__*/forwardRef(({
   icon,
   ...rest
 }, ref) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const iconColor = enableModernizedComponents ? bpIconIconOnLightSecondary : IconIconOnLightSecondary;
+  const iconColor = bpIconIconOnLightSecondary ;
   return jsxs("div", {
     ...rest,
     ref: ref,

package/dist/lib-esm/primitives/context-menu/context-menu-menu-content.js

@@ -5,7 +5,6 @@ import { forwardRef, Children, isValidElement } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
 import { useForkRef } from '../../utils/useForkRef.js';
 import { useFullScreenContextMenu } from '../menu-utils/responsiveness/FullScreenContextMenuContext.js';
@@ -38,9 +37,6 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -62,7 +58,7 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
         ref: ref,
         className: clsx(styles.menuBlock, className),
         "data-menu-fullscreen": true,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -76,7 +72,7 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
       ...rest,
       ref: ref,
       className: clsx(styles.menuBlock, className),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
       children: children
     })

package/dist/lib-esm/primitives/context-menu/context-menu-menu-header.js

@@ -2,7 +2,6 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { PointerChevronLeft, XMark } from '@box/blueprint-web-assets/icons/Fill';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Text } from '../../text/text.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import { IconButton } from '../icon-button/icon-button.js';
@@ -56,13 +55,10 @@ const MenuHeaderPrimitive = ({
   className,
   ...rest
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx("div", {
     ...rest,
     className: clsx(styles.menuHeader, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     role: "presentation",
     children: children
   });

package/dist/lib-esm/primitives/context-menu/context-menu-sub-menu-content.js

@@ -5,7 +5,6 @@ import { forwardRef, useCallback } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
 import { useForkRef } from '../../utils/useForkRef.js';
 import { useFullScreenContextMenu } from '../menu-utils/responsiveness/FullScreenContextMenuContext.js';
@@ -25,9 +24,6 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -51,7 +47,7 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         alignOffset: alignOffsetPx,
         className: clsx(styles.menuBlock, className),
         "data-menu-fullscreen": true,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         // Prevents submenu from closing, when detects focus outside submenu in fullscreen mode,
         // while mouse is moving over submenu.
         onFocusOutside: preventDefault,
@@ -70,7 +66,7 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
       ref: ref,
       alignOffset: alignOffsetPx,
       className: clsx(styles.menuBlock, className),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
       sideOffset: sideOffsetPx,
       children: children

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

@@ -1,14 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Checkmark as Checkmark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { Checkmark } from '@box/blueprint-web-assets/icons/Medium';
-import { Size5, Size4, bpIconIconOnLight, Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size5, bpIconIconOnLight } 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 '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-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';
@@ -26,18 +25,15 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
   const {
     internalSize
   } = useMenuItemVariant();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const preventDefault = useCallback(event => event.preventDefault(), []);
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
   const isAnimationEnabled = componentsWithAnimationEnabled.includes('DropdownMenuItem');
   const isSizeSmall = internalSize === 'small';
-  const checkmarkSize = enableModernizedComponents ? Size5 : Size4;
-  const Checkmark$2 = enableModernizedComponents ? Checkmark : Checkmark$1;
-  const checkmarkColor = enableModernizedComponents ? bpIconIconOnLight : Gray100;
+  const checkmarkSize = Size5 ;
+  const Checkmark$1 = Checkmark ;
+  const checkmarkColor = bpIconIconOnLight ;
   return jsxs(DropdownMenuPrimitive.CheckboxItem, {
     ...rest,
     ref: forwardedRef,
@@ -55,7 +51,7 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
       className: clsx(styles.checkmark, {
         [styles.mediumSpacing]: !isSizeSmall
       }),
-      children: jsx(Checkmark$2, {
+      children: jsx(Checkmark$1, {
         color: checkmarkColor,
         height: checkmarkSize,
         role: "presentation",

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

@@ -6,7 +6,6 @@ import { forwardRef, Children, isValidElement } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
 import { useForkRef } from '../../utils/useForkRef.js';
 import { useFullScreenDropdownMenu } from '../menu-utils/responsiveness/FullScreenDropdownMenuContext.js';
@@ -48,9 +47,6 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     isMenuFullScreenEnabled
   } = useFullScreenDropdownMenu();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -69,7 +65,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: ref,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -86,7 +82,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: ref,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         "data-bp-animated": animatedDataAttribute ?? (isAnimationEnabled ? 'true' : 'false'),
         sideOffset: SIDE_OFFSET,
         children: children

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

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
-import { PointerChevronLeft, XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { ChevronLeft, XMark } from '@box/blueprint-web-assets/icons/Medium';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Text } from '../../text/text.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import { IconButton } from '../icon-button/icon-button.js';
@@ -20,14 +19,11 @@ const MenuCloseButton = /*#__PURE__*/forwardRef(({
   const {
     setIsMenuOpen
   } = useFullScreenDropdownMenu();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const handleCloseClick = useCallback(() => {
     setIsMenuOpen(false);
   }, [setIsMenuOpen]);
-  const BackIcon = enableModernizedComponents ? ChevronLeft : PointerChevronLeft;
-  const CloseIcon = enableModernizedComponents ? XMark : XMark$1;
+  const BackIcon = ChevronLeft ;
+  const CloseIcon = XMark ;
   const isBackVariant = iconVariant === 'back';
   return jsx(IconButton, {
     ref: ref,
@@ -46,13 +42,10 @@ const SubMenuBackButton = /*#__PURE__*/forwardRef(({
   const {
     setIsSubMenuOpen
   } = useSubMenu();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const handleCloseClick = useCallback(() => {
     setIsSubMenuOpen(false);
   }, [setIsSubMenuOpen]);
-  const BackIcon = enableModernizedComponents ? ChevronLeft : PointerChevronLeft;
+  const BackIcon = ChevronLeft ;
   return jsx(IconButton, {
     ref: ref,
     ...rest,

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

@@ -1,12 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Size8, Size4, bpTextTextDestructiveOnLight, TextTextDestructiveOnLight, bpIconIconOnLightSecondary, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size8, Size4, bpTextTextDestructiveOnLight, bpIconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';
 import { forwardRef, useCallback, useContext, createElement, createContext } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Text } from '../../text/text.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import styles from './dropdown-menu.module.js';
@@ -100,16 +99,13 @@ const MenuItemStartElement = /*#__PURE__*/forwardRef(({
   const {
     internalSize
   } = useMenuItemVariant();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const itemVariant = useContext(ItemVariantContext);
   const iconSize = internalSize === 'medium' ? Size8 : Size4;
   let iconColor;
   if (itemVariant === 'destructive') {
-    iconColor = enableModernizedComponents ? bpTextTextDestructiveOnLight : TextTextDestructiveOnLight;
+    iconColor = bpTextTextDestructiveOnLight ;
   } else {
-    iconColor = enableModernizedComponents ? bpIconIconOnLightSecondary : IconIconOnLightSecondary;
+    iconColor = bpIconIconOnLightSecondary ;
   }
   return jsxs("div", {
     ...rest,

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

@@ -1,14 +1,13 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Checkmark as Checkmark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { Checkmark } from '@box/blueprint-web-assets/icons/Medium';
-import { Size5, Size4, bpIconIconOnLight, Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size5, bpIconIconOnLight } 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 '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-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';
@@ -26,18 +25,15 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
   const {
     internalSize
   } = useMenuItemVariant();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const preventDefault = useCallback(event => event.preventDefault(), []);
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
   const isAnimationEnabled = componentsWithAnimationEnabled.includes('DropdownMenuItem');
   const isSizeSmall = internalSize === 'small';
-  const checkmarkSize = enableModernizedComponents ? Size5 : Size4;
-  const Checkmark$2 = enableModernizedComponents ? Checkmark : Checkmark$1;
-  const checkmarkColor = enableModernizedComponents ? bpIconIconOnLight : Gray100;
+  const checkmarkSize = Size5 ;
+  const Checkmark$1 = Checkmark ;
+  const checkmarkColor = bpIconIconOnLight ;
   return jsxs(DropdownMenuPrimitive.RadioItem, {
     ...rest,
     ref: forwardedRef,
@@ -56,7 +52,7 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
       className: clsx(styles.checkmark, {
         [styles.mediumSpacing]: !isSizeSmall
       }),
-      children: jsx(Checkmark$2, {
+      children: jsx(Checkmark$1, {
         color: checkmarkColor,
         height: checkmarkSize,
         role: "presentation",

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

@@ -6,7 +6,6 @@ import { forwardRef, useCallback } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
 import { useForkRef } from '../../utils/useForkRef.js';
 import { useFullScreenDropdownMenu } from '../menu-utils/responsiveness/FullScreenDropdownMenuContext.js';
@@ -30,9 +29,6 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
   const {
     isMenuFullScreenEnabled
   } = useFullScreenDropdownMenu();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -52,7 +48,7 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: ref,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         // Prevents submenu from closing, when detects focus outside submenu in fullscreen mode,
         // while mouse is moving over submenu.
         onFocusOutside: preventDefault,
@@ -72,7 +68,7 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: ref,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
         sideOffset: SIDE_OFFSET,
         children: children

package/dist/lib-esm/primitives/icon-button/icon-button.js

@@ -3,7 +3,6 @@ import { Button } from '@ariakit/react';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './icon-button.module.js';
 import { iconSizeMap } from './utils.js';
 
@@ -14,9 +13,6 @@ const IconButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     icon,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -26,7 +22,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.iconButton, styles[variant], sizeStyles, props.className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
     children: /*#__PURE__*/createElement(icon, {
       className: styles.icon,

package/dist/lib-esm/primitives/inline-error/inline-error.js

@@ -7,11 +7,10 @@ import { forwardRef, useCallback } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useInlineErrorPresence } from './utils/use-inline-error-presence.js';
 import styles from './inline-error.module.js';
 
-const renderErrorContent = (content, enableModernizedComponents, errorIconClassName) => content && (!enableModernizedComponents ? jsxs(Fragment, {
+const renderErrorContent = (content, enableModernizedComponents, errorIconClassName) => content && (false ? jsxs(Fragment, {
   children: [jsx(AlertBadge, {
     className: errorIconClassName,
     color: IconIconErrorOnLight,
@@ -36,9 +35,7 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     onAnimationEnd: onAnimationEndProp,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
+  const enableModernizedComponents = true;
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -60,7 +57,7 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       className: clsx([className, styles.inlineError, {
         [styles.empty]: !children
       }]),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       onAnimationEnd: onAnimationEndProp,
       children: renderErrorContent(children, enableModernizedComponents, styles.errorIcon)
     });

package/dist/lib-esm/primitives/link/link.js

@@ -2,7 +2,6 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowUpRightSquareAlt } from '@box/blueprint-web-assets/icons/Line';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './link.module.js';
 
 const LinkDefaultAsElement = 'a';
@@ -16,9 +15,6 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     isExternal = false,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs(Component, {
     ...rest,
     ref: forwardedRef,
@@ -27,7 +23,7 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     }, styles[variant], {
       [styles.hasIcon]: isExternal
     }]),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: [children, isExternal && jsx(ArrowUpRightSquareAlt, {
       "aria-hidden": true,
       className: styles.icon

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-content.js

@@ -3,7 +3,6 @@ import { Space2 } from '@box/blueprint-web-assets/tokens/px-tokens';
 import { Menu } from '@ariakit/react';
 import clsx from 'clsx';
 import { forwardRef, useMemo } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useMenuComboboxContext } from './menu-combobox-context.js';
 import styles from './menu-combobox.module.js';
 
@@ -35,9 +34,6 @@ const MenuComboboxContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     isFullScreenEnabled
   } = useMenuComboboxContext();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const gutter = isFullScreenEnabled ? 0 : GUTTER;
   const wrapperProps = useMemo(() => isFullScreenEnabled ? {
     style: FULLSCREEN_WRAPPER_STYLE
@@ -52,7 +48,7 @@ const MenuComboboxContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     className: clsx(styles.content, className),
     "data-menu-fullscreen": isFullScreenEnabled ? 'true' : 'false',
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-empty.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './menu-combobox.module.js';
 
 /** Shown when the filtered list has no matches. */
@@ -11,14 +10,11 @@ const MenuComboboxEmpty = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx("div", {
     ref: forwardedRef,
     role: "status",
     ...rest,
-    className: clsx(styles.empty, enableModernizedComponents && styles.emptyModern, className),
+    className: clsx(styles.empty, styles.emptyModern, className),
     children: children
   });
 });

package/dist/lib-esm/primitives/menu-combobox/menu-combobox-header.js

@@ -1,9 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { XMark } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { IconButton } from '../icon-button/icon-button.js';
 import { Text } from '../../text/text.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
@@ -18,13 +17,10 @@ const MenuCloseButton = /*#__PURE__*/forwardRef(({
   const {
     setOpen
   } = useMenuComboboxContext();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const handleCloseClick = useCallback(() => {
     setOpen(false);
   }, [setOpen]);
-  const CloseIcon = enableModernizedComponents ? XMark : XMark$1;
+  const CloseIcon = XMark ;
   return jsx(IconButton, {
     ref: ref,
     ...rest,