@box/blueprint-web 12.88.0 → 12.89.0

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

@@ -62,7 +62,7 @@ const Item = props => {
     return jsx("div", {
       ...rest,
       className: accordionItemClasses,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       children: jsx("button", {
         "aria-label": loadingAriaLabel,
         className: styles.accordionTrigger,
@@ -78,7 +78,7 @@ const Item = props => {
     return jsx("div", {
       ...rest,
       className: accordionItemClasses,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       children: jsx("div", {
         className: clsx({
           [styles.accordionFixedContent]: Boolean(children)
@@ -111,7 +111,7 @@ const Item = props => {
   return jsxs(RadixAccordion.Item, {
     ...itemRest,
     className: accordionItemClasses,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsx(RadixAccordion.Header, {
       asChild: true,
       children: jsx(RadixAccordion.Trigger, {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"accordionItem":"bp_accordion_module_accordionItem--8ee37","accordionContent":"bp_accordion_module_accordionContent--8ee37","slideDown":"bp_accordion_module_slideDown--8ee37","slideUp":"bp_accordion_module_slideUp--8ee37","accordion":"bp_accordion_module_accordion--8ee37","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--8ee37","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--8ee37","accordionFixedContent":"bp_accordion_module_accordionFixedContent--8ee37","accordionHeader":"bp_accordion_module_accordionHeader--8ee37","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--8ee37","accordionStatus":"bp_accordion_module_accordionStatus--8ee37","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--8ee37","bgOnly":"bp_accordion_module_bgOnly--8ee37","withIcon":"bp_accordion_module_withIcon--8ee37","accordionTrigger":"bp_accordion_module_accordionTrigger--8ee37","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--8ee37"};
+var styles = {"accordionItem":"bp_accordion_module_accordionItem--48d95","accordionContent":"bp_accordion_module_accordionContent--48d95","slideDown":"bp_accordion_module_slideDown--48d95","slideUp":"bp_accordion_module_slideUp--48d95","accordion":"bp_accordion_module_accordion--48d95","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--48d95","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--48d95","accordionFixedContent":"bp_accordion_module_accordionFixedContent--48d95","accordionHeader":"bp_accordion_module_accordionHeader--48d95","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--48d95","accordionStatus":"bp_accordion_module_accordionStatus--48d95","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--48d95","bgOnly":"bp_accordion_module_bgOnly--48d95","withIcon":"bp_accordion_module_withIcon--48d95","accordionTrigger":"bp_accordion_module_accordionTrigger--48d95","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--48d95"};
 
 export { styles as default };

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

@@ -3,6 +3,7 @@ import { Avatar as Avatar$1 } from '@box/blueprint-web-assets/icons/Line';
 import { GrayBlack } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import React__default, { forwardRef, useState, useEffect } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './avatar.module.js';
 import { colors, iconSizes } from './consts.js';
 
@@ -21,6 +22,9 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     text,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const [imageIsLoaded, setImageIsLoaded] = useState(false);
   const [imageHasError, setImageHasError] = useState(false);
   useEffect(() => {
@@ -79,6 +83,7 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
   return jsx("div", {
     className: clsx(styles.avatar, styles[size], className),
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: avatarContents
   });
 });

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"avatar":"bp_avatar_module_avatar--d519f","text":"bp_avatar_module_text--d519f","small":"bp_avatar_module_small--d519f","length-1":"bp_avatar_module_length-1--d519f","length-2":"bp_avatar_module_length-2--d519f","medium":"bp_avatar_module_medium--d519f","large":"bp_avatar_module_large--d519f","length-3":"bp_avatar_module_length-3--d519f","length-4":"bp_avatar_module_length-4--d519f","xlarge":"bp_avatar_module_xlarge--d519f","xxlarge":"bp_avatar_module_xxlarge--d519f","badge":"bp_avatar_module_badge--d519f","image":"bp_avatar_module_image--d519f","loading":"bp_avatar_module_loading--d519f","anonymousAvatar":"bp_avatar_module_anonymousAvatar--d519f","iconContainer":"bp_avatar_module_iconContainer--d519f"};
+var styles = {"avatar":"bp_avatar_module_avatar--9f017","small":"bp_avatar_module_small--9f017","length-1":"bp_avatar_module_length-1--9f017","text":"bp_avatar_module_text--9f017","length-2":"bp_avatar_module_length-2--9f017","medium":"bp_avatar_module_medium--9f017","large":"bp_avatar_module_large--9f017","length-3":"bp_avatar_module_length-3--9f017","length-4":"bp_avatar_module_length-4--9f017","xlarge":"bp_avatar_module_xlarge--9f017","xxlarge":"bp_avatar_module_xxlarge--9f017","badge":"bp_avatar_module_badge--9f017","image":"bp_avatar_module_image--9f017","loading":"bp_avatar_module_loading--9f017","anonymousAvatar":"bp_avatar_module_anonymousAvatar--9f017","iconContainer":"bp_avatar_module_iconContainer--9f017"};
 
 export { styles as default };

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

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

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

@@ -103,7 +103,7 @@ const CardTooltipV2 = /*#__PURE__*/forwardRef((props, ref) => {
       }),
       ref: ref,
       className: clsx(styles.content, className),
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       "data-side": side,
       fitViewport: true,
       gutter: 4,

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_card_tooltip_v2_module_content--39f8d","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--39f8d","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--39f8d","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--39f8d","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--39f8d"};
+var styles = {"content":"bp_card_tooltip_v2_module_content--732e0","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--732e0","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--732e0","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--732e0","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--732e0"};
 
 export { styles as default };

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

@@ -35,7 +35,7 @@ const CheckboxItem = /*#__PURE__*/forwardRef((props, ref) => {
     className: clsx([styles.option], {
       [styles.disabled]: disabled
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsxs("label", {
       className: styles.label,
       "data-target-id": dataTargetId,

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_checkbox_module_option--43a61","checkbox":"bp_checkbox_module_checkbox--43a61","indicator":"bp_checkbox_module_indicator--43a61","label":"bp_checkbox_module_label--43a61","description":"bp_checkbox_module_description--43a61","disabled":"bp_checkbox_module_disabled--43a61"};
+var styles = {"option":"bp_checkbox_module_option--b4976","checkbox":"bp_checkbox_module_checkbox--b4976","indicator":"bp_checkbox_module_indicator--b4976","label":"bp_checkbox_module_label--b4976","description":"bp_checkbox_module_description--b4976","disabled":"bp_checkbox_module_disabled--b4976"};
 
 export { styles as default };

package/dist/lib-esm/collapsible/collapsible-section.js

@@ -41,7 +41,7 @@ const CollapsibleSectionImpl = /*#__PURE__*/forwardRef((props, forwardedRef) =>
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.collapsibleSection, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     onOpenChange: onCollapsibleOpenChanged,
     open: collapsibleSectionOpen,
     children: [jsx(Collapsible.Trigger, {

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

@@ -445,12 +445,12 @@ const RootInner = ({
     className: clsx(styles.container, {
       [styles.disabled]: disabled
     }, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [inputComponent, showLoading || filteredOptions.length > 0 || filteredOptions.length <= 0 && noResultMessage ? jsx(ComboboxPopover, {
       ref: popoverRefCallback,
       "aria-labelledby": comboboxId,
       className: styles.popover,
-      "data-modern": enableModernizedComponents,
+      "data-modern": enableModernizedComponents ? 'true' : 'false',
       fitViewport: true,
       gutter: 8,
       hideOnEscape: hideOnEscape,

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_module_container--2f327","popover":"bp_combobox_module_popover--2f327","disabled":"bp_combobox_module_disabled--2f327","label":"bp_combobox_module_label--2f327","hiddenLabel":"bp_combobox_module_hiddenLabel--2f327","comboboxContainer":"bp_combobox_module_comboboxContainer--2f327","withComboboxButtons":"bp_combobox_module_withComboboxButtons--2f327","error":"bp_combobox_module_error--2f327","textInputWrapper":"bp_combobox_module_textInputWrapper--2f327","textInput":"bp_combobox_module_textInput--2f327","errorIcon":"bp_combobox_module_errorIcon--2f327","comboboxButtons":"bp_combobox_module_comboboxButtons--2f327","withChips":"bp_combobox_module_withChips--2f327","inlineError":"bp_combobox_module_inlineError--2f327","option":"bp_combobox_module_option--2f327","indicator":"bp_combobox_module_indicator--2f327","indicatorIcon":"bp_combobox_module_indicatorIcon--2f327","optionWithIndicator":"bp_combobox_module_optionWithIndicator--2f327","loadingIndicator":"bp_combobox_module_loadingIndicator--2f327","noResultOption":"bp_combobox_module_noResultOption--2f327"};
+var styles = {"container":"bp_combobox_module_container--42313","label":"bp_combobox_module_label--42313","textInput":"bp_combobox_module_textInput--42313","popover":"bp_combobox_module_popover--42313","disabled":"bp_combobox_module_disabled--42313","hiddenLabel":"bp_combobox_module_hiddenLabel--42313","comboboxContainer":"bp_combobox_module_comboboxContainer--42313","withComboboxButtons":"bp_combobox_module_withComboboxButtons--42313","error":"bp_combobox_module_error--42313","textInputWrapper":"bp_combobox_module_textInputWrapper--42313","errorIcon":"bp_combobox_module_errorIcon--42313","comboboxButtons":"bp_combobox_module_comboboxButtons--42313","withChips":"bp_combobox_module_withChips--42313","inlineError":"bp_combobox_module_inlineError--42313","option":"bp_combobox_module_option--42313","indicator":"bp_combobox_module_indicator--42313","indicatorIcon":"bp_combobox_module_indicatorIcon--42313","optionWithIndicator":"bp_combobox_module_optionWithIndicator--42313","loadingIndicator":"bp_combobox_module_loadingIndicator--42313","noResultOption":"bp_combobox_module_noResultOption--42313"};
 
 export { styles as default };

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

@@ -34,7 +34,7 @@ const Root = /*#__PURE__*/forwardRef(({
     className: clsx(styles.container, {
       [styles.disabled]: isDisabled
     }),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: [jsx(Label, {
       className: styles.label,
       hideLabel: hideLabel

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_group_module_container--79e50","trailing":"bp_combobox_group_module_trailing--79e50","leading":"bp_combobox_group_module_leading--79e50","comboboxContainer":"bp_combobox_group_module_comboboxContainer--79e50","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--79e50","disabled":"bp_combobox_group_module_disabled--79e50","label":"bp_combobox_group_module_label--79e50","errorCombobox":"bp_combobox_group_module_errorCombobox--79e50","errorSelect":"bp_combobox_group_module_errorSelect--79e50","selectHasFocus":"bp_combobox_group_module_selectHasFocus--79e50","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--79e50"};
+var styles = {"container":"bp_combobox_group_module_container--977ee","trailing":"bp_combobox_group_module_trailing--977ee","leading":"bp_combobox_group_module_leading--977ee","label":"bp_combobox_group_module_label--977ee","comboboxContainer":"bp_combobox_group_module_comboboxContainer--977ee","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--977ee","disabled":"bp_combobox_group_module_disabled--977ee","errorCombobox":"bp_combobox_group_module_errorCombobox--977ee","errorSelect":"bp_combobox_group_module_errorSelect--977ee","selectHasFocus":"bp_combobox_group_module_selectHasFocus--977ee","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--977ee"};
 
 export { styles as default };

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

@@ -15,7 +15,7 @@ const GhostContentCard = () => {
   } = useBlueprintModernization();
   return jsxs("div", {
     className: styles.ghostCard,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     "data-testid": "ghost-content-card",
     children: [jsx(Ghost, {
       borderRadius: Size1,
@@ -80,7 +80,7 @@ const ContentCardComponent = ({
   return jsx("div", {
     ...rest,
     className: clsx(styles.card, className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     onClick: onSelect,
     onKeyDown: handleKeyDown,
     role: "link",

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

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

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"datePicker":"bp_date_picker_module_datePicker--80282","label":"bp_date_picker_module_label--80282","disabled":"bp_date_picker_module_disabled--80282","group":"bp_date_picker_module_group--80282","groupContainer":"bp_date_picker_module_groupContainer--80282","error":"bp_date_picker_module_error--80282","groupContainerInput":"bp_date_picker_module_groupContainerInput--80282","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--80282","button":"bp_date_picker_module_button--80282","clear":"bp_date_picker_module_clear--80282","inlineError":"bp_date_picker_module_inlineError--80282","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--80282","slide":"bp_date_picker_module_slide--80282"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--41e3d","label":"bp_date_picker_module_label--41e3d","group":"bp_date_picker_module_group--41e3d","disabled":"bp_date_picker_module_disabled--41e3d","groupContainer":"bp_date_picker_module_groupContainer--41e3d","error":"bp_date_picker_module_error--41e3d","groupContainerInput":"bp_date_picker_module_groupContainerInput--41e3d","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--41e3d","button":"bp_date_picker_module_button--41e3d","clear":"bp_date_picker_module_clear--41e3d","inlineError":"bp_date_picker_module_inlineError--41e3d","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--41e3d","slide":"bp_date_picker_module_slide--41e3d"};
 
 export { styles as default };

package/dist/lib-esm/icon-dual-state-button/icon-dual-state-button.js

@@ -49,7 +49,7 @@ const IconDualStateButton = /*#__PURE__*/forwardRef(({
       [styles.pressed]: pressed
     }),
     "data-disabled": disabled ? '' : undefined,
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     "data-state": pressed ? 'on' : 'off',
     disabled: disabled,
     onClick: composeEventHandlers(onClick, () => {

package/dist/lib-esm/icon-dual-state-button/icon-dual-state-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--67fd9","pressed":"bp_icon_dual_state_button_module_pressed--67fd9","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--67fd9","smallButton":"bp_icon_dual_state_button_module_smallButton--67fd9"};
+var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--75a42","pressed":"bp_icon_dual_state_button_module_pressed--75a42","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--75a42","smallButton":"bp_icon_dual_state_button_module_smallButton--75a42"};
 
 export { styles as default };

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

@@ -30,7 +30,7 @@ const IconToggleButton = /*#__PURE__*/forwardRef(({
     ...rest,
     ref: ref,
     className: clsx(styles.iconToggleButton, styles[variant], styles[size], className),
-    "data-modern": enableModernizedComponents,
+    "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: /*#__PURE__*/createElement(icon, {
       className: styles.icon,
       height: enableModernizedComponents ? iconSizeMapModern[size] : iconSizeMap[size],

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--d9aab","high-contrast":"bp_icon_toggle_button_module_high-contrast--d9aab","icon":"bp_icon_toggle_button_module_icon--d9aab","default":"bp_icon_toggle_button_module_default--d9aab","medium":"bp_icon_toggle_button_module_medium--d9aab","small":"bp_icon_toggle_button_module_small--d9aab","x-small":"bp_icon_toggle_button_module_x-small--d9aab"};
+var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--cb425","high-contrast":"bp_icon_toggle_button_module_high-contrast--cb425","icon":"bp_icon_toggle_button_module_icon--cb425","default":"bp_icon_toggle_button_module_default--cb425","medium":"bp_icon_toggle_button_module_medium--cb425","small":"bp_icon_toggle_button_module_small--cb425","x-small":"bp_icon_toggle_button_module_x-small--cb425"};
 
 export { styles as default };