@box/blueprint-web 12.88.1 → 12.89.0

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

@@ -16,7 +16,7 @@ const Table = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   } = useBlueprintModernization();
   return jsx("table", {
     className: clsx(hideBorder && styles.borderHidden, fullSpan && styles.fullSpan, styles.inlineTable, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     ...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--f6f94","borderHidden":"bp_inline_table_module_borderHidden--f6f94","fullSpan":"bp_inline_table_module_fullSpan--f6f94","actionCell":"bp_inline_table_module_actionCell--f6f94"};
+var styles = {"inlineTable":"bp_inline_table_module_inlineTable--b87c9","borderHidden":"bp_inline_table_module_borderHidden--b87c9","fullSpan":"bp_inline_table_module_fullSpan--b87c9","actionCell":"bp_inline_table_module_actionCell--b87c9"};
 
 export { styles as default };

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

@@ -66,7 +66,7 @@ const InputChip = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref,
     "aria-invalid": hasError,
     className: containerClassName,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     onKeyDown: handleKeyDown,
     type: "button",
     children: [avatar, jsx(Text, {

package/dist/lib-esm/input-chip/input-chip.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_input_chip_module_container--47605","avatarContainer":"bp_input_chip_module_avatarContainer--47605","deleteButton":"bp_input_chip_module_deleteButton--47605","noDeleteButton":"bp_input_chip_module_noDeleteButton--47605","error":"bp_input_chip_module_error--47605","deleteIcon":"bp_input_chip_module_deleteIcon--47605","label":"bp_input_chip_module_label--47605","variable":"bp_input_chip_module_variable--47605","avatar":"bp_input_chip_module_avatar--47605","modern":"bp_input_chip_module_modern--47605"};
+var styles = {"container":"bp_input_chip_module_container--d4532","avatarContainer":"bp_input_chip_module_avatarContainer--d4532","deleteButton":"bp_input_chip_module_deleteButton--d4532","noDeleteButton":"bp_input_chip_module_noDeleteButton--d4532","error":"bp_input_chip_module_error--d4532","deleteIcon":"bp_input_chip_module_deleteIcon--d4532","label":"bp_input_chip_module_label--d4532","variable":"bp_input_chip_module_variable--d4532","avatar":"bp_input_chip_module_avatar--d4532","modern":"bp_input_chip_module_modern--d4532"};
 
 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--ceed4","resizableTableContainer":"bp_main_module_resizableTableContainer--ceed4","resizableTable":"bp_main_module_resizableTable--ceed4","tableHeader":"bp_main_module_tableHeader--ceed4","column":"bp_main_module_column--ceed4","columnNameWrapper":"bp_main_module_columnNameWrapper--ceed4","columnName":"bp_main_module_columnName--ceed4","focusVisible":"bp_main_module_focusVisible--ceed4","rotateArrow":"bp_main_module_rotateArrow--ceed4","sorted":"bp_main_module_sorted--ceed4","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--ceed4","columnResizer":"bp_main_module_columnResizer--ceed4","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--ceed4","droppableColumn":"bp_main_module_droppableColumn--ceed4","actionColumn":"bp_main_module_actionColumn--ceed4","hiddenColumn":"bp_main_module_hiddenColumn--ceed4","tableBody":"bp_main_module_tableBody--ceed4","row":"bp_main_module_row--ceed4","cell":"bp_main_module_cell--ceed4","actionsWrapper":"bp_main_module_actionsWrapper--ceed4","actionChildren":"bp_main_module_actionChildren--ceed4","actions":"bp_main_module_actions--ceed4","isCellHidden":"bp_main_module_isCellHidden--ceed4","dropIndicator":"bp_main_module_dropIndicator--ceed4"};
+var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--1dedf","resizableTableContainer":"bp_main_module_resizableTableContainer--1dedf","resizableTable":"bp_main_module_resizableTable--1dedf","tableHeader":"bp_main_module_tableHeader--1dedf","column":"bp_main_module_column--1dedf","columnNameWrapper":"bp_main_module_columnNameWrapper--1dedf","columnName":"bp_main_module_columnName--1dedf","focusVisible":"bp_main_module_focusVisible--1dedf","rotateArrow":"bp_main_module_rotateArrow--1dedf","sorted":"bp_main_module_sorted--1dedf","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--1dedf","columnResizer":"bp_main_module_columnResizer--1dedf","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--1dedf","droppableColumn":"bp_main_module_droppableColumn--1dedf","actionColumn":"bp_main_module_actionColumn--1dedf","hiddenColumn":"bp_main_module_hiddenColumn--1dedf","tableBody":"bp_main_module_tableBody--1dedf","row":"bp_main_module_row--1dedf","cell":"bp_main_module_cell--1dedf","actionsWrapper":"bp_main_module_actionsWrapper--1dedf","actionChildren":"bp_main_module_actionChildren--1dedf","actions":"bp_main_module_actions--1dedf","isCellHidden":"bp_main_module_isCellHidden--1dedf","dropIndicator":"bp_main_module_dropIndicator--1dedf"};
 
 export { styles as default };

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

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { TableHeader } from 'react-aria-components';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './main.module.js';
 
 const TableHeaderInner = (props, ref) => {
@@ -11,10 +12,14 @@ const TableHeaderInner = (props, ref) => {
     className,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx(TableHeader, {
     ...rest,
     ref: ref,
     className: clsx(styles.tableHeader, className),
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children
   });
 };

package/dist/lib-esm/loading-indicator/loading-indicator.js

@@ -21,7 +21,7 @@ function LoadingIndicator(props) {
     "aria-label": ariaLabel,
     "aria-live": ariaLive,
     className: clsx(styles.crawler, styles[variant], styles[size], className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     role: "status",
     children: [jsx("div", {
       className: styles.segment

package/dist/lib-esm/modal/modal-content.js

@@ -24,7 +24,7 @@ const ModalContent = /*#__PURE__*/forwardRef(({
     container: container,
     children: jsx(RadixDialog.Overlay, {
       className: styles.overlay,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       children: jsx(RadixDialog.Content, {
         ...props,
         ref: forwardedRef,

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

@@ -17,7 +17,7 @@ const NavigationMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   return jsx(DropdownMenu.Content, {
     ...rest,
     ref: forwardedRef,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children
   });
 });

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

@@ -20,7 +20,9 @@ const NavigationMenuLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx([styles.link, styles.ellipsis]),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    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--a2f10","ellipsis":"bp_navigation_menu_module_ellipsis--a2f10","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--a2f10"};
+var styles = {"link":"bp_navigation_menu_module_link--2d929","ellipsis":"bp_navigation_menu_module_ellipsis--2d929","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--2d929"};
 
 export { styles as default };

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

@@ -62,7 +62,7 @@ const PageLayout = /*#__PURE__*/forwardRef(({
       [styles.pageNavigationXXLargeCollapsed]: xxLargeBreakpointActive && !navigationExpanded,
       [styles.pageMediumOrLessViewport]: breakpoint <= Breakpoint.Medium
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [Slots.Navigation, Slots.GlobalHeader, jsxs("div", {
       // hide fixed focus trap region problem and overlaying content on the navigation
       className: clsx(styles.pageMain, {

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

@@ -55,7 +55,7 @@ const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       [styles.isTextWithIconButton]: buttonType === 'text-with-icon',
       [styles.hide]: loading
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: jsxs(BaseButtonContext.Provider, {
       value: context,
       children: [children, loading && loadingAriaLabel ? jsx(LoadingIndicator, {

package/dist/lib-esm/primitives/base-button/base-button.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"button":"bp_base_button_module_button--cc46d","primary":"bp_base_button_module_primary--cc46d","secondary":"bp_base_button_module_secondary--cc46d","tertiary":"bp_base_button_module_tertiary--cc46d","outline":"bp_base_button_module_outline--cc46d","small":"bp_base_button_module_small--cc46d","isIconButton":"bp_base_button_module_isIconButton--cc46d","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--cc46d","large":"bp_base_button_module_large--cc46d","icon":"bp_base_button_module_icon--cc46d","hide":"bp_base_button_module_hide--cc46d"};
+var styles = {"button":"bp_base_button_module_button--77636","primary":"bp_base_button_module_primary--77636","secondary":"bp_base_button_module_secondary--77636","tertiary":"bp_base_button_module_tertiary--77636","outline":"bp_base_button_module_outline--77636","small":"bp_base_button_module_small--77636","isIconButton":"bp_base_button_module_isIconButton--77636","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--77636","large":"bp_base_button_module_large--77636","icon":"bp_base_button_module_icon--77636","hide":"bp_base_button_module_hide--77636"};
 
 export { styles as default };

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

@@ -18,7 +18,7 @@ const BaseInlineNotice = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.noticeWrapper, styles[backgroundColor], className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     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--186f9","actions":"bp_base_inline_notice_module_actions--186f9","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--186f9","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--186f9","backgroundRed":"bp_base_inline_notice_module_backgroundRed--186f9","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--186f9","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--186f9","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--186f9","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--186f9","contentContainer":"bp_base_inline_notice_module_contentContainer--186f9","content":"bp_base_inline_notice_module_content--186f9","icon":"bp_base_inline_notice_module_icon--186f9"};
+var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--1c117","content":"bp_base_inline_notice_module_content--1c117","title":"bp_base_inline_notice_module_title--1c117","actions":"bp_base_inline_notice_module_actions--1c117","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--1c117","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--1c117","backgroundRed":"bp_base_inline_notice_module_backgroundRed--1c117","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--1c117","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--1c117","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--1c117","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--1c117","contentContainer":"bp_base_inline_notice_module_contentContainer--1c117","icon":"bp_base_inline_notice_module_icon--1c117"};
 
 export { styles as default };

package/dist/lib-esm/primitives/base-text-input/base-text-input.js

@@ -72,7 +72,7 @@ const BaseTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       [styles.disabled]: disabled,
       [styles.error]: shouldMarkError
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsx(Label, {
       className: clsx([styles.label], {
         [styles.hidden]: hideLabel

package/dist/lib-esm/primitives/base-text-input/base-text-input.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"textInputContainerOuter":"bp_base_text_input_module_textInputContainerOuter--ab5de","label":"bp_base_text_input_module_label--ab5de","hidden":"bp_base_text_input_module_hidden--ab5de","textInputContainer":"bp_base_text_input_module_textInputContainer--ab5de","textInput":"bp_base_text_input_module_textInput--ab5de","error":"bp_base_text_input_module_error--ab5de","readOnly":"bp_base_text_input_module_readOnly--ab5de","endIcon":"bp_base_text_input_module_endIcon--ab5de","startIcon":"bp_base_text_input_module_startIcon--ab5de","disabled":"bp_base_text_input_module_disabled--ab5de","inlineError":"bp_base_text_input_module_inlineError--ab5de","subtext":"bp_base_text_input_module_subtext--ab5de"};
+var styles = {"textInputContainerOuter":"bp_base_text_input_module_textInputContainerOuter--074f0","label":"bp_base_text_input_module_label--074f0","textInputContainer":"bp_base_text_input_module_textInputContainer--074f0","textInput":"bp_base_text_input_module_textInput--074f0","hidden":"bp_base_text_input_module_hidden--074f0","error":"bp_base_text_input_module_error--074f0","readOnly":"bp_base_text_input_module_readOnly--074f0","endIcon":"bp_base_text_input_module_endIcon--074f0","startIcon":"bp_base_text_input_module_startIcon--074f0","disabled":"bp_base_text_input_module_disabled--074f0","inlineError":"bp_base_text_input_module_inlineError--074f0","subtext":"bp_base_text_input_module_subtext--074f0"};
 
 export { styles as default };

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

@@ -73,7 +73,7 @@ const Calendar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ref: forwardedRef,
     "aria-label": calendarAriaLabel,
     className: clsx(styles.calendar, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsxs("header", {
       className: styles.calendarHeader,
       children: [jsx(Button, {

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"calendar":"bp_calendar_module_calendar--bfa74","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--bfa74","calendarHeader":"bp_calendar_module_calendarHeader--bfa74","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--bfa74","calendarGrid":"bp_calendar_module_calendarGrid--bfa74","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--bfa74","calendarCell":"bp_calendar_module_calendarCell--bfa74","today":"bp_calendar_module_today--bfa74"};
+var styles = {"calendar":"bp_calendar_module_calendar--85b9e","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--85b9e","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--85b9e","calendarCell":"bp_calendar_module_calendarCell--85b9e","today":"bp_calendar_module_today--85b9e","calendarHeader":"bp_calendar_module_calendarHeader--85b9e","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--85b9e","calendarGrid":"bp_calendar_module_calendarGrid--85b9e"};
 
 export { styles as default };

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

@@ -18,7 +18,7 @@ const Chip = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.chip, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children
   });
 });

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"chip":"bp_chip_module_chip--81fcb","labelText":"bp_chip_module_labelText--81fcb","chipStatus":"bp_chip_module_chipStatus--81fcb","chipButton":"bp_chip_module_chipButton--81fcb","singleSelectChip":"bp_chip_module_singleSelectChip--81fcb","multiSelectChip":"bp_chip_module_multiSelectChip--81fcb","chipsGroup":"bp_chip_module_chipsGroup--81fcb"};
+var styles = {"chip":"bp_chip_module_chip--26e20","chipButton":"bp_chip_module_chipButton--26e20","multiSelectChip":"bp_chip_module_multiSelectChip--26e20","chipStatus":"bp_chip_module_chipStatus--26e20","labelText":"bp_chip_module_labelText--26e20","singleSelectChip":"bp_chip_module_singleSelectChip--26e20","chipsGroup":"bp_chip_module_chipsGroup--26e20"};
 
 export { styles as default };

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

@@ -19,7 +19,7 @@ const ChipsGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx([styles.chipsGroup, className]),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children
   });
 });

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

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

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

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

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

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

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

@@ -56,7 +56,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
-        "data-modern": enableModernizedComponents,
+        "data-modern": enableModernizedComponents ? 'true' : 'false',
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -73,7 +73,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
-        "data-modern": enableModernizedComponents,
+        "data-modern": enableModernizedComponents ? 'true' : 'false',
         sideOffset: SIDE_OFFSET,
         children: children
       })

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

@@ -41,7 +41,7 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: forwardedRef,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
-        "data-modern": enableModernizedComponents,
+        "data-modern": enableModernizedComponents ? 'true' : 'false',
         // Prevents submenu from closing, when detects focus outside submenu in fullscreen mode,
         // while mouse is moving over submenu.
         onFocusOutside: preventDefault,
@@ -61,7 +61,7 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: forwardedRef,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
-        "data-modern": enableModernizedComponents,
+        "data-modern": enableModernizedComponents ? '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--e627f","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--e627f","subheader":"bp_dropdown_menu_module_subheader--e627f","uppercased":"bp_dropdown_menu_module_uppercased--e627f","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--e627f","ellipsis":"bp_dropdown_menu_module_ellipsis--e627f","checkmark":"bp_dropdown_menu_module_checkmark--e627f","item":"bp_dropdown_menu_module_item--e627f","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--e627f","radioItem":"bp_dropdown_menu_module_radioItem--e627f","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--e627f","checkboxItem":"bp_dropdown_menu_module_checkboxItem--e627f","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--e627f","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--e627f","startElement":"bp_dropdown_menu_module_startElement--e627f","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--e627f","endElement":"bp_dropdown_menu_module_endElement--e627f","menuHeader":"bp_dropdown_menu_module_menuHeader--e627f","headerTextContent":"bp_dropdown_menu_module_headerTextContent--e627f","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--e627f","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--e627f"};
+var styles = {"content":"bp_dropdown_menu_module_content--d8a8d","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--d8a8d","subheader":"bp_dropdown_menu_module_subheader--d8a8d","uppercased":"bp_dropdown_menu_module_uppercased--d8a8d","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--d8a8d","ellipsis":"bp_dropdown_menu_module_ellipsis--d8a8d","checkmark":"bp_dropdown_menu_module_checkmark--d8a8d","item":"bp_dropdown_menu_module_item--d8a8d","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--d8a8d","radioItem":"bp_dropdown_menu_module_radioItem--d8a8d","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--d8a8d","checkboxItem":"bp_dropdown_menu_module_checkboxItem--d8a8d","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--d8a8d","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--d8a8d","startElement":"bp_dropdown_menu_module_startElement--d8a8d","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--d8a8d","endElement":"bp_dropdown_menu_module_endElement--d8a8d","menuHeader":"bp_dropdown_menu_module_menuHeader--d8a8d","headerTextContent":"bp_dropdown_menu_module_headerTextContent--d8a8d","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--d8a8d","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--d8a8d"};
 
 export { styles as default };

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

@@ -21,7 +21,7 @@ const IconButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.iconButton, styles[variant], sizeStyles, props.className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: /*#__PURE__*/createElement(icon, {
       className: styles.icon,
       height: iconSizeMap[size],

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

@@ -23,7 +23,7 @@ const InlineError = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx([className, styles.inlineError, {
       [styles.empty]: !children
     }]),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children && (!enableModernizedComponents ? jsxs(Fragment, {
       children: [jsx(AlertBadge, {
         className: 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--3217d","empty":"bp_inline_error_module_empty--3217d","errorIcon":"bp_inline_error_module_errorIcon--3217d"};
+var styles = {"inlineError":"bp_inline_error_module_inlineError--e67e4","empty":"bp_inline_error_module_empty--e67e4","errorIcon":"bp_inline_error_module_errorIcon--e67e4"};
 
 export { styles as default };

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

@@ -2,6 +2,7 @@ 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';
@@ -15,6 +16,9 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     isExternal = false,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsxs(Component, {
     ...rest,
     ref: forwardedRef,
@@ -23,6 +27,7 @@ const Link = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     }, styles[variant], {
       [styles.hasIcon]: isExternal
     }]),
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [children, isExternal && jsx(ArrowUpRightSquareAlt, {
       "aria-hidden": true,
       className: styles.icon

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"link":"bp_link_module_link--fb308","inheritFont":"bp_link_module_inheritFont--fb308","standalone":"bp_link_module_standalone--fb308","hasIcon":"bp_link_module_hasIcon--fb308","icon":"bp_link_module_icon--fb308"};
+var styles = {"link":"bp_link_module_link--4d0e2","inheritFont":"bp_link_module_inheritFont--4d0e2","standalone":"bp_link_module_standalone--4d0e2","hasIcon":"bp_link_module_hasIcon--4d0e2","icon":"bp_link_module_icon--4d0e2"};
 
 export { styles as default };

package/dist/lib-esm/primitives/notification/notification.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"viewport":"bp_notification_module_viewport--33c6e","root":"bp_notification_module_root--33c6e","info":"bp_notification_module_info--33c6e","success":"bp_notification_module_success--33c6e","warning":"bp_notification_module_warning--33c6e","error":"bp_notification_module_error--33c6e","container":"bp_notification_module_container--33c6e","mobileContainer":"bp_notification_module_mobileContainer--33c6e","withButtons":"bp_notification_module_withButtons--33c6e","typeIconContainer":"bp_notification_module_typeIconContainer--33c6e","typeIcon":"bp_notification_module_typeIcon--33c6e","text":"bp_notification_module_text--33c6e","contentButtonSection":"bp_notification_module_contentButtonSection--33c6e","contentButtons":"bp_notification_module_contentButtons--33c6e","closeButtonSection":"bp_notification_module_closeButtonSection--33c6e","closeButton":"bp_notification_module_closeButton--33c6e"};
+var styles = {"viewport":"bp_notification_module_viewport--e32c6","root":"bp_notification_module_root--e32c6","text":"bp_notification_module_text--e32c6","info":"bp_notification_module_info--e32c6","success":"bp_notification_module_success--e32c6","warning":"bp_notification_module_warning--e32c6","error":"bp_notification_module_error--e32c6","container":"bp_notification_module_container--e32c6","mobileContainer":"bp_notification_module_mobileContainer--e32c6","withButtons":"bp_notification_module_withButtons--e32c6","typeIconContainer":"bp_notification_module_typeIconContainer--e32c6","typeIcon":"bp_notification_module_typeIcon--e32c6","contentButtonSection":"bp_notification_module_contentButtonSection--e32c6","contentButtons":"bp_notification_module_contentButtons--e32c6","closeButtonSection":"bp_notification_module_closeButtonSection--e32c6","closeButton":"bp_notification_module_closeButton--e32c6"};
 
 export { styles as default };

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

@@ -94,7 +94,7 @@ function PrivateNotificationElement(props) {
   return jsx(Toast.Root, {
     ...rest,
     className: clsx(styles.root, styles[variant]),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     onOpenChange: onClose,
     open: open,
     type: sensitivity,

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

@@ -60,7 +60,7 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
             [styles.accessibilitySmallBreakpoint]: accessibilitySmallBreakpoint
           }, className),
           collisionPadding: collisionPadding,
-          "data-modern": enableModernizedComponents,
+          "data-modern": enableModernizedComponents ? 'true' : 'false',
           onOpenAutoFocus: handleOpenAutoFocus,
           children: jsx(Card, {
             className: styles.popoverCard,

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

@@ -60,7 +60,7 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         [styles.active]: isButtonActive,
         [styles.dragging]: isButtonDragged
       }),
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       disabled: isButtonDisabled,
       children: [variant === 'colorCircle' && jsx(ColorSwatch, {
         color: color || '',
@@ -78,7 +78,7 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       [styles.withLabel]: isWithLabel,
       [styles['withLabel--default']]: isWithLabel && props.size === 'default'
     }),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     role: "gridcell",
     children: [shouldShowTooltip && jsx(Tooltip, {
       __checkInteractivity: false,

package/dist/lib-esm/primitives/tabs/tab-list.js

@@ -22,12 +22,12 @@ const TabList = /*#__PURE__*/forwardRef(function TabList(props, ref) {
   }
   return jsx("div", {
     className: clsx(styles.tabsListContainer, containerClassname),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: jsx(TabList$1, {
       ...rest,
       ref: ref,
       className: clsx(variant === 'contentSwitcher' ? styles.contentSwitchTabList : styles.tabList, className),
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       store: tab
     })
   });

package/dist/lib-esm/primitives/tabs/tabs.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--60d42","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--60d42","tabsListContainer":"bp_tabs_module_tabsListContainer--60d42","contentSwitchTab":"bp_tabs_module_contentSwitchTab--60d42","tabList":"bp_tabs_module_tabList--60d42","tabSeparator":"bp_tabs_module_tabSeparator--60d42","tab":"bp_tabs_module_tab--60d42"};
+var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--f97e9","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--f97e9","contentSwitchTab":"bp_tabs_module_contentSwitchTab--f97e9","tabsListContainer":"bp_tabs_module_tabsListContainer--f97e9","tab":"bp_tabs_module_tab--f97e9","tabList":"bp_tabs_module_tabList--f97e9","tabSeparator":"bp_tabs_module_tabSeparator--f97e9"};
 
 export { styles as default };

package/dist/lib-esm/radio-group/radio-group.js

@@ -2,6 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as RadixRadioGroup from '@radix-ui/react-radio-group';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './radio-group.module.js';
 
 const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
@@ -16,12 +17,16 @@ const RadioGroup = /*#__PURE__*/forwardRef((props, ref) => {
     orientation,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx(RadixRadioGroup.Root, {
     ...rest,
     ref: ref,
     className: clsx([styles.root], {
       [styles.horizontal]: orientation === 'horizontal'
     }, className),
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     defaultValue: defaultValue,
     loop: loop,
     name: name,

package/dist/lib-esm/radio-group/radio-group.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"root":"bp_radio_group_module_root--28e81","horizontal":"bp_radio_group_module_horizontal--28e81","radioOption":"bp_radio_group_module_radioOption--28e81","label":"bp_radio_group_module_label--28e81","description":"bp_radio_group_module_description--28e81","disabled":"bp_radio_group_module_disabled--28e81","radioButton":"bp_radio_group_module_radioButton--28e81","indicator":"bp_radio_group_module_indicator--28e81"};
+var styles = {"root":"bp_radio_group_module_root--4aadd","horizontal":"bp_radio_group_module_horizontal--4aadd","radioOption":"bp_radio_group_module_radioOption--4aadd","label":"bp_radio_group_module_label--4aadd","description":"bp_radio_group_module_description--4aadd","disabled":"bp_radio_group_module_disabled--4aadd","radioButton":"bp_radio_group_module_radioButton--4aadd","indicator":"bp_radio_group_module_indicator--4aadd"};
 
 export { styles as default };

package/dist/lib-esm/radio-tiles/radio-tiles-option.js

@@ -53,7 +53,7 @@ const RadioTilesOption = function RadioTilesOption({
       ...wrapperProps,
       children: jsx("div", {
         className: radioTileClassNames,
-        "data-modern": enableModernizedComponents,
+        "data-modern": enableModernizedComponents ? 'true' : 'false',
         children: jsxs("label", {
           className: clsx({
             [styles.iconOnly]: !label,

package/dist/lib-esm/radio-tiles/radio-tiles.js

@@ -40,7 +40,7 @@ const RadioTilesRoot = ({
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       className: containerClassNames,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       role: "radiogroup",
       style: containerStyles,
       children: children

package/dist/lib-esm/search-input/search-input-controlled/search-input-controlled.js

@@ -78,7 +78,7 @@ const SearchInputControlled = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   }), [startIcon, isGlobal]);
   return jsxs("div", {
     className: clsx(styles.search, disabled && styles.disabled, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [startIcon ? CustomStartIconComponent : jsx(Search, {
       "aria-hidden": "true",
       className: clsx(styles.searchIcon, isGlobal && styles.global),

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

@@ -74,7 +74,7 @@ const SearchInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const showActionButton = Children.count(children) > 0;
   return jsxs("div", {
     className: clsx(styles.search, disabled && styles.disabled, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsx(Search, {
       "aria-hidden": "true",
       className: clsx(styles.searchIcon, isGlobal && styles.global),

package/dist/lib-esm/search-input/search.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"search":"bp_search_module_search--de057","disabled":"bp_search_module_disabled--de057","searchIcon":"bp_search_module_searchIcon--de057","global":"bp_search_module_global--de057","searchInput":"bp_search_module_searchInput--de057","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--de057","withoutActionButton":"bp_search_module_withoutActionButton--de057","withActionButton":"bp_search_module_withActionButton--de057","clearSearchIcon":"bp_search_module_clearSearchIcon--de057","actionButton":"bp_search_module_actionButton--de057"};
+var styles = {"search":"bp_search_module_search--f2fca","searchInput":"bp_search_module_searchInput--f2fca","disabled":"bp_search_module_disabled--f2fca","searchIcon":"bp_search_module_searchIcon--f2fca","global":"bp_search_module_global--f2fca","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--f2fca","withoutActionButton":"bp_search_module_withoutActionButton--f2fca","withActionButton":"bp_search_module_withActionButton--f2fca","clearSearchIcon":"bp_search_module_clearSearchIcon--f2fca","actionButton":"bp_search_module_actionButton--f2fca"};
 
 export { styles as default };

package/dist/lib-esm/select/select.js

@@ -89,7 +89,7 @@ const Root = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx(styles.container, {
       [styles.disabled]: disabled
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsx(Label, {
       className: styles.label,
       hideLabel: hideLabel
@@ -143,7 +143,7 @@ const Content = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       ...contentProps,
       ref: forwardedRef,
       className: clsx(styles.content, className),
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       position: "popper",
       sideOffset: 8,
       children: jsx(ScrollArea.Root, {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_select_module_container--e74ce","disabled":"bp_select_module_disabled--e74ce","label":"bp_select_module_label--e74ce","triggerBtn":"bp_select_module_triggerBtn--e74ce","readonly":"bp_select_module_readonly--e74ce","error":"bp_select_module_error--e74ce","iconWrapper":"bp_select_module_iconWrapper--e74ce","iconCaret":"bp_select_module_iconCaret--e74ce","iconPencilCrossed":"bp_select_module_iconPencilCrossed--e74ce","icon":"bp_select_module_icon--e74ce","content":"bp_select_module_content--e74ce","viewport":"bp_select_module_viewport--e74ce","option":"bp_select_module_option--e74ce","secondaryText":"bp_select_module_secondaryText--e74ce","indicator":"bp_select_module_indicator--e74ce","separator":"bp_select_module_separator--e74ce"};
+var styles = {"container":"bp_select_module_container--9c1ba","label":"bp_select_module_label--9c1ba","triggerBtn":"bp_select_module_triggerBtn--9c1ba","disabled":"bp_select_module_disabled--9c1ba","readonly":"bp_select_module_readonly--9c1ba","error":"bp_select_module_error--9c1ba","iconWrapper":"bp_select_module_iconWrapper--9c1ba","iconCaret":"bp_select_module_iconCaret--9c1ba","iconPencilCrossed":"bp_select_module_iconPencilCrossed--9c1ba","icon":"bp_select_module_icon--9c1ba","content":"bp_select_module_content--9c1ba","viewport":"bp_select_module_viewport--9c1ba","option":"bp_select_module_option--9c1ba","secondaryText":"bp_select_module_secondaryText--9c1ba","indicator":"bp_select_module_indicator--9c1ba","separator":"bp_select_module_separator--9c1ba"};
 
 export { styles as default };