@box/blueprint-web 12.103.2 → 12.104.1

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { PointerChevron, Alert, ClockBadge } from '@box/blueprint-web-assets/icons/Fill';
+import { ClockBadge, Alert, PointerChevron } from '@box/blueprint-web-assets/icons/Fill';
 import { ChevronRight } from '@box/blueprint-web-assets/icons/Medium';
-import { SurfaceStatusSurfaceRed, SurfaceStatusSurfaceLightBlue, GrayWhite, SurfaceBadgeErrorSurface, Orange100, bpSurfaceBadgeSurfaceModified } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSurfaceBadgeSurfaceModified, Orange100, GrayWhite, SurfaceBadgeErrorSurface, SurfaceStatusSurfaceRed, SurfaceStatusSurfaceLightBlue } from '@box/blueprint-web-assets/tokens/tokens';
 import * as RadixAccordion from '@radix-ui/react-accordion';
 import clsx from 'clsx';
 import { createElement } from 'react';

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

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

package/dist/lib-esm/actionable-inline-notice/index.js

@@ -1,4 +1,4 @@
-import { PrimaryAction, TertiaryAction } from '../primitives/base-inline-notice/base-inline-notice-actions.js';
+import { TertiaryAction, PrimaryAction } from '../primitives/base-inline-notice/base-inline-notice-actions.js';
 import { ActionableInlineNotice as ActionableInlineNotice$1 } from './actionable-inline-notice.js';
 
 const ActionableInlineNotice = Object.assign(ActionableInlineNotice$1, {

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

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

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

@@ -1,4 +1,4 @@
-import { Size3, Size4, Size5, Size7, Size9, BoxBlue50, DarkBlue50, Yellow50, GreenLight50, Yellorange50, LightBlue50, WatermelonRed50, PurpleRain50, Orange50, Grimace50 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size9, Size7, Size5, Size4, Size3, Grimace50, Orange50, PurpleRain50, WatermelonRed50, LightBlue50, Yellorange50, GreenLight50, Yellow50, DarkBlue50, BoxBlue50 } from '@box/blueprint-web-assets/tokens/tokens';
 
 const iconSizes = {
   small: Size3,

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

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

package/dist/lib-esm/badge/icon-badge.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { FileAudio, FileBookmark, BoxApps, FileBoxNote, FileCanvas, Code, FileDefault, FileDocs, FileDrawing, FileExcel, Hubs, FileIllustrator, FileImage, FileIndesign, FileKeynote, FileNumbers, FilePages, FilePdf, FilePhotoshop, FilePowerpoint, FilePresentation, FileSheets, FileSlides, FileSpreadsheet, FileText, FileThreeD, FileVector, FileVideo, FileWord, FileZip, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert, ClockBadge, Ellipsis, ArrowRight } from '@box/blueprint-web-assets/icons/Fill';
-import { SurfaceBadgeAudioSurface, GrayWhite, SurfaceBadgeBookmarkSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeCanvasSurface, SurfaceBadgeCodeSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeExcelSurface, SurfaceBadgeHubsSurface, SurfaceBadgeIllustratorSurface, IconIconIllustrator, SurfaceBadgeImageSurface, SurfaceBadgeIndesignSurface, IconIconIndesign, SurfaceBadgeKeynoteSurface, SurfaceBadgeNumbersSurface, SurfaceBadgePagesSurface, SurfaceBadgePdfSurface, SurfaceBadgePhotoshopSurface, IconIconPhotoshop, SurfaceBadgePowerpointSurface, SurfaceBadgePresentationSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeSlidesSurface, GrayBlack, SurfaceBadgeSpreadsheetSurface, SurfaceBadgeTextSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeVectorSurface, SurfaceBadgeVideoSurface, SurfaceBadgeWordSurface, SurfaceBadgeZipSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Orange100, SurfaceBadgeInprogressSurface, SurfaceBadgeForwardSurface, SurfaceBadgeAlertSurface } from '@box/blueprint-web-assets/tokens/tokens';
+import { Alert, ArrowRight, Ellipsis, ClockBadge, Loader, CheckmarkUnderline, Arrow, Pin, Star, GlobeBadge, XMark, Checkmark, Annotation, ApprovalTask, Task, EllipsisBubble, Relay, FolderShared, FolderExternal, FileZip, FileWord, FileVideo, FileVector, FileThreeD, FileText, FileSpreadsheet, FileSlides, FileSheets, FilePresentation, FilePowerpoint, FilePhotoshop, FilePdf, FilePages, FileNumbers, FileKeynote, FileIndesign, FileImage, FileIllustrator, Hubs, FileExcel, FileDrawing, FileDocs, FileDefault, Code, FileCanvas, FileBoxNote, BoxApps, FileBookmark, FileAudio } from '@box/blueprint-web-assets/icons/Fill';
+import { GrayWhite, SurfaceBadgeAlertSurface, SurfaceBadgeForwardSurface, SurfaceBadgeInprogressSurface, Orange100, SurfaceBadgeErrorSurface, SurfaceBadgeProgressSurface, SurfaceBadgeOfflineSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgePinSurface, SurfaceBadgeCoadminSurface, SurfaceBadgeAdminSurface, SurfaceBadgeExternalSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeTaskSurface, SurfaceBadgeMentionSurface, SurfaceBadgeRelaySurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeZipSurface, SurfaceBadgeWordSurface, SurfaceBadgeVideoSurface, SurfaceBadgeVectorSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeTextSurface, SurfaceBadgeSpreadsheetSurface, GrayBlack, SurfaceBadgeSlidesSurface, SurfaceBadgeSheetsSurface, SurfaceBadgePresentationSurface, SurfaceBadgePowerpointSurface, IconIconPhotoshop, SurfaceBadgePhotoshopSurface, SurfaceBadgePdfSurface, SurfaceBadgePagesSurface, SurfaceBadgeNumbersSurface, SurfaceBadgeKeynoteSurface, IconIconIndesign, SurfaceBadgeIndesignSurface, SurfaceBadgeImageSurface, IconIconIllustrator, SurfaceBadgeIllustratorSurface, SurfaceBadgeHubsSurface, SurfaceBadgeExcelSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeCodeSurface, SurfaceBadgeCanvasSurface, Gray100, SurfaceBadgeBoxnoteSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBookmarkSurface, SurfaceBadgeAudioSurface } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import mapValues from 'lodash/mapValues';
 import { createElement } from 'react';

package/dist/lib-esm/branding-styles/utils/createTheme.js

@@ -3,7 +3,7 @@ import mapValues from 'lodash/mapValues';
 import merge from 'lodash/merge';
 import method from 'lodash/method';
 import theme from './theme.js';
-import { white, black, bdlGray10, bdlGray, bdlGray80, bdlGray65, bdlGray50 } from './variables.js';
+import { white, black, bdlGray65, bdlGray80, bdlGray, bdlGray10, bdlGray50 } from './variables.js';
 
 // This is a CUSTOM BLUEPRINT copy of https://github.com/box/box-ui-elements/blob/master/src/utils/createTheme.js
 // Copied on Mar 5 2023

package/dist/lib-esm/branding-styles/utils/theme.js

@@ -1,4 +1,4 @@
-import { white, bdlGray05, bdlGray10, bdlGray, bdlGray30, black, bdlGray40, bdlGridUnitPx, bdlBoxBlue, bdlBoxBlue80 } from './variables.js';
+import { bdlBoxBlue, bdlBoxBlue80, white, bdlGray40, bdlGray30, bdlGray10, bdlGray05, black, bdlGray, bdlGridUnitPx } from './variables.js';
 
 // Copy of https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/theme.js
 const theme = {

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--a0215","card":"bp_card_tooltip_module_card--a0215","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--a0215","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--a0215","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--a0215","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--a0215"};
+var styles = {"content":"bp_card_tooltip_module_content--cf01f","card":"bp_card_tooltip_module_card--cf01f"};
 
 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--c5f22","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--c5f22","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--c5f22","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--c5f22","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--c5f22"};
+var styles = {"content":"bp_card_tooltip_v2_module_content--0c9e6"};
 
 export { styles as default };

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Checkmark, Minus } from '@box/blueprint-web-assets/icons/Fill';
-import { IconIconOnDark, Size3 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size3, IconIconOnDark } from '@box/blueprint-web-assets/tokens/tokens';
 import * as RadixCheckbox from '@radix-ui/react-checkbox';
 import { clsx } from 'clsx';
 import { forwardRef } from 'react';

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_checkbox_module_option--2a7ba","checkbox":"bp_checkbox_module_checkbox--2a7ba","indicator":"bp_checkbox_module_indicator--2a7ba","label":"bp_checkbox_module_label--2a7ba","description":"bp_checkbox_module_description--2a7ba","disabled":"bp_checkbox_module_disabled--2a7ba"};
+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"};
 
 export { styles as default };

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { PointerChevronUp, PointerChevronDown } from '@box/blueprint-web-assets/icons/Fill';
-import { ChevronUp, ChevronDown } from '@box/blueprint-web-assets/icons/Medium';
+import { PointerChevronDown, PointerChevronUp } from '@box/blueprint-web-assets/icons/Fill';
+import { ChevronDown, ChevronUp } from '@box/blueprint-web-assets/icons/Medium';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import clsx from 'clsx';
 import { forwardRef, useState, useEffect, useCallback, useMemo } from 'react';

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--3ab4e","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--3ab4e","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--3ab4e","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--3ab4e","slideDown":"bp_collapsible_section_module_slideDown--3ab4e","slideUp":"bp_collapsible_section_module_slideUp--3ab4e","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--3ab4e"};
+var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--3ab4e","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--3ab4e","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--3ab4e","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--3ab4e","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--3ab4e"};
 
 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--0d237","label":"bp_combobox_module_label--0d237","textInput":"bp_combobox_module_textInput--0d237","popover":"bp_combobox_module_popover--0d237","disabled":"bp_combobox_module_disabled--0d237","hiddenLabel":"bp_combobox_module_hiddenLabel--0d237","comboboxContainer":"bp_combobox_module_comboboxContainer--0d237","withComboboxButtons":"bp_combobox_module_withComboboxButtons--0d237","error":"bp_combobox_module_error--0d237","textInputWrapper":"bp_combobox_module_textInputWrapper--0d237","errorIcon":"bp_combobox_module_errorIcon--0d237","comboboxButtons":"bp_combobox_module_comboboxButtons--0d237","withChips":"bp_combobox_module_withChips--0d237","inlineError":"bp_combobox_module_inlineError--0d237","option":"bp_combobox_module_option--0d237","indicator":"bp_combobox_module_indicator--0d237","indicatorIcon":"bp_combobox_module_indicatorIcon--0d237","optionWithIndicator":"bp_combobox_module_optionWithIndicator--0d237","loadingIndicator":"bp_combobox_module_loadingIndicator--0d237","noResultOption":"bp_combobox_module_noResultOption--0d237"};
+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"};
 
 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--0a2fa","trailing":"bp_combobox_group_module_trailing--0a2fa","leading":"bp_combobox_group_module_leading--0a2fa","label":"bp_combobox_group_module_label--0a2fa","comboboxContainer":"bp_combobox_group_module_comboboxContainer--0a2fa","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--0a2fa","disabled":"bp_combobox_group_module_disabled--0a2fa","errorCombobox":"bp_combobox_group_module_errorCombobox--0a2fa","errorSelect":"bp_combobox_group_module_errorSelect--0a2fa","selectHasFocus":"bp_combobox_group_module_selectHasFocus--0a2fa","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--0a2fa"};
+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"};
 
 export { styles as default };

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Size1, Size14, Size6, Size4, Size5, Size18 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size14, Size1, Size6, Size4, Size18, Size5 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { Ghost } from '../ghost/ghost.js';

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--fa035","ghostCard":"bp_content_card_module_ghostCard--fa035","cardContent":"bp_content_card_module_cardContent--fa035","cardTitle":"bp_content_card_module_cardTitle--fa035","cardTitleText":"bp_content_card_module_cardTitleText--fa035","cardBody":"bp_content_card_module_cardBody--fa035","cardBodyText":"bp_content_card_module_cardBodyText--fa035","cardIcon":"bp_content_card_module_cardIcon--fa035","cardBackground":"bp_content_card_module_cardBackground--fa035","image":"bp_content_card_module_image--fa035","iconGhost":"bp_content_card_module_iconGhost--fa035","titleGhost":"bp_content_card_module_titleGhost--fa035","bodyGhost":"bp_content_card_module_bodyGhost--fa035","pillGhostContainer":"bp_content_card_module_pillGhostContainer--fa035","pillGhost":"bp_content_card_module_pillGhost--fa035"};
+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"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--dabac","contentField":"bp_content_field_module_contentField--dabac","inlineError":"bp_content_field_module_inlineError--dabac","contentButton":"bp_content_field_module_contentButton--dabac","error":"bp_content_field_module_error--dabac","hasSelection":"bp_content_field_module_hasSelection--dabac","contentIconContainer":"bp_content_field_module_contentIconContainer--dabac","contentIconShared":"bp_content_field_module_contentIconShared--dabac","contentLabelWrapper":"bp_content_field_module_contentLabelWrapper--dabac","contentLabel":"bp_content_field_module_contentLabel--dabac","clearButton":"bp_content_field_module_clearButton--dabac"};
+var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--67a59","contentField":"bp_content_field_module_contentField--67a59","inlineError":"bp_content_field_module_inlineError--67a59","contentButton":"bp_content_field_module_contentButton--67a59","error":"bp_content_field_module_error--67a59","hasSelection":"bp_content_field_module_hasSelection--67a59","contentIconContainer":"bp_content_field_module_contentIconContainer--67a59","contentIconShared":"bp_content_field_module_contentIconShared--67a59","contentLabelWrapper":"bp_content_field_module_contentLabelWrapper--67a59","contentLabel":"bp_content_field_module_contentLabel--67a59","clearButton":"bp_content_field_module_clearButton--67a59"};
 
 export { styles as default };

package/dist/lib-esm/content-field/messages.js

@@ -1,7 +1,6 @@
 const messages = {
   sharedFolderIconLabel: 'Shared Folder Icon',
   folderIconLabel: 'Folder Icon',
-  fileIconLabel: 'File Icon',
   clearContentFieldButtonLabel: 'Clear Content Field',
   clearContentFieldIconLabel: 'Clear Content Field icon'
 };

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--e4351","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--e4351","verticalBar":"bp_sticky_cell_module_verticalBar--e4351","isScrolledX":"bp_sticky_cell_module_isScrolledX--e4351","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--e4351","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--e4351"};
+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"};
 
 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--e23db","isScrolledX":"bp_data_table_module_isScrolledX--e23db","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--e23db"};
+var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--d9b1a","isScrolledX":"bp_data_table_module_isScrolledX--d9b1a","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--d9b1a"};
 
 export { styles as default };

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Calendar, XMark } from '@box/blueprint-web-assets/icons/Fill';
-import { Gray65, Size4 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size4, Gray65 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as RadixPopover from '@radix-ui/react-popover';
 import clsx from 'clsx';
 import { forwardRef, useState, useEffect, useRef, useCallback } from 'react';

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--213aa","label":"bp_date_picker_module_label--213aa","group":"bp_date_picker_module_group--213aa","disabled":"bp_date_picker_module_disabled--213aa","groupContainer":"bp_date_picker_module_groupContainer--213aa","error":"bp_date_picker_module_error--213aa","groupContainerInput":"bp_date_picker_module_groupContainerInput--213aa","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--213aa","button":"bp_date_picker_module_button--213aa","clear":"bp_date_picker_module_clear--213aa","inlineError":"bp_date_picker_module_inlineError--213aa","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--213aa","slide":"bp_date_picker_module_slide--213aa"};
+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"};
 
 export { styles as default };

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { forwardRef, useMemo, createElement, cloneElement, useContext, createContext } from 'react';
+import { forwardRef, useMemo, createContext, cloneElement, createElement, useContext } from 'react';
 import styles from './empty-state.module.js';
 import { Button } from '../button/button.js';
 import { Link } from '../primitives/link/link.js';

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--ca6b1","illustration":"bp_empty_state_module_illustration--ca6b1","body":"bp_empty_state_module_body--ca6b1","heading":"bp_empty_state_module_heading--ca6b1","button":"bp_empty_state_module_button--ca6b1","small":"bp_empty_state_module_small--ca6b1"};
+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"};
 
 export { styles as default };

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

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import { forwardRef, useCallback, useState, useMemo } from 'react';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
 import { focusRadioGroupFirstIfExists } from '../primitives/popover/popover-focus-utils.js';
-import { GuidedTooltipBody, GuidedTooltipText } from './guided-tooltip-body.js';
+import { GuidedTooltipText, GuidedTooltipBody } from './guided-tooltip-body.js';
 import { GuidedTooltipFooter } from './guided-tooltip-footer.js';
 import { GuidedTooltipIcon } from './guided-tooltip-icon.js';
 import { GuidedTooltipIllustration } from './guided-tooltip-illustration.js';

package/dist/lib-esm/guided-tooltip/utils/guided-tooltip-context.js

@@ -1,4 +1,4 @@
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
 const GuidedTooltipContext = /*#__PURE__*/createContext(undefined);
 const useGuidedTooltipContext = () => {

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button } from '@ariakit/react';
-import { IconIconBlue, IconIconOnLightSecondary, Size4, Size5, Size6 } from '@box/blueprint-web-assets/tokens/tokens';
+import { IconIconBlue, Size6, Size5, Size4, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';

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

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { Size4, Size5, Size6, bpSize040, bpSize050, bpSize060 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize060, bpSize050, bpSize040, Size6, Size5, Size4 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';