@box/blueprint-web 16.20.7 → 17.0.0

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, {

package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { CompositeItem, Button } from '@ariakit/react';
-import { Gray05, bpSize060, bpSize040, Size6, Size4, BrandDocgenPrimary, BrandFormsPrimary, BrandSignPrimary, BrandBoxPrimary, bpIconIconOnLight, Grimace100, GreenLight100, DarkBlue100, BoxBlue100, Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Gray05, bpSize060, bpSize040, BrandDocgenPrimary, BrandFormsPrimary, BrandSignPrimary, BrandBoxPrimary, bpIconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import Color from 'color';
 import { forwardRef, createElement } from 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Ghost } from '../../ghost/ghost.js';
 import { Text } from '../../text/text.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
@@ -38,9 +37,6 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     disabled,
     ...restProps
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const isWithLabel = variant === 'labeled';
   const isButtonDisabled = disabled || loading;
   const isButtonActive = !disabled && !loading && active;
@@ -73,7 +69,7 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         [styles.active]: isButtonActive,
         [styles.dragging]: isButtonDragged
       }),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       disabled: isButtonDisabled,
       children: [variant === 'colorCircle' && jsx(ColorSwatch, {
         color: color || '',
@@ -91,7 +87,7 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       [styles.withLabel]: isWithLabel,
       [styles['withLabel--default']]: isWithLabel && props.size === 'default'
     }),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     role: "gridcell",
     children: [shouldShowTooltip && jsx(Tooltip, {
       "aria-hidden": true,
@@ -140,13 +136,6 @@ const Icon = ({
     })
   });
 };
-const iconColor = {
-  default: Gray100,
-  box: BoxBlue100,
-  sign: DarkBlue100,
-  forms: GreenLight100,
-  docgen: Grimace100
-};
 const iconColorModern = {
   default: bpIconIconOnLight,
   box: BrandBoxPrimary,
@@ -154,10 +143,6 @@ const iconColorModern = {
   forms: BrandFormsPrimary,
   docgen: BrandDocgenPrimary
 };
-const iconSize = {
-  default: Size4,
-  large: Size6
-};
 const iconSizeModern = {
   default: bpSize040,
   large: bpSize060
@@ -169,13 +154,10 @@ const ItemWithLabel = ({
   description,
   icon
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const iconElement = /*#__PURE__*/createElement(icon, {
-    color: enableModernizedComponents ? iconColorModern[colorVariant] : iconColor[colorVariant],
-    width: enableModernizedComponents ? iconSizeModern[size] : iconSize[size],
-    height: enableModernizedComponents ? iconSizeModern[size] : iconSize[size],
+    color: iconColorModern[colorVariant] ,
+    width: iconSizeModern[size] ,
+    height: iconSizeModern[size] ,
     role: 'presentation'
   });
   return jsxs(Fragment, {