@box/blueprint-web 17.16.0 → 17.18.0

package/dist/lib-esm/inline-table/inline-table.js

@@ -12,7 +12,6 @@ const Table = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   } = props;
   return jsx("table", {
     className: clsx(hideBorder && styles.borderHidden, fullSpan && styles.fullSpan, styles.inlineTable, className),
-    "data-modern": 'true' ,
     ...rest,
     ref: ref
   });

package/dist/lib-esm/inline-table/inline-table.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"inlineTable":"bp_inline_table_module_inlineTable--12cec","borderHidden":"bp_inline_table_module_borderHidden--12cec","fullSpan":"bp_inline_table_module_fullSpan--12cec","actionCell":"bp_inline_table_module_actionCell--12cec"};
+var styles = {"inlineTable":"bp_inline_table_module_inlineTable--f26a1","borderHidden":"bp_inline_table_module_borderHidden--f26a1","fullSpan":"bp_inline_table_module_fullSpan--f26a1","actionCell":"bp_inline_table_module_actionCell--f26a1"};
 
 export { styles as default };

package/dist/lib-esm/list-item/main.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--4cb60","resizableTableContainer":"bp_main_module_resizableTableContainer--4cb60","resizableTable":"bp_main_module_resizableTable--4cb60","tableHeader":"bp_main_module_tableHeader--4cb60","column":"bp_main_module_column--4cb60","columnNameWrapper":"bp_main_module_columnNameWrapper--4cb60","columnName":"bp_main_module_columnName--4cb60","focusVisible":"bp_main_module_focusVisible--4cb60","sorted":"bp_main_module_sorted--4cb60","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--4cb60","columnResizer":"bp_main_module_columnResizer--4cb60","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--4cb60","droppableColumn":"bp_main_module_droppableColumn--4cb60","actionColumn":"bp_main_module_actionColumn--4cb60","hiddenColumn":"bp_main_module_hiddenColumn--4cb60","tableBody":"bp_main_module_tableBody--4cb60","row":"bp_main_module_row--4cb60","cell":"bp_main_module_cell--4cb60","actionsWrapper":"bp_main_module_actionsWrapper--4cb60","actionChildren":"bp_main_module_actionChildren--4cb60","actions":"bp_main_module_actions--4cb60","alwaysShowSelection":"bp_main_module_alwaysShowSelection--4cb60","isCellHidden":"bp_main_module_isCellHidden--4cb60"};
+var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--c1b8c","resizableTableContainer":"bp_main_module_resizableTableContainer--c1b8c","resizableTable":"bp_main_module_resizableTable--c1b8c","tableHeader":"bp_main_module_tableHeader--c1b8c","column":"bp_main_module_column--c1b8c","columnNameWrapper":"bp_main_module_columnNameWrapper--c1b8c","columnName":"bp_main_module_columnName--c1b8c","focusVisible":"bp_main_module_focusVisible--c1b8c","sorted":"bp_main_module_sorted--c1b8c","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--c1b8c","columnResizer":"bp_main_module_columnResizer--c1b8c","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--c1b8c","droppableColumn":"bp_main_module_droppableColumn--c1b8c","actionColumn":"bp_main_module_actionColumn--c1b8c","hiddenColumn":"bp_main_module_hiddenColumn--c1b8c","tableBody":"bp_main_module_tableBody--c1b8c","row":"bp_main_module_row--c1b8c","cell":"bp_main_module_cell--c1b8c","actionsWrapper":"bp_main_module_actionsWrapper--c1b8c","actionChildren":"bp_main_module_actionChildren--c1b8c","actions":"bp_main_module_actions--c1b8c","alwaysShowSelection":"bp_main_module_alwaysShowSelection--c1b8c","isCellHidden":"bp_main_module_isCellHidden--c1b8c"};
 
 export { styles as default };

package/dist/lib-esm/list-item/table-column.js

@@ -1,5 +1,4 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '@box/blueprint-web-assets/icons/Fill';
 import { ArrowUp, ArrowDown } from '@box/blueprint-web-assets/icons/Medium';
 import { bpSize040, bpTextTextOnLight } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
@@ -17,19 +16,17 @@ function SortingArrowIcon({
   direction
 }) {
   const props = {
-    color: bpTextTextOnLight ,
-    height: bpSize040 ,
+    color: bpTextTextOnLight,
+    height: bpSize040,
     role: 'presentation',
     visibility,
-    width: bpSize040 
+    width: bpSize040
   };
-  {
-    return direction === 'up' ? jsx(ArrowUp, {
-      ...props
-    }) : jsx(ArrowDown, {
-      ...props
-    });
-  }
+  return direction === 'up' ? jsx(ArrowUp, {
+    ...props
+  }) : jsx(ArrowDown, {
+    ...props
+  });
 }
 function SortIndicator({
   direction

package/dist/lib-esm/list-item/table-header-default.js

@@ -15,7 +15,6 @@ const TableHeaderInner = (props, ref) => {
     ...rest,
     ref: ref,
     className: clsx(styles.tableHeader, className),
-    "data-modern": 'true' ,
     children: children
   });
 };

package/dist/lib-esm/list-item/table.js

@@ -29,7 +29,6 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const resizableContainerRef = useRef(null);
   const dropdownHeaderContainerRef = useRef(null);
-  const enableModernizedComponents = true;
   return jsx(CustomTableOptionsProvider, {
     selectionVisibility: selectionVisibility,
     children: jsx(TableSortingProvider, {
@@ -49,7 +48,6 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
           children: jsx(ResizableTableContainer, {
             ref: resizableContainerRef,
             className: styles.resizableTableContainer,
-            "data-modern": enableModernizedComponents,
             ...resizableTableContainerProps,
             children: jsx(TableInner, {
               ref: ref,

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

@@ -64,7 +64,6 @@ const PageLayout = /*#__PURE__*/forwardRef(({
       [styles.pageNavigationXXLargeCollapsed]: xxLargeBreakpointActive && !navigationExpanded,
       [styles.pageMediumOrLessViewport]: breakpoint <= Breakpoint.Medium
     }, className),
-    "data-modern": 'true' ,
     children: [Slots.Navigation, jsxs("div", {
       className: styles.pageBody,
       children: [Slots.SidePanel, jsxs("div", {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"page":"bp_page_module_page--b0d0d","pageBody":"bp_page_module_pageBody--b0d0d","pageBodyContent":"bp_page_module_pageBodyContent--b0d0d","sidePanel":"bp_page_module_sidePanel--b0d0d","expanded":"bp_page_module_expanded--b0d0d","globalHeader":"bp_page_module_globalHeader--b0d0d","sideContentContainer":"bp_page_module_sideContentContainer--b0d0d","searchContainer":"bp_page_module_searchContainer--b0d0d","pageMain":"bp_page_module_pageMain--b0d0d","topSection":"bp_page_module_topSection--b0d0d","mainSection":"bp_page_module_mainSection--b0d0d","content":"bp_page_module_content--b0d0d","paddingWithSidebarVisible":"bp_page_module_paddingWithSidebarVisible--b0d0d","sidebar":"bp_page_module_sidebar--b0d0d","navigationPortal":"bp_page_module_navigationPortal--b0d0d","navigationContent":"bp_page_module_navigationContent--b0d0d","navigationPortalLargeCollapsed":"bp_page_module_navigationPortalLargeCollapsed--b0d0d","navigationPortalLargeExpanded":"bp_page_module_navigationPortalLargeExpanded--b0d0d","hide":"bp_page_module_hide--b0d0d","pageMediumOrLessViewport":"bp_page_module_pageMediumOrLessViewport--b0d0d","navigationPortalOverlayCollapsed":"bp_page_module_navigationPortalOverlayCollapsed--b0d0d","navigationPortalOverlayExpanded":"bp_page_module_navigationPortalOverlayExpanded--b0d0d","pageNavigationXXLargeCollapsed":"bp_page_module_pageNavigationXXLargeCollapsed--b0d0d","pageNavigationXXLargeExpanded":"bp_page_module_pageNavigationXXLargeExpanded--b0d0d","portalEntry":"bp_page_module_portalEntry--b0d0d"};
+var styles = {"page":"bp_page_module_page--c633d","pageBody":"bp_page_module_pageBody--c633d","pageBodyContent":"bp_page_module_pageBodyContent--c633d","sidePanel":"bp_page_module_sidePanel--c633d","expanded":"bp_page_module_expanded--c633d","globalHeader":"bp_page_module_globalHeader--c633d","sideContentContainer":"bp_page_module_sideContentContainer--c633d","searchContainer":"bp_page_module_searchContainer--c633d","pageMain":"bp_page_module_pageMain--c633d","topSection":"bp_page_module_topSection--c633d","mainSection":"bp_page_module_mainSection--c633d","content":"bp_page_module_content--c633d","paddingWithSidebarVisible":"bp_page_module_paddingWithSidebarVisible--c633d","sidebar":"bp_page_module_sidebar--c633d","navigationPortal":"bp_page_module_navigationPortal--c633d","navigationContent":"bp_page_module_navigationContent--c633d","navigationPortalLargeCollapsed":"bp_page_module_navigationPortalLargeCollapsed--c633d","navigationPortalLargeExpanded":"bp_page_module_navigationPortalLargeExpanded--c633d","hide":"bp_page_module_hide--c633d","pageMediumOrLessViewport":"bp_page_module_pageMediumOrLessViewport--c633d","navigationPortalOverlayCollapsed":"bp_page_module_navigationPortalOverlayCollapsed--c633d","navigationPortalOverlayExpanded":"bp_page_module_navigationPortalOverlayExpanded--c633d","pageNavigationXXLargeCollapsed":"bp_page_module_pageNavigationXXLargeCollapsed--c633d","pageNavigationXXLargeExpanded":"bp_page_module_pageNavigationXXLargeExpanded--c633d","portalEntry":"bp_page_module_portalEntry--c633d"};
 
 export { styles as default };

package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice-icon.js

@@ -3,7 +3,7 @@ import { bpSize050, bpIconIconOnLightSecondary, bpIconIconOnLight } from '@box/b
 import { forwardRef, createElement } from 'react';
 import styles from './base-inline-notice.module.js';
 
-const IconColorModernizedMap = {
+const IconColorMap = {
   IconIconOnLight: bpIconIconOnLight,
   IconIconOnLightSecondary: bpIconIconOnLightSecondary
 };
@@ -17,11 +17,10 @@ const BaseInlineNoticeIcon = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   if (!icon) {
     return null;
   }
-  const color = IconColorModernizedMap[iconColor] ;
   const iconElement = /*#__PURE__*/createElement(icon, {
-    color,
-    width: bpSize050 ,
-    height: bpSize050 ,
+    color: IconColorMap[iconColor],
+    width: bpSize050,
+    height: bpSize050,
     'aria-label': iconAriaLabel
   });
   return jsx("span", {

package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice.js

@@ -16,7 +16,6 @@ const BaseInlineNotice = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
     className: clsx(styles.noticeWrapper, styles[backgroundColor], className),
     "data-container-query-layout": enableContainerQueryLayout ? 'true' : 'false',
-    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--201c6","content":"bp_base_inline_notice_module_content--201c6","title":"bp_base_inline_notice_module_title--201c6","actions":"bp_base_inline_notice_module_actions--201c6","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--201c6","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--201c6","backgroundRed":"bp_base_inline_notice_module_backgroundRed--201c6","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--201c6","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--201c6","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--201c6","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--201c6","backgroundWhite":"bp_base_inline_notice_module_backgroundWhite--201c6","backgroundGray":"bp_base_inline_notice_module_backgroundGray--201c6","contentContainer":"bp_base_inline_notice_module_contentContainer--201c6","icon":"bp_base_inline_notice_module_icon--201c6"};
+var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--dc878","actions":"bp_base_inline_notice_module_actions--dc878","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--dc878","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--dc878","backgroundRed":"bp_base_inline_notice_module_backgroundRed--dc878","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--dc878","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--dc878","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--dc878","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--dc878","backgroundWhite":"bp_base_inline_notice_module_backgroundWhite--dc878","backgroundGray":"bp_base_inline_notice_module_backgroundGray--dc878","contentContainer":"bp_base_inline_notice_module_contentContainer--dc878","content":"bp_base_inline_notice_module_content--dc878","title":"bp_base_inline_notice_module_title--dc878","icon":"bp_base_inline_notice_module_icon--dc878"};
 
 export { styles as default };

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

@@ -1,7 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { AlertBadge } from '@box/blueprint-web-assets/icons/Fill';
 import { AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
-import { Size4, IconIconErrorOnLight, bpSize050 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize050, IconIconErrorOnLight } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
 import '../../blueprint-configuration-context/blueprint-configuration-context.js';
@@ -10,15 +9,7 @@ import { useBlueprintConfiguration } from '../../blueprint-configuration-context
 import { useInlineErrorPresence } from './utils/use-inline-error-presence.js';
 import styles from './inline-error.module.js';
 
-const renderErrorContent = (content, enableModernizedComponents, errorIconClassName) => content && (false ? jsxs(Fragment, {
-  children: [jsx(AlertBadge, {
-    className: errorIconClassName,
-    color: IconIconErrorOnLight,
-    height: Size4,
-    role: "presentation",
-    width: Size4
-  }), content]
-}) : jsxs(Fragment, {
+const renderErrorContent = (content, errorIconClassName) => content && jsxs(Fragment, {
   children: [jsx(AlertCircle, {
     className: errorIconClassName,
     color: IconIconErrorOnLight,
@@ -26,7 +17,7 @@ const renderErrorContent = (content, enableModernizedComponents, errorIconClassN
     role: "presentation",
     width: bpSize050
   }), content]
-}));
+});
 /** Renders an inline error message and icon, used to show error state in form elements. */
 const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
@@ -35,13 +26,11 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     onAnimationEnd: onAnimationEndProp,
     ...rest
   } = props;
-  const enableModernizedComponents = true;
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
   const isAnimationEnabled = componentsWithAnimationEnabled.includes('InlineError');
-  const useModernizedAnimation = isAnimationEnabled && enableModernizedComponents;
-  const presence = useInlineErrorPresence(children, useModernizedAnimation);
+  const presence = useInlineErrorPresence(children, isAnimationEnabled);
   const {
     onAnimationEnd: onPresenceAnimationEnd
   } = presence;
@@ -49,21 +38,19 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     onPresenceAnimationEnd(event);
     onAnimationEndProp?.(event);
   }, [onPresenceAnimationEnd, onAnimationEndProp]);
-  /** Legacy path: identical DOM/CSS to pre-animation InlineError (no mount/unmount, `.empty` + `display: none`). */
-  if (!useModernizedAnimation) {
+  /** When animation is off: no mount/unmount. Hide the empty slot with `.empty` + `display: none`. */
+  if (!isAnimationEnabled) {
     return jsx("span", {
       ...rest,
       ref: forwardedRef,
       className: clsx([className, styles.inlineError, {
         [styles.empty]: !children
       }]),
-      "data-modern": 'true' ,
       onAnimationEnd: onAnimationEndProp,
-      children: renderErrorContent(children, enableModernizedComponents, styles.errorIcon)
+      children: renderErrorContent(children, styles.errorIcon)
     });
   }
-  /** `return null` when there is no error (and we are not in the exit phase): no visible slot for the
-  message — layout matches legacy (legacy hides the same slot via `.empty` + `display: none`). */
+  /** Unmount when there is no error and we are not in the exit phase, so there is no visible slot. */
   if (!presence.isMounted) {
     return null;
   }
@@ -72,10 +59,9 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
     className: clsx([className, styles.inlineError, styles.animated]),
     "data-bp-animated": "true",
-    "data-modern": "true",
     "data-state": presence.presenceState,
     onAnimationEnd: handleAnimationEnd,
-    children: renderErrorContent(presence.content, enableModernizedComponents, styles.errorIcon)
+    children: renderErrorContent(presence.content, styles.errorIcon)
   });
 });
 

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"inlineError":"bp_inline_error_module_inlineError--9a1d7","empty":"bp_inline_error_module_empty--9a1d7","errorIcon":"bp_inline_error_module_errorIcon--9a1d7","animated":"bp_inline_error_module_animated--9a1d7"};
+var styles = {"inlineError":"bp_inline_error_module_inlineError--b8255","empty":"bp_inline_error_module_empty--b8255","errorIcon":"bp_inline_error_module_errorIcon--b8255","animated":"bp_inline_error_module_animated--b8255"};
 
 export { styles as default };

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

@@ -13,11 +13,9 @@ const PageHeaderRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     sticky = true,
     ...rest
   } = props;
-  const enableModernizedComponents = true;
   return /*#__PURE__*/createElement(as, {
     ...rest,
     ref: forwardedRef,
-    'data-modern': enableModernizedComponents,
     className: clsx(styles.pageHeader, className, {
       [styles.default]: variant === 'default'
     }, {

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"pageHeader":"bp_page_header_module_pageHeader--69086","inline":"bp_page_header_module_inline--69086","sticky":"bp_page_header_module_sticky--69086","default":"bp_page_header_module_default--69086","corner":"bp_page_header_module_corner--69086","startElements":"bp_page_header_module_startElements--69086","endElements":"bp_page_header_module_endElements--69086"};
+var styles = {"pageHeader":"bp_page_header_module_pageHeader--28bdc","inline":"bp_page_header_module_inline--28bdc","sticky":"bp_page_header_module_sticky--28bdc","default":"bp_page_header_module_default--28bdc","corner":"bp_page_header_module_corner--28bdc","startElements":"bp_page_header_module_startElements--28bdc","endElements":"bp_page_header_module_endElements--28bdc"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"buttonWrapper":"bp_select_menu_grid_option_module_buttonWrapper--7314c","withLabel":"bp_select_menu_grid_option_module_withLabel--7314c","withLabel--default":"bp_select_menu_grid_option_module_withLabel--default--7314c","optionButton":"bp_select_menu_grid_option_module_optionButton--7314c","labeled":"bp_select_menu_grid_option_module_labeled--7314c","labelContent":"bp_select_menu_grid_option_module_labelContent--7314c","labelContent--withDescription":"bp_select_menu_grid_option_module_labelContent--withDescription--7314c","text":"bp_select_menu_grid_option_module_text--7314c","text--large":"bp_select_menu_grid_option_module_text--large--7314c","text--default":"bp_select_menu_grid_option_module_text--default--7314c","description":"bp_select_menu_grid_option_module_description--7314c","iconContainer":"bp_select_menu_grid_option_module_iconContainer--7314c","iconContainer--size-default":"bp_select_menu_grid_option_module_iconContainer--size-default--7314c","iconContainer--size-large":"bp_select_menu_grid_option_module_iconContainer--size-large--7314c","iconContainer--default":"bp_select_menu_grid_option_module_iconContainer--default--7314c","iconContainer--box":"bp_select_menu_grid_option_module_iconContainer--box--7314c","iconContainer--docgen":"bp_select_menu_grid_option_module_iconContainer--docgen--7314c","iconContainer--forms":"bp_select_menu_grid_option_module_iconContainer--forms--7314c","iconContainer--sign":"bp_select_menu_grid_option_module_iconContainer--sign--7314c","active":"bp_select_menu_grid_option_module_active--7314c","dragging":"bp_select_menu_grid_option_module_dragging--7314c","labeled--large":"bp_select_menu_grid_option_module_labeled--large--7314c","disabled":"bp_select_menu_grid_option_module_disabled--7314c","square":"bp_select_menu_grid_option_module_square--7314c","outlineHost":"bp_select_menu_grid_option_module_outlineHost--7314c","circle":"bp_select_menu_grid_option_module_circle--7314c","loading":"bp_select_menu_grid_option_module_loading--7314c","color":"bp_select_menu_grid_option_module_color--7314c","strikeThrough":"bp_select_menu_grid_option_module_strikeThrough--7314c"};
+var styles = {"buttonWrapper":"bp_select_menu_grid_option_module_buttonWrapper--fd3e3","withLabel":"bp_select_menu_grid_option_module_withLabel--fd3e3","withLabel--default":"bp_select_menu_grid_option_module_withLabel--default--fd3e3","optionButton":"bp_select_menu_grid_option_module_optionButton--fd3e3","labeled":"bp_select_menu_grid_option_module_labeled--fd3e3","labelContent":"bp_select_menu_grid_option_module_labelContent--fd3e3","labelContent--withDescription":"bp_select_menu_grid_option_module_labelContent--withDescription--fd3e3","text":"bp_select_menu_grid_option_module_text--fd3e3","text--large":"bp_select_menu_grid_option_module_text--large--fd3e3","text--default":"bp_select_menu_grid_option_module_text--default--fd3e3","description":"bp_select_menu_grid_option_module_description--fd3e3","iconContainer":"bp_select_menu_grid_option_module_iconContainer--fd3e3","iconContainer--size-default":"bp_select_menu_grid_option_module_iconContainer--size-default--fd3e3","iconContainer--size-large":"bp_select_menu_grid_option_module_iconContainer--size-large--fd3e3","iconContainer--default":"bp_select_menu_grid_option_module_iconContainer--default--fd3e3","iconContainer--box":"bp_select_menu_grid_option_module_iconContainer--box--fd3e3","iconContainer--docgen":"bp_select_menu_grid_option_module_iconContainer--docgen--fd3e3","iconContainer--forms":"bp_select_menu_grid_option_module_iconContainer--forms--fd3e3","iconContainer--sign":"bp_select_menu_grid_option_module_iconContainer--sign--fd3e3","active":"bp_select_menu_grid_option_module_active--fd3e3","dragging":"bp_select_menu_grid_option_module_dragging--fd3e3","labeled--large":"bp_select_menu_grid_option_module_labeled--large--fd3e3","disabled":"bp_select_menu_grid_option_module_disabled--fd3e3","square":"bp_select_menu_grid_option_module_square--fd3e3","outlineHost":"bp_select_menu_grid_option_module_outlineHost--fd3e3","circle":"bp_select_menu_grid_option_module_circle--fd3e3","loading":"bp_select_menu_grid_option_module_loading--fd3e3","color":"bp_select_menu_grid_option_module_color--fd3e3","strikeThrough":"bp_select_menu_grid_option_module_strikeThrough--fd3e3"};
 
 export { styles as default };

package/dist/lib-esm/side-panel/side-panel-close.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import '@box/blueprint-web-assets/icons/Fill';
 import { XMark } from '@box/blueprint-web-assets/icons/Medium';
 import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef, useMemo } from 'react';
+import { forwardRef } from 'react';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
 import { useBreakpoint, Breakpoint } from '../utils/useBreakpoint.js';
 import styles from './side-panel.module.js';
@@ -20,11 +19,7 @@ const SidePanelClose = /*#__PURE__*/forwardRef(({
 }, forwardedRef) => {
   const breakpoint = useBreakpoint();
   const smallBreakpointActive = breakpoint === Breakpoint.Small;
-  const enableModernizedComponents = true;
   const finalProps = smallBreakpointActive ? smallViewportProps : {};
-  const closeIcon = useMemo(() => {
-    return XMark ;
-  }, [enableModernizedComponents]);
   return jsx(RadixDialog.Close, {
     ref: forwardedRef,
     asChild: true,
@@ -32,7 +27,7 @@ const SidePanelClose = /*#__PURE__*/forwardRef(({
       ...rest,
       "aria-label": ariaLabel,
       className: styles.close,
-      icon: icon || closeIcon,
+      icon: icon || XMark,
       ...finalProps
     })
   });

package/dist/lib-esm/side-panel/side-panel-content.js

@@ -37,7 +37,6 @@ const SidePanelContent = /*#__PURE__*/forwardRef(({
         [styles.dropShadowContent]: variant === 'dropShadowOverlay',
         [styles.overlayContent]: isOverlayVariant
       }, className),
-      "data-modern": 'true' ,
       onInteractOutside: handleInteractOutside,
       children: children
     })
@@ -54,7 +53,6 @@ const SidePanelPersistentContent = /*#__PURE__*/forwardRef(({
   return jsx("div", {
     ref: forwardedRef,
     className: clsx(styles.content, styles.contentNormal, styles.persistentContent, className),
-    "data-modern": 'true' ,
     ...props,
     children: children
   });

package/dist/lib-esm/side-panel/side-panel-overlay.js

@@ -23,7 +23,6 @@ const SidePanelOverlay = /*#__PURE__*/forwardRef(({
       className: clsx(styles.overlay, {
         [styles.dropShadowOverlay]: variant === 'dropShadowOverlay'
       }, className),
-      "data-modern": 'true' ,
       ...props,
       children: children
     })

package/dist/lib-esm/side-panel/side-panel.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_side_panel_module_content--73acf","overlay":"bp_side_panel_module_overlay--73acf","header":"bp_side_panel_module_header--73acf","headerShadow":"bp_side_panel_module_headerShadow--73acf","scrollableContainer":"bp_side_panel_module_scrollableContainer--73acf","persistentContent":"bp_side_panel_module_persistentContent--73acf","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--73acf","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--73acf","contentNormal":"bp_side_panel_module_contentNormal--73acf","contentLarge":"bp_side_panel_module_contentLarge--73acf","dropShadowContent":"bp_side_panel_module_dropShadowContent--73acf","close":"bp_side_panel_module_close--73acf","overlayContent":"bp_side_panel_module_overlayContent--73acf","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--73acf","footer":"bp_side_panel_module_footer--73acf","footerShadow":"bp_side_panel_module_footerShadow--73acf","footerButton":"bp_side_panel_module_footerButton--73acf"};
+var styles = {"content":"bp_side_panel_module_content--e8fc3","header":"bp_side_panel_module_header--e8fc3","headerShadow":"bp_side_panel_module_headerShadow--e8fc3","scrollableContainer":"bp_side_panel_module_scrollableContainer--e8fc3","persistentContent":"bp_side_panel_module_persistentContent--e8fc3","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--e8fc3","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--e8fc3","contentNormal":"bp_side_panel_module_contentNormal--e8fc3","contentLarge":"bp_side_panel_module_contentLarge--e8fc3","dropShadowContent":"bp_side_panel_module_dropShadowContent--e8fc3","close":"bp_side_panel_module_close--e8fc3","overlayContent":"bp_side_panel_module_overlayContent--e8fc3","overlay":"bp_side_panel_module_overlay--e8fc3","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--e8fc3","footer":"bp_side_panel_module_footer--e8fc3","footerShadow":"bp_side_panel_module_footerShadow--e8fc3","footerButton":"bp_side_panel_module_footerButton--e8fc3"};
 
 export { styles as default };

package/dist/lib-esm/small-list-item/small-list.js

@@ -10,7 +10,6 @@ const SmallList = /*#__PURE__*/forwardRef(function SmallList(props, forwardedRef
   return jsx(BaseGridList, {
     ...rest,
     ref: forwardedRef,
-    "data-modern": 'true' ,
     layoutStyle: "small-list",
     children: children
   });

package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"smallList":"bp_base_grid_list_item_module_smallList--e6f7b","smallListItem":"bp_base_grid_list_item_module_smallListItem--e6f7b","header":"bp_base_grid_list_item_module_header--e6f7b","subtitle":"bp_base_grid_list_item_module_subtitle--e6f7b","loading":"bp_base_grid_list_item_module_loading--e6f7b","thumbnail":"bp_base_grid_list_item_module_thumbnail--e6f7b","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--e6f7b","actions":"bp_base_grid_list_item_module_actions--e6f7b","selection":"bp_base_grid_list_item_module_selection--e6f7b","inner":"bp_base_grid_list_item_module_inner--e6f7b","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--e6f7b","largeList":"bp_base_grid_list_item_module_largeList--e6f7b","largeListItem":"bp_base_grid_list_item_module_largeListItem--e6f7b","fade":"bp_base_grid_list_item_module_fade--e6f7b","description":"bp_base_grid_list_item_module_description--e6f7b","snippet":"bp_base_grid_list_item_module_snippet--e6f7b","snippetContent":"bp_base_grid_list_item_module_snippetContent--e6f7b","gridList":"bp_base_grid_list_item_module_gridList--e6f7b","gridListItem":"bp_base_grid_list_item_module_gridListItem--e6f7b","statusPin":"bp_base_grid_list_item_module_statusPin--e6f7b","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--e6f7b","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--e6f7b","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--e6f7b","gridListV2":"bp_base_grid_list_item_module_gridListV2--e6f7b","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--e6f7b","noActions":"bp_base_grid_list_item_module_noActions--e6f7b","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--e6f7b","statusBadge":"bp_base_grid_list_item_module_statusBadge--e6f7b","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--e6f7b","textCentered":"bp_base_grid_list_item_module_textCentered--e6f7b","innerCentered":"bp_base_grid_list_item_module_innerCentered--e6f7b","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--e6f7b","gridListV2XSmall":"bp_base_grid_list_item_module_gridListV2XSmall--e6f7b","gridListV2XSmallBordered":"bp_base_grid_list_item_module_gridListV2XSmallBordered--e6f7b","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--e6f7b","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--e6f7b","listV2":"bp_base_grid_list_item_module_listV2--e6f7b","listV2Item":"bp_base_grid_list_item_module_listV2Item--e6f7b","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--e6f7b","content":"bp_base_grid_list_item_module_content--e6f7b","staticList":"bp_base_grid_list_item_module_staticList--e6f7b","staticListItem":"bp_base_grid_list_item_module_staticListItem--e6f7b"};
+var styles = {"smallList":"bp_base_grid_list_item_module_smallList--1c940","smallListItem":"bp_base_grid_list_item_module_smallListItem--1c940","loading":"bp_base_grid_list_item_module_loading--1c940","thumbnail":"bp_base_grid_list_item_module_thumbnail--1c940","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--1c940","header":"bp_base_grid_list_item_module_header--1c940","subtitle":"bp_base_grid_list_item_module_subtitle--1c940","actions":"bp_base_grid_list_item_module_actions--1c940","selection":"bp_base_grid_list_item_module_selection--1c940","inner":"bp_base_grid_list_item_module_inner--1c940","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--1c940","largeList":"bp_base_grid_list_item_module_largeList--1c940","largeListItem":"bp_base_grid_list_item_module_largeListItem--1c940","fade":"bp_base_grid_list_item_module_fade--1c940","description":"bp_base_grid_list_item_module_description--1c940","snippet":"bp_base_grid_list_item_module_snippet--1c940","snippetContent":"bp_base_grid_list_item_module_snippetContent--1c940","gridList":"bp_base_grid_list_item_module_gridList--1c940","gridListItem":"bp_base_grid_list_item_module_gridListItem--1c940","statusPin":"bp_base_grid_list_item_module_statusPin--1c940","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--1c940","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--1c940","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--1c940","gridListV2":"bp_base_grid_list_item_module_gridListV2--1c940","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--1c940","noActions":"bp_base_grid_list_item_module_noActions--1c940","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--1c940","statusBadge":"bp_base_grid_list_item_module_statusBadge--1c940","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--1c940","textCentered":"bp_base_grid_list_item_module_textCentered--1c940","innerCentered":"bp_base_grid_list_item_module_innerCentered--1c940","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--1c940","gridListV2XSmall":"bp_base_grid_list_item_module_gridListV2XSmall--1c940","gridListV2XSmallBordered":"bp_base_grid_list_item_module_gridListV2XSmallBordered--1c940","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--1c940","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--1c940","listV2":"bp_base_grid_list_item_module_listV2--1c940","listV2Item":"bp_base_grid_list_item_module_listV2Item--1c940","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--1c940","content":"bp_base_grid_list_item_module_content--1c940","staticList":"bp_base_grid_list_item_module_staticList--1c940","staticListItem":"bp_base_grid_list_item_module_staticListItem--1c940"};
 
 export { styles as default };

package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list.js

@@ -106,7 +106,6 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
         ...rest,
         ref: forwardedRef,
         className: clsx(layoutStyleClass, variantClass, className),
-        "data-modern": 'true' ,
         layout: layoutFinal,
         ...(ownsAction ? {} : {
           onAction: handleOnAction

package/dist/lib-esm/util-components/base-grid-list-item/utils/rac-tooltip.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { useMemo } from 'react';
 import { Tooltip, OverlayArrow } from 'react-aria-components';
 import styles from '../base-grid-list-item.module.js';
 
@@ -8,11 +7,8 @@ const RACTooltip = ({
   children,
   ...props
 }) => {
-  const enableModernizedComponents = true;
-  const fill = useMemo(() => 'var(--bp-gray-100)' , [enableModernizedComponents]);
   return jsxs(Tooltip, {
     className: clsx(styles.tooltipContent),
-    "data-modern": 'true' ,
     offset: 3,
     placement: "bottom",
     ...props,
@@ -24,7 +20,7 @@ const RACTooltip = ({
         xmlns: "http://www.w3.org/2000/svg",
         children: jsx("path", {
           d: "m8.5 0-8 8h16l-8-8Z",
-          fill: fill
+          fill: "var(--bp-gray-100)"
         })
       })
     }), children]

package/dist/lib-esm/util-components/list-checkbox/list-checkbox.js

@@ -16,7 +16,6 @@ import styles from './list-checkbox.module.js';
 const ListCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
   return jsx("div", {
     className: clsx(styles.selection, props.className),
-    "data-modern": 'true' ,
     children: jsx(Checkbox, {
       ...props,
       ref: ref,

package/dist/lib-esm/util-components/list-checkbox/list-checkbox.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"selection":"bp_list_checkbox_module_selection--711bf","checkbox":"bp_list_checkbox_module_checkbox--711bf"};
+var styles = {"selection":"bp_list_checkbox_module_selection--6d182","checkbox":"bp_list_checkbox_module_checkbox--6d182"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "17.16.0",
+    "version": "17.18.0",
     "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.27",
+        "@box/blueprint-web-assets": "^5.11.0",
         "@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.71",
+        "@box/storybook-utils": "^1.3.0",
         "@figma/code-connect": "1.4.4",
         "@playwright/test": "1.46.1",
         "@types/js-yaml": "^4.0.9",