@box/blueprint-web 12.88.0 → 12.89.0

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

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

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

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

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

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

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

@@ -87,7 +87,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     open: open,
     children: [jsxs("span", {
       className: styles.splitButton,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       children: [jsx(Button, {
         ...rest,
         ref: onLeftButtonMountCallback,
@@ -115,7 +115,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     }), jsx(DropdownMenu.Content, {
       className: styles.dropdown,
       container: container,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       ...alignOpts,
       children: children
     })]

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

@@ -78,7 +78,7 @@ const Status = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
   return jsx("span", {
     className: clsx(styles.maxContainer, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: innerElement
   });
 });

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"maxContainer":"bp_status_module_maxContainer--a717b","interactiveStatus":"bp_status_module_interactiveStatus--a717b","status":"bp_status_module_status--a717b","reverse":"bp_status_module_reverse--a717b","circle":"bp_status_module_circle--a717b","text":"bp_status_module_text--a717b","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--a717b","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--a717b","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--a717b","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--a717b","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--a717b","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--a717b","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--a717b","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--a717b"};
+var styles = {"maxContainer":"bp_status_module_maxContainer--69b1a","status":"bp_status_module_status--69b1a","interactiveStatus":"bp_status_module_interactiveStatus--69b1a","reverse":"bp_status_module_reverse--69b1a","circle":"bp_status_module_circle--69b1a","text":"bp_status_module_text--69b1a","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--69b1a","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--69b1a","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--69b1a","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--69b1a","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--69b1a","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--69b1a","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--69b1a","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--69b1a"};
 
 export { styles as default };

package/dist/lib-esm/switch/switch-item.js

@@ -32,7 +32,7 @@ const Switch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx([styles.option], {
       [styles.disabled]: disabled
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsxs("label", {
       className: clsx(styles.label, {
         [styles.rightAlign]: isRightAligned

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_switch_module_option--d4eb6","label":"bp_switch_module_label--d4eb6","rightAlign":"bp_switch_module_rightAlign--d4eb6","switch":"bp_switch_module_switch--d4eb6","description":"bp_switch_module_description--d4eb6","thumb":"bp_switch_module_thumb--d4eb6"};
+var styles = {"option":"bp_switch_module_option--de83a","label":"bp_switch_module_label--de83a","rightAlign":"bp_switch_module_rightAlign--de83a","switch":"bp_switch_module_switch--de83a","description":"bp_switch_module_description--de83a","thumb":"bp_switch_module_thumb--de83a"};
 
 export { styles as default };

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

@@ -1,5 +1,6 @@
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './text.module.js';
 
 const Text = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -11,10 +12,14 @@ const Text = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return /*#__PURE__*/createElement(as, {
     ...rest,
     ref: forwardedRef,
-    className: clsx(styles.textReset, styles.breakWord, styles[variant], styles[color], className)
+    className: clsx(styles.textReset, styles.breakWord, styles[variant], styles[color], className),
+    'data-modern': enableModernizedComponents ? 'true' : 'false'
   }, children);
 });
 Text.displayName = 'Text';

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"textReset":"bp_text_module_textReset--2fd20","breakWord":"bp_text_module_breakWord--2fd20","textOnLightDefault":"bp_text_module_textOnLightDefault--2fd20","textOnLightSecondary":"bp_text_module_textOnLightSecondary--2fd20","textOnLightLink":"bp_text_module_textOnLightLink--2fd20","textOnDarkDefault":"bp_text_module_textOnDarkDefault--2fd20","titleMondo":"bp_text_module_titleMondo--2fd20","titleXLarge":"bp_text_module_titleXLarge--2fd20","titleLarge":"bp_text_module_titleLarge--2fd20","titleMedium":"bp_text_module_titleMedium--2fd20","titleSmall":"bp_text_module_titleSmall--2fd20","subtitle":"bp_text_module_subtitle--2fd20","bodyLargeBold":"bp_text_module_bodyLargeBold--2fd20","bodyLarge":"bp_text_module_bodyLarge--2fd20","bodyDefaultBold":"bp_text_module_bodyDefaultBold--2fd20","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--2fd20","bodyDefault":"bp_text_module_bodyDefault--2fd20","caption":"bp_text_module_caption--2fd20","labelBold":"bp_text_module_labelBold--2fd20","label":"bp_text_module_label--2fd20"};
+var styles = {"textReset":"bp_text_module_textReset--b68a7","breakWord":"bp_text_module_breakWord--b68a7","textOnLightDefault":"bp_text_module_textOnLightDefault--b68a7","textOnLightSecondary":"bp_text_module_textOnLightSecondary--b68a7","textOnLightLink":"bp_text_module_textOnLightLink--b68a7","textOnDarkDefault":"bp_text_module_textOnDarkDefault--b68a7","titleMondo":"bp_text_module_titleMondo--b68a7","titleXLarge":"bp_text_module_titleXLarge--b68a7","titleLarge":"bp_text_module_titleLarge--b68a7","titleMedium":"bp_text_module_titleMedium--b68a7","titleSmall":"bp_text_module_titleSmall--b68a7","subtitle":"bp_text_module_subtitle--b68a7","bodyLargeBold":"bp_text_module_bodyLargeBold--b68a7","bodyLarge":"bp_text_module_bodyLarge--b68a7","bodyDefaultBold":"bp_text_module_bodyDefaultBold--b68a7","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--b68a7","bodyDefault":"bp_text_module_bodyDefault--b68a7","caption":"bp_text_module_caption--b68a7","labelBold":"bp_text_module_labelBold--b68a7","label":"bp_text_module_label--b68a7","bodySmallSemibold":"bp_text_module_bodySmallSemibold--b68a7","bodySmall":"bp_text_module_bodySmall--b68a7","captionBold":"bp_text_module_captionBold--b68a7","link":"bp_text_module_link--b68a7","notification":"bp_text_module_notification--b68a7"};
 
 export { styles as default };

package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.js

@@ -278,7 +278,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
   const shouldCompensateScrollbar = !state.overflow && !isScrollbarVisible && (hasError || isLoading);
   return jsxs("div", {
     className: styles.border,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     onMouseEnter: handleHover,
     onMouseLeave: handleOnMouseOut,
     style: borderInlineStyle,
@@ -286,7 +286,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
       ...rest,
       ref: handleRef,
       className: classNames,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       onBlur: handleBlur,
       onChange: handleChange,
       onFocus: handleFocus,
@@ -307,6 +307,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
       ref: shadowRef,
       "aria-hidden": true,
       className: classNames,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       readOnly: true,
       style: {
         ...hiddenTextAreaStyle.shadow,
@@ -317,7 +318,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
     }), isLoading && jsx(LoadingIndicator, {
       "aria-label": loadingAriaLabel,
       className: styles.loadingIndicator,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       onClick: focusTextArea,
       style: !state.overflow ? {
         right: '0.75rem'

package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"textArea":"bp_text_area_autosize_module_textArea--a2002","error":"bp_text_area_autosize_module_error--a2002","loading":"bp_text_area_autosize_module_loading--a2002","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--a2002","border":"bp_text_area_autosize_module_border--a2002"};
+var styles = {"textArea":"bp_text_area_autosize_module_textArea--ffa8b","error":"bp_text_area_autosize_module_error--ffa8b","loading":"bp_text_area_autosize_module_loading--ffa8b","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--ffa8b","border":"bp_text_area_autosize_module_border--ffa8b"};
 
 export { styles as default };

package/dist/lib-esm/text-area/text-area.js

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

package/dist/lib-esm/text-area/text-area.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"textAreaContainer":"bp_text_area_module_textAreaContainer--12dc5","label":"bp_text_area_module_label--12dc5","hidden":"bp_text_area_module_hidden--12dc5","disabled":"bp_text_area_module_disabled--12dc5","inlineError":"bp_text_area_module_inlineError--12dc5"};
+var styles = {"textAreaContainer":"bp_text_area_module_textAreaContainer--674a5","label":"bp_text_area_module_label--674a5","hidden":"bp_text_area_module_hidden--674a5","disabled":"bp_text_area_module_disabled--674a5","inlineError":"bp_text_area_module_inlineError--674a5"};
 
 export { styles as default };

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

@@ -29,7 +29,7 @@ const TextButton = /*#__PURE__*/forwardRef((props, ref) => {
       [styles.isIconButton]: Boolean(icon),
       [styles.isFontInherited]: inheritFont
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsx("span", {
       className: clsx({
         [styles.hideTextContent]: loading

package/dist/lib-esm/text-button/text-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"textButton":"bp_text_button_module_textButton--66f4e","isFontInherited":"bp_text_button_module_isFontInherited--66f4e","isIconButton":"bp_text_button_module_isIconButton--66f4e","scaleLoader":"bp_text_button_module_scaleLoader--66f4e","icon":"bp_text_button_module_icon--66f4e","hideTextContent":"bp_text_button_module_hideTextContent--66f4e","visuallyHidden":"bp_text_button_module_visuallyHidden--66f4e"};
+var styles = {"textButton":"bp_text_button_module_textButton--c00e8","isFontInherited":"bp_text_button_module_isFontInherited--c00e8","isIconButton":"bp_text_button_module_isIconButton--c00e8","scaleLoader":"bp_text_button_module_scaleLoader--c00e8","icon":"bp_text_button_module_icon--c00e8","hideTextContent":"bp_text_button_module_hideTextContent--c00e8","visuallyHidden":"bp_text_button_module_visuallyHidden--c00e8"};
 
 export { styles as default };

package/dist/lib-esm/text-toggle-button/text-toggle-button.js

@@ -16,7 +16,7 @@ const TextToggleButton = /*#__PURE__*/forwardRef(({
     ...rest,
     ref: ref,
     className: clsx(styles.textToggleButton, className),
-    "data-modern": enableModernizedComponents
+    "data-modern": enableModernizedComponents ? 'true' : 'false'
   });
 });
 TextToggleButton.displayName = 'TextToggleButton';

package/dist/lib-esm/text-toggle-button/text-toggle-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"textToggleButton":"bp_text_toggle_button_module_textToggleButton--b6cea"};
+var styles = {"textToggleButton":"bp_text_toggle_button_module_textToggleButton--a48c6"};
 
 export { styles as default };

package/dist/lib-esm/time-picker/time-picker.js

@@ -74,7 +74,7 @@ const TimePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx(styles.timePicker, {
       [styles.disabled]: isDisabled
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     isDisabled: isDisabled,
     isInvalid: hasError,
     onChange: setTimeValue,

package/dist/lib-esm/time-picker/time-picker.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"timePicker":"bp_time_picker_module_timePicker--71315","disabled":"bp_time_picker_module_disabled--71315","label":"bp_time_picker_module_label--71315","group":"bp_time_picker_module_group--71315","error":"bp_time_picker_module_error--71315","timeInput":"bp_time_picker_module_timeInput--71315","timeInputSegment":"bp_time_picker_module_timeInputSegment--71315","clearButton":"bp_time_picker_module_clearButton--71315","clockIcon":"bp_time_picker_module_clockIcon--71315","inlineError":"bp_time_picker_module_inlineError--71315"};
+var styles = {"timePicker":"bp_time_picker_module_timePicker--08778","label":"bp_time_picker_module_label--08778","group":"bp_time_picker_module_group--08778","disabled":"bp_time_picker_module_disabled--08778","error":"bp_time_picker_module_error--08778","timeInput":"bp_time_picker_module_timeInput--08778","timeInputSegment":"bp_time_picker_module_timeInputSegment--08778","clearButton":"bp_time_picker_module_clearButton--08778","clockIcon":"bp_time_picker_module_clockIcon--08778","inlineError":"bp_time_picker_module_inlineError--08778"};
 
 export { styles as default };

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

@@ -19,8 +19,8 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   return jsx(ToolbarPrimitive.Button, {
     ...rest,
     ref: forwardedRef,
-    className: clsx(styles.toolbarItem, className),
-    "data-modern": enableModernizedComponents,
+    className: clsx(styles.toolbarItem, styles.toolbarButton, className),
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     style: {
       '--toolbar-button-color': backgroundColor,
       ...style

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

@@ -30,7 +30,7 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       className: clsx(styles.toolbarRoot, {
         [styles.ScrollableToolbarWithReducedPadding]: enableModernizedComponents
       }, className),
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       style: {
         maxWidth
       },
@@ -48,7 +48,7 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarRoot, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children
   });
 });

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

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

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

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

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

@@ -20,7 +20,7 @@ const ToolbarToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarToggle),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     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--19f5d","invertCaret":"bp_toolbar_module_invertCaret--19f5d","toolbarRoot":"bp_toolbar_module_toolbarRoot--19f5d","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--19f5d","toolbarItem":"bp_toolbar_module_toolbarItem--19f5d","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--19f5d","toggleGroup":"bp_toolbar_module_toggleGroup--19f5d","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--19f5d","hidden":"bp_toolbar_module_hidden--19f5d","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--19f5d","separator":"bp_toolbar_module_separator--19f5d","toolbarToggle":"bp_toolbar_module_toolbarToggle--19f5d","toolbarIcon":"bp_toolbar_module_toolbarIcon--19f5d","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--19f5d"};
+var styles = {"dropdownIndicator":"bp_toolbar_module_dropdownIndicator--63978","invertCaret":"bp_toolbar_module_invertCaret--63978","toolbarRoot":"bp_toolbar_module_toolbarRoot--63978","ScrollableToolbarWithReducedPadding":"bp_toolbar_module_ScrollableToolbarWithReducedPadding--63978","toolbarItem":"bp_toolbar_module_toolbarItem--63978","toolbarButton":"bp_toolbar_module_toolbarButton--63978","toolbarTextToggleItem":"bp_toolbar_module_toolbarTextToggleItem--63978","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--63978","toggleGroup":"bp_toolbar_module_toggleGroup--63978","scrollButtonWrapper":"bp_toolbar_module_scrollButtonWrapper--63978","hidden":"bp_toolbar_module_hidden--63978","scrollableChildrenWrapper":"bp_toolbar_module_scrollableChildrenWrapper--63978","separator":"bp_toolbar_module_separator--63978","toolbarToggle":"bp_toolbar_module_toolbarToggle--63978","toolbarIcon":"bp_toolbar_module_toolbarIcon--63978"};
 
 export { styles as default };

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

@@ -126,7 +126,7 @@ const Content = /*#__PURE__*/React__default.forwardRef(function Content(props, r
     ref: ref,
     className: clsx(styles.content, styles[variant], className),
     collisionPadding: collisionPadding,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     sideOffset: 3,
     children: [children, !enableModernizedComponents && jsx(RadixTooltip.Arrow, {
       asChild: true,

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_tooltip_module_content--977cf","standard":"bp_tooltip_module_standard--977cf","error":"bp_tooltip_module_error--977cf","arrow":"bp_tooltip_module_arrow--977cf"};
+var styles = {"content":"bp_tooltip_module_content--98a4e","standard":"bp_tooltip_module_standard--98a4e","error":"bp_tooltip_module_error--98a4e","arrow":"bp_tooltip_module_arrow--98a4e"};
 
 export { styles as default };

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

@@ -37,7 +37,7 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx(styles.triggerButton, styles[size], styles[variant], {
       [styles.startIcon]: !!startIcon
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     size: baseButtonSize,
     variant: variant,
     ...rest,

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--16586","smallListItem":"bp_base_grid_list_item_module_smallListItem--16586","loading":"bp_base_grid_list_item_module_loading--16586","thumbnail":"bp_base_grid_list_item_module_thumbnail--16586","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--16586","header":"bp_base_grid_list_item_module_header--16586","subtitle":"bp_base_grid_list_item_module_subtitle--16586","actions":"bp_base_grid_list_item_module_actions--16586","selection":"bp_base_grid_list_item_module_selection--16586","inner":"bp_base_grid_list_item_module_inner--16586","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--16586","largeList":"bp_base_grid_list_item_module_largeList--16586","largeListItem":"bp_base_grid_list_item_module_largeListItem--16586","fade":"bp_base_grid_list_item_module_fade--16586","description":"bp_base_grid_list_item_module_description--16586","snippet":"bp_base_grid_list_item_module_snippet--16586","snippetContent":"bp_base_grid_list_item_module_snippetContent--16586","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--16586","gridList":"bp_base_grid_list_item_module_gridList--16586","gridListItem":"bp_base_grid_list_item_module_gridListItem--16586","statusPin":"bp_base_grid_list_item_module_statusPin--16586","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--16586","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--16586","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--16586","staticList":"bp_base_grid_list_item_module_staticList--16586","staticListItem":"bp_base_grid_list_item_module_staticListItem--16586"};
+var styles = {"smallList":"bp_base_grid_list_item_module_smallList--8082f","smallListItem":"bp_base_grid_list_item_module_smallListItem--8082f","header":"bp_base_grid_list_item_module_header--8082f","subtitle":"bp_base_grid_list_item_module_subtitle--8082f","loading":"bp_base_grid_list_item_module_loading--8082f","thumbnail":"bp_base_grid_list_item_module_thumbnail--8082f","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--8082f","actions":"bp_base_grid_list_item_module_actions--8082f","selection":"bp_base_grid_list_item_module_selection--8082f","inner":"bp_base_grid_list_item_module_inner--8082f","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--8082f","largeList":"bp_base_grid_list_item_module_largeList--8082f","largeListItem":"bp_base_grid_list_item_module_largeListItem--8082f","fade":"bp_base_grid_list_item_module_fade--8082f","description":"bp_base_grid_list_item_module_description--8082f","snippet":"bp_base_grid_list_item_module_snippet--8082f","snippetContent":"bp_base_grid_list_item_module_snippetContent--8082f","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--8082f","gridList":"bp_base_grid_list_item_module_gridList--8082f","gridListItem":"bp_base_grid_list_item_module_gridListItem--8082f","statusPin":"bp_base_grid_list_item_module_statusPin--8082f","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--8082f","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--8082f","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--8082f","staticList":"bp_base_grid_list_item_module_staticList--8082f","staticListItem":"bp_base_grid_list_item_module_staticListItem--8082f"};
 
 export { styles as default };

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

@@ -67,7 +67,7 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
         ...rest,
         ref: forwardedRef,
         className: clsx(layoutStyleClass, className),
-        "data-modern": enableModernizedComponents,
+        "data-modern": enableModernizedComponents ? 'true' : 'false',
         layout: layoutFinal,
         onAction: handleOnAction,
         children: children

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

@@ -15,7 +15,7 @@ const RACTooltip = ({
   const fill = useMemo(() => enableModernizedComponents ? 'var(--bp-gray-100)' : 'var(--gray-80)', [enableModernizedComponents]);
   return jsxs(Tooltip, {
     className: clsx(styles.tooltipContent),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     offset: 3,
     placement: "bottom",
     ...props,

package/dist/lib-esm/util-components/legend/legend.js

@@ -1,5 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
+import 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { TextWithInfoBadge } from '../text-with-info-badge/text-with-info-badge.js';
 import styles from './legend.module.js';
 
@@ -14,13 +16,17 @@ function Legend(props) {
     ...rest
   } = props;
   const shouldRenderHeader = header || infoText && infoBadgeAriaLabel;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsxs("fieldset", {
     ...rest,
     className: clsx(styles.fieldset, styles[gap], className),
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [shouldRenderHeader ? jsx("legend", {
-      className: styles.legend,
+      className: styles.legendContainer,
       children: jsx(TextWithInfoBadge, {
-        className: styles.legendText,
+        className: styles.legend,
         infoBadgeAriaLabel: infoBadgeAriaLabel,
         infoText: infoText,
         children: header

package/dist/lib-esm/util-components/legend/legend.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"legendText":"bp_legend_module_legendText--1e794","fieldset":"bp_legend_module_fieldset--1e794","legend":"bp_legend_module_legend--1e794","wide":"bp_legend_module_wide--1e794"};
+var styles = {"legendContainer":"bp_legend_module_legendContainer--5edee","fieldset":"bp_legend_module_fieldset--5edee","legend":"bp_legend_module_legend--5edee","wide":"bp_legend_module_wide--5edee"};
 
 export { styles as default };

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

@@ -20,7 +20,7 @@ const ListCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
   } = useBlueprintModernization();
   return jsx("div", {
     className: clsx(styles.selection, props.className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: jsx(Checkbox, {
       ...props,
       ref: ref,

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

@@ -19,7 +19,7 @@ const MenuItemSideContent = ({
     className: clsx(styles.menuItemSideContent, {
       [styles.textOnLightSecondary]: typeof children === 'string'
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: children
   });
 };
@@ -38,7 +38,7 @@ const MenuItemMainContent = ({
   return jsxs("div", {
     ...rest,
     className: clsx(styles.menuItemMainContent, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     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--d8163","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--d8163","label":"bp_menu_item_sections_module_label--d8163","bold":"bp_menu_item_sections_module_bold--d8163","description":"bp_menu_item_sections_module_description--d8163","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--d8163"};
+var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--50b6a","label":"bp_menu_item_sections_module_label--50b6a","bold":"bp_menu_item_sections_module_bold--50b6a","description":"bp_menu_item_sections_module_description--50b6a","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--50b6a","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--50b6a"};
 
 export { styles as default };

package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js

@@ -22,7 +22,7 @@ const TextWithInfoBadge = props => {
   } = useBlueprintModernization();
   return jsxs("div", {
     className: clsx(styles.text, styles[variant], className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     id: id,
     children: [children, infoText && infoBadgeAriaLabel && jsx("span", {
       className: styles.badgeContainer,

package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"text":"bp_text_with_info_badge_module_text--c50c3","muted":"bp_text_with_info_badge_module_muted--c50c3","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--c50c3","badge":"bp_text_with_info_badge_module_badge--c50c3"};
+var styles = {"text":"bp_text_with_info_badge_module_text--b6921","muted":"bp_text_with_info_badge_module_muted--b6921","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--b6921","badge":"bp_text_with_info_badge_module_badge--b6921"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.88.0",
+    "version": "12.89.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.15",
         "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.73.0",
+        "@box/blueprint-web-assets": "^4.75.0",
         "@internationalized/date": "^3.7.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.14.9",
+        "@box/storybook-utils": "^0.14.11",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "react": "^18.3.0",