@box/blueprint-web 16.20.6 → 17.0.0

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,

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

@@ -1,10 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Combobox } from '@ariakit/react';
-import { Search as Search$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { Search } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useMenuComboboxContext } from './menu-combobox-context.js';
 import styles from './menu-combobox.module.js';
 
@@ -19,10 +18,7 @@ const MenuComboboxSearch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     searchPlaceholder: rootSearchPlaceholder
   } = useMenuComboboxContext();
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const SearchIcon = enableModernizedComponents ? Search : Search$1;
+  const SearchIcon = Search ;
   const resolvedPlaceholder = placeholder ?? rootSearchPlaceholder;
   return jsxs("span", {
     className: styles.searchWrapper,
@@ -34,7 +30,7 @@ const MenuComboboxSearch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       "aria-label": ariaLabel,
       autoSelect: true,
       ...rest,
-      className: clsx(styles.search, enableModernizedComponents && styles.searchModern, className),
+      className: clsx(styles.search, styles.searchModern, className),
       placeholder: resolvedPlaceholder
     })]
   });

package/dist/lib-esm/primitives/notification/private-notification-element.js

@@ -1,43 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
-import { AlertTriangle as AlertTriangle$1, InfoBadge, CheckmarkBadge, AlertBadge } from '@box/blueprint-web-assets/icons/Line';
+import '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Line';
 import { XMark, AlertTriangle, InformationCircle, CheckmarkCircle, AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
-import { bpIconIconOnLight, bpSize050, Size5 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpIconIconOnLight, bpSize050 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as Toast from '@radix-ui/react-toast';
 import clsx from 'clsx';
 import { useMemo } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { IconButton } from '../icon-button/icon-button.js';
 import styles from './notification.module.js';
 
-const createLegacyIconProps = iconLabel => ({
-  className: styles.typeIcon,
-  'aria-label': iconLabel,
-  width: Size5,
-  height: Size5
-});
-const getLegacyIcon = (iconLabel, variant) => {
-  const props = createLegacyIconProps(iconLabel);
-  switch (variant) {
-    case 'error':
-      return jsx(AlertBadge, {
-        ...props
-      });
-    case 'success':
-      return jsx(CheckmarkBadge, {
-        ...props
-      });
-    case 'info':
-      return jsx(InfoBadge, {
-        ...props
-      });
-    case 'warning':
-      return jsx(AlertTriangle$1, {
-        ...props
-      });
-  }
-  return null;
-};
 const createIconProps = iconLabel => ({
   className: styles.typeIcon,
   'aria-label': iconLabel,
@@ -87,14 +58,12 @@ function PrivateNotificationElement(props) {
     children,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const iconComponent = useMemo(() => enableModernizedComponents ? getIcon(typeIconAriaLabel, variant) : getLegacyIcon(typeIconAriaLabel, variant), [typeIconAriaLabel, variant, enableModernizedComponents]);
+  const enableModernizedComponents = true;
+  const iconComponent = useMemo(() => getIcon(typeIconAriaLabel, variant) , [typeIconAriaLabel, variant, enableModernizedComponents]);
   return jsx(Toast.Root, {
     ...rest,
     className: clsx(styles.root, styles[variant]),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     onOpenChange: onClose,
     open: open,
     type: sensitivity,
@@ -126,7 +95,7 @@ function PrivateNotificationElement(props) {
           children: jsx(IconButton, {
             "aria-label": closeButtonAriaLabel,
             className: styles.closeButton,
-            icon: enableModernizedComponents ? XMark : XMark$1,
+            icon: XMark ,
             onClick: onClose
           })
         })
@@ -135,4 +104,4 @@ function PrivateNotificationElement(props) {
   });
 }
 
-export { PrivateNotificationElement, createIconProps, createLegacyIconProps, getIcon };
+export { PrivateNotificationElement, createIconProps, getIcon };

package/dist/lib-esm/primitives/page-header/page-header.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { usePageStoreRef } from '../../page/page-context.js';
 import styles from './page-header.module.js';
 
@@ -14,9 +13,7 @@ const PageHeaderRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     sticky = true,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
+  const enableModernizedComponents = true;
   return /*#__PURE__*/createElement(as, {
     ...rest,
     ref: forwardedRef,

package/dist/lib-esm/primitives/popover/popover-content-container.js

@@ -4,7 +4,6 @@ import * as RadixPopover from '@radix-ui/react-popover';
 import clsx from 'clsx';
 import { forwardRef, useContext, useState, useMemo, useCallback } from 'react';
 import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Card } from '../../card/card.js';
 import { useBreakpoint, Breakpoint } from '../../utils/useBreakpoint.js';
 import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
@@ -35,9 +34,6 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
   const {
     isInteractionDisabled
   } = useContext(PopoverModalityContext);
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -68,7 +64,7 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
           [styles.accessibilitySmallBreakpoint]: accessibilitySmallBreakpoint
         }, className),
         collisionPadding: collisionPadding,
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
         onOpenAutoFocus: handleOpenAutoFocus,
         children: jsx(PopoverOverflowContext.Provider, {