@box/blueprint-web 12.103.3 → 12.105.0

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

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

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

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

package/dist/lib-esm/badge/base-badge.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--2ce85","badge":"bp_base_badge_module_badge--2ce85","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--2ce85","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--2ce85","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--2ce85","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--2ce85","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--2ce85","iconBadge":"bp_base_badge_module_iconBadge--2ce85","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--2ce85","statusBadge":"bp_base_badge_module_statusBadge--2ce85","numericBadge":"bp_base_badge_module_numericBadge--2ce85","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--2ce85","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--2ce85"};
+var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--749fd","badge":"bp_base_badge_module_badge--749fd","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--749fd","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--749fd","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--749fd","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--749fd","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--749fd","iconBadge":"bp_base_badge_module_iconBadge--749fd","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--749fd","statusBadge":"bp_base_badge_module_statusBadge--749fd","numericBadge":"bp_base_badge_module_numericBadge--749fd","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--749fd","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--749fd"};
 
 export { styles as default };

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

@@ -7,6 +7,7 @@ import noop from 'lodash/noop';
 import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
 import { Text } from '../text/text.js';
+import { useBreakpoint, Breakpoint } from '../utils/useBreakpoint.js';
 import { PageLink } from './page-link.js';
 import styles from './breadcrumb.module.js';
 import { getSeparatorSize } from './utils.js';
@@ -19,6 +20,7 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     rootIconAriaLabel,
     rootIconVariant,
     isInteractive = true,
+    isResponsiveEnabled,
     size = 'medium',
     truncationMethod = 'ellipsis',
     onPageLinkClick = noop,
@@ -27,9 +29,15 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const handlePageLinkClick = useCallback(crumbId => () => {
     onPageLinkClick(crumbId);
   }, [onPageLinkClick]);
+  // Responsive detection: mobile/tablet takes priority over consumer-controlled truncationMethod
+  const breakpoint = useBreakpoint();
+  const isMobile = isResponsiveEnabled || breakpoint <= Breakpoint.Medium;
   // If there are more than 7 crumbs, break up crumbs into first link, ellipsis icon button, and current page ancestor
   const shouldTruncateCrumbs = crumbs?.length > 7;
-  const shouldUseEllipsisTruncation = truncationMethod === 'ellipsis' && shouldTruncateCrumbs && crumbs;
+  const shouldUseEllipsisTruncation = !isMobile && truncationMethod === 'ellipsis' && shouldTruncateCrumbs && crumbs;
+  // Get the current page (last crumb) and all ancestors (all crumbs except last)
+  const currentPage = crumbs?.[crumbs.length - 1];
+  const ancestorCrumbs = crumbs?.slice(0, -1);
   return jsx("nav", {
     ref: forwardedRef,
     "aria-label": breadcrumbAriaLabel,
@@ -37,7 +45,7 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     children: jsxs("ol", {
       className: styles.breadcrumb,
-      children: [rootIconVariant && jsxs("li", {
+      children: [!isMobile && rootIconVariant && jsxs("li", {
         className: styles.pageLink,
         children: [rootIconVariant === 'home' ? jsx(Home, {
           "aria-label": rootIconAriaLabel
@@ -48,6 +56,38 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
           role: "presentation",
           width: getSeparatorSize(size)
         })]
+      }), isMobile && crumbs && currentPage && jsxs(Fragment, {
+        children: [jsxs("li", {
+          className: styles.pageLink,
+          children: [jsxs(DropdownMenu.Root, {
+            children: [jsx(DropdownMenu.Trigger, {
+              children: jsx(IconButton, {
+                "aria-label": truncatedLinksIconAriaLabel,
+                icon: FolderTree,
+                size: "small"
+              })
+            }), jsx(DropdownMenu.Content, {
+              align: "start",
+              children: ancestorCrumbs?.map(crumb => jsx(DropdownMenu.Item, {
+                onSelect: handlePageLinkClick(crumb.id),
+                children: jsx(Text, {
+                  as: "span",
+                  children: crumb.name
+                })
+              }, crumb.id))
+            })]
+          }), jsx(PointerRight, {
+            height: getSeparatorSize(size),
+            role: "presentation",
+            width: getSeparatorSize(size)
+          })]
+        }), jsx(PageLink, {
+          crumb: currentPage,
+          isInteractive: isInteractive,
+          isLast: true,
+          onPageLinkClick: onPageLinkClick,
+          size: size
+        })]
       }), shouldUseEllipsisTruncation && jsxs(Fragment, {
         children: [jsx(PageLink, {
           crumb: crumbs[0],
@@ -61,7 +101,6 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
             children: [jsx(DropdownMenu.Trigger, {
               children: jsx(IconButton, {
                 "aria-label": truncatedLinksIconAriaLabel,
-                className: styles.iconButtonInline,
                 icon: Ellipsis,
                 size: "small"
               })
@@ -89,13 +128,13 @@ const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
           onPageLinkClick: onPageLinkClick,
           size: size
         }), jsx(PageLink, {
-          crumb: crumbs[crumbs.length - 1],
+          crumb: currentPage,
           isInteractive: isInteractive,
           isLast: true,
           onPageLinkClick: onPageLinkClick,
           size: size
         })]
-      }), !shouldUseEllipsisTruncation && crumbs?.map((crumb, index) => {
+      }), !isMobile && !shouldUseEllipsisTruncation && crumbs?.map((crumb, index) => {
         return jsx(PageLink, {
           crumb: crumb,
           isInteractive: isInteractive,

package/dist/lib-esm/breadcrumb/types.d.ts

@@ -15,6 +15,8 @@ export type BreadcrumbProps = {
     crumbs: Crumb[];
     /** Controls whether individual crumbs (items) and icons are interactive, or clickable. */
     isInteractive?: boolean;
+    /** Forces responsive view regardless of viewport size. Useful for testing. */
+    isResponsiveEnabled?: boolean;
     /** Callback for breadcrumb click. Used to trigger navigation to the clicked folder. */
     onPageLinkClick?: (id: string) => void;
     /** Controls the height and width of icons and crumbs. */

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_card_tooltip_module_content--cf01f","card":"bp_card_tooltip_module_card--cf01f"};
+var styles = {"content":"bp_card_tooltip_module_content--3d185","card":"bp_card_tooltip_module_card--3d185"};
 
 export { styles as default };

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--0c9e6"};
+var styles = {"content":"bp_card_tooltip_v2_module_content--6dd22"};
 
 export { styles as default };

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

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

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

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

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--0fe85","trailing":"bp_combobox_group_module_trailing--0fe85","leading":"bp_combobox_group_module_leading--0fe85","label":"bp_combobox_group_module_label--0fe85","comboboxContainer":"bp_combobox_group_module_comboboxContainer--0fe85","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--0fe85","disabled":"bp_combobox_group_module_disabled--0fe85","errorCombobox":"bp_combobox_group_module_errorCombobox--0fe85","errorSelect":"bp_combobox_group_module_errorSelect--0fe85","selectHasFocus":"bp_combobox_group_module_selectHasFocus--0fe85","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--0fe85"};
+var styles = {"container":"bp_combobox_group_module_container--b313e","trailing":"bp_combobox_group_module_trailing--b313e","leading":"bp_combobox_group_module_leading--b313e","label":"bp_combobox_group_module_label--b313e","comboboxContainer":"bp_combobox_group_module_comboboxContainer--b313e","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--b313e","disabled":"bp_combobox_group_module_disabled--b313e","errorCombobox":"bp_combobox_group_module_errorCombobox--b313e","errorSelect":"bp_combobox_group_module_errorSelect--b313e","selectHasFocus":"bp_combobox_group_module_selectHasFocus--b313e","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--b313e"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"card":"bp_content_card_module_card--920bc","ghostCard":"bp_content_card_module_ghostCard--920bc","cardContent":"bp_content_card_module_cardContent--920bc","cardTitle":"bp_content_card_module_cardTitle--920bc","cardTitleText":"bp_content_card_module_cardTitleText--920bc","cardBody":"bp_content_card_module_cardBody--920bc","cardBodyText":"bp_content_card_module_cardBodyText--920bc","cardIcon":"bp_content_card_module_cardIcon--920bc","cardBackground":"bp_content_card_module_cardBackground--920bc","image":"bp_content_card_module_image--920bc","iconGhost":"bp_content_card_module_iconGhost--920bc","titleGhost":"bp_content_card_module_titleGhost--920bc","bodyGhost":"bp_content_card_module_bodyGhost--920bc","pillGhostContainer":"bp_content_card_module_pillGhostContainer--920bc","pillGhost":"bp_content_card_module_pillGhost--920bc"};
+var styles = {"card":"bp_content_card_module_card--f6e1d","ghostCard":"bp_content_card_module_ghostCard--f6e1d","cardContent":"bp_content_card_module_cardContent--f6e1d","cardTitle":"bp_content_card_module_cardTitle--f6e1d","cardTitleText":"bp_content_card_module_cardTitleText--f6e1d","cardBody":"bp_content_card_module_cardBody--f6e1d","cardBodyText":"bp_content_card_module_cardBodyText--f6e1d","cardIcon":"bp_content_card_module_cardIcon--f6e1d","cardBackground":"bp_content_card_module_cardBackground--f6e1d","image":"bp_content_card_module_image--f6e1d","iconGhost":"bp_content_card_module_iconGhost--f6e1d","titleGhost":"bp_content_card_module_titleGhost--f6e1d","bodyGhost":"bp_content_card_module_bodyGhost--f6e1d","pillGhostContainer":"bp_content_card_module_pillGhostContainer--f6e1d","pillGhost":"bp_content_card_module_pillGhost--f6e1d"};
 
 export { styles as default };

package/dist/lib-esm/data-table/cell/sticky-cell.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--26013","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--26013","verticalBar":"bp_sticky_cell_module_verticalBar--26013","isScrolledX":"bp_sticky_cell_module_isScrolledX--26013","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--26013","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--26013"};
+var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--17573","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--17573","verticalBar":"bp_sticky_cell_module_verticalBar--17573","isScrolledX":"bp_sticky_cell_module_isScrolledX--17573","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--17573","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--17573"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--d9b1a","isScrolledX":"bp_data_table_module_isScrolledX--d9b1a","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--d9b1a"};
+var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--2dfe3","isScrolledX":"bp_data_table_module_isScrolledX--2dfe3","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--2dfe3"};
 
 export { styles as default };

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--495d6","label":"bp_date_picker_module_label--495d6","group":"bp_date_picker_module_group--495d6","disabled":"bp_date_picker_module_disabled--495d6","groupContainer":"bp_date_picker_module_groupContainer--495d6","error":"bp_date_picker_module_error--495d6","groupContainerInput":"bp_date_picker_module_groupContainerInput--495d6","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--495d6","button":"bp_date_picker_module_button--495d6","clear":"bp_date_picker_module_clear--495d6","inlineError":"bp_date_picker_module_inlineError--495d6","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--495d6"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--8b5fc","label":"bp_date_picker_module_label--8b5fc","group":"bp_date_picker_module_group--8b5fc","disabled":"bp_date_picker_module_disabled--8b5fc","groupContainer":"bp_date_picker_module_groupContainer--8b5fc","error":"bp_date_picker_module_error--8b5fc","groupContainerInput":"bp_date_picker_module_groupContainerInput--8b5fc","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--8b5fc","button":"bp_date_picker_module_button--8b5fc","clear":"bp_date_picker_module_clear--8b5fc","inlineError":"bp_date_picker_module_inlineError--8b5fc","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--8b5fc"};
 
 export { styles as default };

package/dist/lib-esm/empty-state/empty-state.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"emptyState":"bp_empty_state_module_emptyState--a4c86","illustration":"bp_empty_state_module_illustration--a4c86","body":"bp_empty_state_module_body--a4c86","heading":"bp_empty_state_module_heading--a4c86","button":"bp_empty_state_module_button--a4c86","small":"bp_empty_state_module_small--a4c86"};
+var styles = {"emptyState":"bp_empty_state_module_emptyState--cda72","illustration":"bp_empty_state_module_illustration--cda72","body":"bp_empty_state_module_body--cda72","heading":"bp_empty_state_module_heading--cda72","button":"bp_empty_state_module_button--cda72","small":"bp_empty_state_module_small--cda72"};
 
 export { styles as default };