@box/blueprint-web 17.12.3 → 17.13.1

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

@@ -19,7 +19,6 @@ const NavigationMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
-    "data-modern": 'true' ,
     children: children
   });
 });

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

@@ -16,7 +16,6 @@ const NavigationMenuLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx([styles.link, styles.ellipsis]),
-    "data-modern": 'true' ,
     inheritFont: true,
     variant: "standalone",
     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--2db59","ellipsis":"bp_navigation_menu_module_ellipsis--2db59","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--2db59"};
+var styles = {"link":"bp_navigation_menu_module_link--83055","ellipsis":"bp_navigation_menu_module_ellipsis--83055","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--83055"};
 
 export { styles as default };

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

@@ -42,13 +42,12 @@ const ContextMenuItemStartElement = /*#__PURE__*/forwardRef(({
   icon,
   ...rest
 }, ref) => {
-  const iconColor = bpIconIconOnLightSecondary ;
   return jsxs("div", {
     ...rest,
     ref: ref,
     className: clsx(styles.startElement, className),
     children: [icon && /*#__PURE__*/createElement(icon, {
-      color: iconColor,
+      color: bpIconIconOnLightSecondary,
       height: Size4,
       width: Size4,
       role: 'presentation'

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

@@ -58,7 +58,6 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
         ref: ref,
         className: clsx(styles.menuBlock, className),
         "data-menu-fullscreen": true,
-        "data-modern": 'true' ,
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -72,7 +71,6 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
       ...rest,
       ref: ref,
       className: clsx(styles.menuBlock, className),
-      "data-modern": 'true' ,
       "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
       children: children
     })

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

@@ -58,7 +58,6 @@ const MenuHeaderPrimitive = ({
   return jsx("div", {
     ...rest,
     className: clsx(styles.menuHeader, className),
-    "data-modern": 'true' ,
     role: "presentation",
     children: children
   });

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

@@ -47,7 +47,6 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         alignOffset: alignOffsetPx,
         className: clsx(styles.menuBlock, className),
         "data-menu-fullscreen": true,
-        "data-modern": 'true' ,
         // Prevents submenu from closing, when detects focus outside submenu in fullscreen mode,
         // while mouse is moving over submenu.
         onFocusOutside: preventDefault,
@@ -66,7 +65,6 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
       ref: ref,
       alignOffset: alignOffsetPx,
       className: clsx(styles.menuBlock, className),
-      "data-modern": 'true' ,
       "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
       sideOffset: sideOffsetPx,
       children: children

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuBlock":"bp_context_menu_module_menuBlock--3e3a1","menuHeader":"bp_context_menu_module_menuHeader--3e3a1","fullScreenContent":"bp_context_menu_module_fullScreenContent--3e3a1","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--3e3a1","menuItem":"bp_context_menu_module_menuItem--3e3a1","startElement":"bp_context_menu_module_startElement--3e3a1","endElement":"bp_context_menu_module_endElement--3e3a1","headerTextContent":"bp_context_menu_module_headerTextContent--3e3a1","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--3e3a1","menuCloseButton":"bp_context_menu_module_menuCloseButton--3e3a1","ellipsis":"bp_context_menu_module_ellipsis--3e3a1"};
+var styles = {"menuBlock":"bp_context_menu_module_menuBlock--24e5e","fullScreenContent":"bp_context_menu_module_fullScreenContent--24e5e","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--24e5e","menuItem":"bp_context_menu_module_menuItem--24e5e","startElement":"bp_context_menu_module_startElement--24e5e","endElement":"bp_context_menu_module_endElement--24e5e","menuHeader":"bp_context_menu_module_menuHeader--24e5e","headerTextContent":"bp_context_menu_module_headerTextContent--24e5e","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--24e5e","menuCloseButton":"bp_context_menu_module_menuCloseButton--24e5e","ellipsis":"bp_context_menu_module_ellipsis--24e5e"};
 
 export { styles as default };

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

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '@box/blueprint-web-assets/icons/Fill';
 import { Checkmark } from '@box/blueprint-web-assets/icons/Medium';
-import { Size5, bpIconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize050, 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';
@@ -31,9 +30,6 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
   } = useBlueprintConfiguration();
   const isAnimationEnabled = componentsWithAnimationEnabled.includes('DropdownMenuItem');
   const isSizeSmall = internalSize === 'small';
-  const checkmarkSize = Size5 ;
-  const Checkmark$1 = Checkmark ;
-  const checkmarkColor = bpIconIconOnLight ;
   return jsxs(DropdownMenuPrimitive.CheckboxItem, {
     ...rest,
     ref: forwardedRef,
@@ -51,11 +47,11 @@ const DropdownMenuCheckboxItem = /*#__PURE__*/forwardRef((props, forwardedRef) =
       className: clsx(styles.checkmark, {
         [styles.mediumSpacing]: !isSizeSmall
       }),
-      children: jsx(Checkmark$1, {
-        color: checkmarkColor,
-        height: checkmarkSize,
+      children: jsx(Checkmark, {
+        color: bpIconIconOnLight,
+        height: bpSize050,
         role: "presentation",
-        width: checkmarkSize
+        width: bpSize050
       })
     })]
   });

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

@@ -65,7 +65,6 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: ref,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
-        "data-modern": 'true' ,
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -82,7 +81,6 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: ref,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
-        "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,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
-import '@box/blueprint-web-assets/icons/Fill';
 import { ChevronLeft, XMark } from '@box/blueprint-web-assets/icons/Medium';
 import { Text } from '../../text/text.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
@@ -22,14 +21,12 @@ const MenuCloseButton = /*#__PURE__*/forwardRef(({
   const handleCloseClick = useCallback(() => {
     setIsMenuOpen(false);
   }, [setIsMenuOpen]);
-  const BackIcon = ChevronLeft ;
-  const CloseIcon = XMark ;
   const isBackVariant = iconVariant === 'back';
   return jsx(IconButton, {
     ref: ref,
     ...rest,
     className: clsx(isBackVariant ? styles.submenuCloseButton : styles.menuCloseButton, className),
-    icon: isBackVariant ? BackIcon : CloseIcon,
+    icon: isBackVariant ? ChevronLeft : XMark,
     onClick: composeEventHandlers(handleCloseClick, onClick),
     variant: isBackVariant ? 'default' : 'small-utility'
   });
@@ -45,12 +42,11 @@ const SubMenuBackButton = /*#__PURE__*/forwardRef(({
   const handleCloseClick = useCallback(() => {
     setIsSubMenuOpen(false);
   }, [setIsSubMenuOpen]);
-  const BackIcon = ChevronLeft ;
   return jsx(IconButton, {
     ref: ref,
     ...rest,
     className: clsx(styles.submenuCloseButton, className),
-    icon: BackIcon,
+    icon: ChevronLeft,
     onClick: composeEventHandlers(handleCloseClick, onClick)
   });
 });

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

@@ -103,9 +103,9 @@ const MenuItemStartElement = /*#__PURE__*/forwardRef(({
   const iconSize = internalSize === 'medium' ? Size8 : Size4;
   let iconColor;
   if (itemVariant === 'destructive') {
-    iconColor = bpTextTextDestructiveOnLight ;
+    iconColor = bpTextTextDestructiveOnLight;
   } else {
-    iconColor = bpIconIconOnLightSecondary ;
+    iconColor = bpIconIconOnLightSecondary;
   }
   return jsxs("div", {
     ...rest,

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

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '@box/blueprint-web-assets/icons/Fill';
 import { Checkmark } from '@box/blueprint-web-assets/icons/Medium';
-import { Size5, bpIconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize050, 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';
@@ -31,9 +30,6 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
   } = useBlueprintConfiguration();
   const isAnimationEnabled = componentsWithAnimationEnabled.includes('DropdownMenuItem');
   const isSizeSmall = internalSize === 'small';
-  const checkmarkSize = Size5 ;
-  const Checkmark$1 = Checkmark ;
-  const checkmarkColor = bpIconIconOnLight ;
   return jsxs(DropdownMenuPrimitive.RadioItem, {
     ...rest,
     ref: forwardedRef,
@@ -52,11 +48,11 @@ const DropdownMenuRadioSelectItem = /*#__PURE__*/forwardRef((props, forwardedRef
       className: clsx(styles.checkmark, {
         [styles.mediumSpacing]: !isSizeSmall
       }),
-      children: jsx(Checkmark$1, {
-        color: checkmarkColor,
-        height: checkmarkSize,
+      children: jsx(Checkmark, {
+        color: bpIconIconOnLight,
+        height: bpSize050,
         role: "presentation",
-        width: checkmarkSize
+        width: bpSize050
       })
     })]
   });

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

@@ -48,7 +48,6 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: ref,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
-        "data-modern": 'true' ,
         // Prevents submenu from closing, when detects focus outside submenu in fullscreen mode,
         // while mouse is moving over submenu.
         onFocusOutside: preventDefault,
@@ -68,7 +67,6 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: ref,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
-        "data-modern": 'true' ,
         "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
         sideOffset: SIDE_OFFSET,
         children: children

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_dropdown_menu_module_content--0d93f","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--0d93f","subheader":"bp_dropdown_menu_module_subheader--0d93f","uppercased":"bp_dropdown_menu_module_uppercased--0d93f","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--0d93f","ellipsis":"bp_dropdown_menu_module_ellipsis--0d93f","itemBody":"bp_dropdown_menu_module_itemBody--0d93f","itemOverflow":"bp_dropdown_menu_module_itemOverflow--0d93f","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--0d93f","captionClamped":"bp_dropdown_menu_module_captionClamped--0d93f","checkmark":"bp_dropdown_menu_module_checkmark--0d93f","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--0d93f","item":"bp_dropdown_menu_module_item--0d93f","radioItem":"bp_dropdown_menu_module_radioItem--0d93f","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--0d93f","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--0d93f","checkboxItem":"bp_dropdown_menu_module_checkboxItem--0d93f","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--0d93f","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--0d93f","startElement":"bp_dropdown_menu_module_startElement--0d93f","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--0d93f","endElement":"bp_dropdown_menu_module_endElement--0d93f","destructive":"bp_dropdown_menu_module_destructive--0d93f","menuHeader":"bp_dropdown_menu_module_menuHeader--0d93f","headerTextContent":"bp_dropdown_menu_module_headerTextContent--0d93f","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--0d93f","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--0d93f"};
+var styles = {"content":"bp_dropdown_menu_module_content--44782","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--44782","subheader":"bp_dropdown_menu_module_subheader--44782","uppercased":"bp_dropdown_menu_module_uppercased--44782","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--44782","ellipsis":"bp_dropdown_menu_module_ellipsis--44782","itemBody":"bp_dropdown_menu_module_itemBody--44782","itemOverflow":"bp_dropdown_menu_module_itemOverflow--44782","menuItemCaption":"bp_dropdown_menu_module_menuItemCaption--44782","captionClamped":"bp_dropdown_menu_module_captionClamped--44782","checkmark":"bp_dropdown_menu_module_checkmark--44782","mediumSpacing":"bp_dropdown_menu_module_mediumSpacing--44782","item":"bp_dropdown_menu_module_item--44782","radioItem":"bp_dropdown_menu_module_radioItem--44782","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--44782","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--44782","checkboxItem":"bp_dropdown_menu_module_checkboxItem--44782","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--44782","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--44782","startElement":"bp_dropdown_menu_module_startElement--44782","menuItemMainContent_directChild":"bp_dropdown_menu_module_menuItemMainContent_directChild--44782","endElement":"bp_dropdown_menu_module_endElement--44782","destructive":"bp_dropdown_menu_module_destructive--44782","menuHeader":"bp_dropdown_menu_module_menuHeader--44782","headerTextContent":"bp_dropdown_menu_module_headerTextContent--44782","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--44782","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--44782"};
 
 export { styles as default };

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

@@ -48,7 +48,6 @@ const MenuComboboxContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     className: clsx(styles.content, className),
     "data-menu-fullscreen": isFullScreenEnabled ? 'true' : 'false',
-    "data-modern": 'true' ,
     children: children
   });
 });

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

@@ -14,7 +14,7 @@ const MenuComboboxEmpty = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
     role: "status",
     ...rest,
-    className: clsx(styles.empty, styles.emptyModern, className),
+    className: clsx(styles.empty, className),
     children: children
   });
 });

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

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-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';
@@ -20,12 +19,11 @@ const MenuCloseButton = /*#__PURE__*/forwardRef(({
   const handleCloseClick = useCallback(() => {
     setOpen(false);
   }, [setOpen]);
-  const CloseIcon = XMark ;
   return jsx(IconButton, {
     ref: ref,
     ...rest,
     className: clsx(styles.menuCloseButton, className),
-    icon: CloseIcon,
+    icon: XMark,
     onClick: composeEventHandlers(handleCloseClick, onClick),
     variant: "small-utility"
   });

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

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Combobox } from '@ariakit/react';
-import '@box/blueprint-web-assets/icons/Fill';
 import { Search } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
@@ -18,11 +17,10 @@ const MenuComboboxSearch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     searchPlaceholder: rootSearchPlaceholder
   } = useMenuComboboxContext();
-  const SearchIcon = Search ;
   const resolvedPlaceholder = placeholder ?? rootSearchPlaceholder;
   return jsxs("span", {
     className: styles.searchWrapper,
-    children: [jsx(SearchIcon, {
+    children: [jsx(Search, {
       "aria-hidden": "true",
       className: styles.searchIcon
     }), jsx(Combobox, {
@@ -30,7 +28,7 @@ const MenuComboboxSearch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       "aria-label": ariaLabel,
       autoSelect: true,
       ...rest,
-      className: clsx(styles.search, styles.searchModern, className),
+      className: clsx(styles.search, className),
       placeholder: resolvedPlaceholder
     })]
   });

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_menu_combobox_module_content--88105","searchWrapper":"bp_menu_combobox_module_searchWrapper--88105","searchIcon":"bp_menu_combobox_module_searchIcon--88105","search":"bp_menu_combobox_module_search--88105","searchModern":"bp_menu_combobox_module_searchModern--88105","list":"bp_menu_combobox_module_list--88105","item":"bp_menu_combobox_module_item--88105","itemLabel":"bp_menu_combobox_module_itemLabel--88105","empty":"bp_menu_combobox_module_empty--88105","emptyModern":"bp_menu_combobox_module_emptyModern--88105","menuHeader":"bp_menu_combobox_module_menuHeader--88105","headerTextContent":"bp_menu_combobox_module_headerTextContent--88105","headerEllipsis":"bp_menu_combobox_module_headerEllipsis--88105","menuCloseButton":"bp_menu_combobox_module_menuCloseButton--88105"};
+var styles = {"content":"bp_menu_combobox_module_content--b5d46","searchWrapper":"bp_menu_combobox_module_searchWrapper--b5d46","searchIcon":"bp_menu_combobox_module_searchIcon--b5d46","search":"bp_menu_combobox_module_search--b5d46","list":"bp_menu_combobox_module_list--b5d46","item":"bp_menu_combobox_module_item--b5d46","itemLabel":"bp_menu_combobox_module_itemLabel--b5d46","empty":"bp_menu_combobox_module_empty--b5d46","menuHeader":"bp_menu_combobox_module_menuHeader--b5d46","headerTextContent":"bp_menu_combobox_module_headerTextContent--b5d46","headerEllipsis":"bp_menu_combobox_module_headerEllipsis--b5d46","menuCloseButton":"bp_menu_combobox_module_menuCloseButton--b5d46"};
 
 export { styles as default };

package/dist/lib-esm/toolbar/toolbar-button.js

@@ -20,7 +20,6 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...(disabled ? {
       'data-disabled': ''
     } : {}),
-    "data-modern": 'true' ,
     disabled: disabled,
     style: {
       '--toolbar-button-color': backgroundColor,

package/dist/lib-esm/toolbar/toolbar-dropdown-indicator.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { ChevronDown } from '@box/blueprint-web-assets/icons/Fill';
 import { Size2 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
-import { forwardRef, useMemo } from 'react';
+import { forwardRef } from 'react';
 import styles from './toolbar.module.js';
 
 const ToolbarDropdownIndicator = /*#__PURE__*/forwardRef(({
@@ -10,9 +10,7 @@ const ToolbarDropdownIndicator = /*#__PURE__*/forwardRef(({
   className,
   color
 }, forwardedRef) => {
-  const enableModernizedComponents = true;
-  const Icon = useMemo(() => ChevronDown , [enableModernizedComponents]);
-  return jsx(Icon, {
+  return jsx(ChevronDown, {
     ref: forwardedRef,
     className: clsx({
       [styles.invertCaret]: direction === 'up'

package/dist/lib-esm/toolbar/toolbar-input.js

@@ -32,7 +32,6 @@ const ToolbarInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
         type: type,
         className: clsx(styles.toolbarInput, showError && styles.toolbarInputError, className),
-        "data-modern": 'true' ,
         disabled: disabled,
         "aria-invalid": showError || undefined,
         onKeyDown: onKeyDown,

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

@@ -14,7 +14,6 @@ const ToolbarLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarLink, className),
-    "data-modern": 'true' ,
     children: jsx("span", {
       className: styles.toolbarLinkText,
       children: children

package/dist/lib-esm/toolbar/toolbar-root.js

@@ -13,7 +13,6 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     scrollable,
     ...rest
   } = props;
-  const enableModernizedComponents = true;
   if (scrollable) {
     const {
       ariaLabelNextButton,
@@ -24,10 +23,7 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     return jsx(ToolbarPrimitive.Root, {
       ...rest,
       ref: forwardedRef,
-      className: clsx(styles.toolbarRoot, {
-        [styles.ScrollableToolbarWithReducedPadding]: enableModernizedComponents
-      }, className),
-      "data-modern": 'true' ,
+      className: clsx(styles.toolbarRoot, styles.ScrollableToolbarWithReducedPadding, className),
       style: {
         maxWidth
       },
@@ -45,7 +41,6 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarRoot, className),
-    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/toolbar/toolbar-text-toggle-item.js

@@ -13,7 +13,6 @@ const ToolbarTextToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarTextToggleItem),
-    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/toolbar/toolbar-toggle-group.js

@@ -14,7 +14,6 @@ const ToolbarToggleGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toggleGroup, className),
-    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/toolbar/toolbar-toggle-item.js

@@ -16,7 +16,6 @@ const ToolbarToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarToggle),
-    "data-modern": 'true' ,
     children: [children, /*#__PURE__*/createElement(icon, {
       height: Size5,
       width: Size5,

package/dist/lib-esm/toolbar/toolbar.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"dropdownIndicator":"bp_toolbar_module_dropdownIndicator--df13f","invertCaret":"bp_toolbar_module_invertCaret--df13f","toolbarRoot":"bp_toolbar_module_toolbarRoot--df13f","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--df13f","toolbarItem":"bp_toolbar_module_toolbarItem--df13f","toolbarButton":"bp_toolbar_module_toolbarButton--df13f","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--df13f","toolbarLink":"bp_toolbar_module_toolbarLink--df13f","toggleGroup":"bp_toolbar_module_toggleGroup--df13f","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--df13f","hidden":"bp_toolbar_module_hidden--df13f","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--df13f","separator":"bp_toolbar_module_separator--df13f","toolbarToggle":"bp_toolbar_module_toolbarToggle--df13f","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--df13f","toolbarIcon":"bp_toolbar_module_toolbarIcon--df13f","toolbarLinkText":"bp_toolbar_module_toolbarLinkText--df13f","toolbarInputContainer":"bp_toolbar_module_toolbarInputContainer--df13f","toolbarInput":"bp_toolbar_module_toolbarInput--df13f","toolbarInputErrorIcon":"bp_toolbar_module_toolbarInputErrorIcon--df13f","toolbarInputError":"bp_toolbar_module_toolbarInputError--df13f","toolbarInputErrorIconHidden":"bp_toolbar_module_toolbarInputErrorIconHidden--df13f"};
+var styles = {"dropdownIndicator":"bp_toolbar_module_dropdownIndicator--eb4ca","invertCaret":"bp_toolbar_module_invertCaret--eb4ca","toolbarRoot":"bp_toolbar_module_toolbarRoot--eb4ca","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--eb4ca","toolbarItem":"bp_toolbar_module_toolbarItem--eb4ca","toolbarButton":"bp_toolbar_module_toolbarButton--eb4ca","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--eb4ca","toolbarLink":"bp_toolbar_module_toolbarLink--eb4ca","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--eb4ca","hidden":"bp_toolbar_module_hidden--eb4ca","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--eb4ca","separator":"bp_toolbar_module_separator--eb4ca","toggleGroup":"bp_toolbar_module_toggleGroup--eb4ca","toolbarToggle":"bp_toolbar_module_toolbarToggle--eb4ca","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--eb4ca","toolbarIcon":"bp_toolbar_module_toolbarIcon--eb4ca","toolbarLinkText":"bp_toolbar_module_toolbarLinkText--eb4ca","toolbarInputContainer":"bp_toolbar_module_toolbarInputContainer--eb4ca","toolbarInput":"bp_toolbar_module_toolbarInput--eb4ca","toolbarInputErrorIcon":"bp_toolbar_module_toolbarInputErrorIcon--eb4ca","toolbarInputError":"bp_toolbar_module_toolbarInputError--eb4ca","toolbarInputErrorIconHidden":"bp_toolbar_module_toolbarInputErrorIconHidden--eb4ca"};
 
 export { styles as default };

package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.js

@@ -15,7 +15,6 @@ const MenuItemSideContent = ({
     className: clsx(styles.menuItemSideContent, {
       [styles.textOnLightSecondary]: typeof children === 'string'
     }, className),
-    "data-modern": 'true' ,
     children: children
   });
 };
@@ -31,7 +30,6 @@ const MenuItemMainContent = ({
   return jsxs("div", {
     ...rest,
     className: clsx(styles.menuItemMainContent, className),
-    "data-modern": 'true' ,
     children: [jsx("span", {
       className: clsx(styles.label, {
         [styles.bold]: Boolean(description)

package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--2708c","label":"bp_menu_item_sections_module_label--2708c","bold":"bp_menu_item_sections_module_bold--2708c","description":"bp_menu_item_sections_module_description--2708c","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--2708c","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--2708c"};
+var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--a7b1f","label":"bp_menu_item_sections_module_label--a7b1f","bold":"bp_menu_item_sections_module_bold--a7b1f","description":"bp_menu_item_sections_module_description--a7b1f","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--a7b1f","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--a7b1f"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "17.12.3",
+    "version": "17.13.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -55,7 +55,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^5.10.16",
+        "@box/blueprint-web-assets": "^5.10.18",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
     "devDependencies": {
         "@box/box-test-client": "^3.2.7",
         "@box/playwright-utils": "^2.8.5",
-        "@box/storybook-utils": "^1.2.60",
+        "@box/storybook-utils": "^1.2.62",
         "@figma/code-connect": "1.4.4",
         "@playwright/test": "1.46.1",
         "@types/js-yaml": "^4.0.9",