@box/blueprint-web 12.135.0 → 12.136.0

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

@@ -1,10 +1,11 @@
 import noop from 'lodash/noop';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useCallback, useLayoutEffect } from 'react';
 
-const getInitialState = (crumbCount, isTruncationRequiredBasedOnCrumbCount) => ({
-  isTruncationRequired: isTruncationRequiredBasedOnCrumbCount,
-  visibleCrumbCount: isTruncationRequiredBasedOnCrumbCount ? 3 : crumbCount
-});
+const MAX_VISIBLE_CRUMBS = 3;
+/**
+ * Calculates how many crumbs (from the end) can fit within the available width.
+ * Returns at least 1 to ensure we always show the current page.
+ */
 const calculateVisibleCrumbCount = (crumbWidths, availableWidth, gap, maxVisible) => {
   let crumbWidthWithoutGaps = 0;
   let visibleCount = 0;
@@ -20,15 +21,21 @@ const calculateVisibleCrumbCount = (crumbWidths, availableWidth, gap, maxVisible
   }
   return Math.max(1, visibleCount);
 };
-const measureCrumbWidths = (children, totalCrumbCount) => {
-  // The first child is the icon button when we always truncate
-  const crumbs = children.slice(1);
-  const widths = [];
-  const startIndex = totalCrumbCount - crumbs.length;
-  crumbs.forEach((crumb, i) => {
-    widths[startIndex + i] = crumb.offsetWidth;
+/**
+ * Measures the width of each crumb element.
+ *
+ * For the last crumb (no separator), we measure just the text element.
+ * For other crumbs, we measure the full <li> to include the separator.
+ */
+const measureCrumbWidths = (crumbElements, isLastCrumbIncluded) => {
+  return crumbElements.map((element, index) => {
+    const isLastCrumb = isLastCrumbIncluded && index === crumbElements.length - 1;
+    if (isLastCrumb) {
+      const textElement = element.firstElementChild;
+      return textElement?.offsetWidth ?? element.offsetWidth;
+    }
+    return element.offsetWidth;
   });
-  return widths;
 };
 /**
  * Calculate total width of crumbs including gaps
@@ -39,97 +46,50 @@ const calculateTotalWidth = (widths, gap) => {
   return totalCrumbsWidth + totalGapWidth;
 };
 /**
- * Handle >3 crumbs case: Always truncate, show icon button + up to 3 crumbs
+ * Determines the best truncation state using a cascading fallback strategy.
+ *
+ * Priority order (from most preferred to last resort):
+ * 1. Show all crumbs without truncation or ellipsis
+ * 2. Show icon + fewer crumbs without ellipsis
+ * 3. Show icon + 1 crumb with ellipsis (last resort)
  */
-const handleAlwaysTruncate = (children, context) => {
-  const {
-    containerWidth,
-    gap,
-    iconButtonWidth,
-    crumbCount,
-    storedCrumbWidths
-  } = context;
-  // If we don't have stored crumb widths yet, measure them
-  const crumbWidths = storedCrumbWidths.length < crumbCount ? measureCrumbWidths(children, crumbCount) : storedCrumbWidths;
-  // Icon button not yet rendered - use conservative fallback
-  if (iconButtonWidth === 0) {
+const handleTruncationState = (crumbWidths, containerWidth, iconButtonWidth, gap) => {
+  const crumbCount = crumbWidths.length;
+  // Edge case: no crumbs
+  if (crumbCount === 0) {
     return {
-      state: {
-        isTruncationRequired: true,
-        visibleCrumbCount: 1
-      },
-      crumbWidths
+      isTruncationRequired: false,
+      ellipsizeLastCrumb: false,
+      visibleCrumbCount: 0
     };
   }
-  const availableWidth = containerWidth - iconButtonWidth - gap;
-  const visibleCount = calculateVisibleCrumbCount(crumbWidths, availableWidth, gap, 3);
-  return {
-    state: {
-      isTruncationRequired: true,
-      visibleCrumbCount: visibleCount
-    },
-    crumbWidths
-  };
-};
-/**
- * Get crumb widths for total width calculation
- * Factored out into its own function to reduce cognitive complexity
- */
-const getCrumbWidths = (children, storedWidths, crumbCount, isCurrentlyTruncated) => {
-  if (storedWidths.length === crumbCount) {
-    return storedWidths; // Already have all widths
-  }
-  // The first child could be the icon button, so we don't want to measure it as part of the crumbs
-  const crumbElements = isCurrentlyTruncated ? children.slice(1) : children;
-  return crumbElements.map(crumbElement => crumbElement.offsetWidth);
-};
-/**
- * Handle ≤3 crumbs case: Render all first, detect overflow, truncate if needed
- */
-const handleConditionalTruncate = (children, context, isCurrentlyTruncated) => {
-  const {
-    containerWidth,
-    gap,
-    iconButtonWidth,
-    crumbCount,
-    storedCrumbWidths
-  } = context;
-  // Get crumb widths when all crumbs are visible (not truncated)
-  const crumbWidths = !isCurrentlyTruncated && children.length === crumbCount ? children.map(crumbElement => crumbElement.offsetWidth) // fresh measurement
-  : storedCrumbWidths; // Reuse stored
-  // Calculate total width to check for overflow
-  const widthsForCalculation = getCrumbWidths(children, crumbWidths, crumbCount, isCurrentlyTruncated);
-  const totalWidth = calculateTotalWidth(widthsForCalculation, gap);
-  const areCrumbsOverflowingWithoutTruncation = totalWidth > containerWidth;
-  // No overflow - show all crumbs
-  if (!areCrumbsOverflowingWithoutTruncation) {
+  const totalWidthAllCrumbs = calculateTotalWidth(crumbWidths, gap);
+  const availableWidthWithIcon = Math.max(0, containerWidth - iconButtonWidth - gap);
+  // Check if all crumbs fit without truncation (up to MAX_VISIBLE_CRUMBS)
+  if (crumbCount <= MAX_VISIBLE_CRUMBS && totalWidthAllCrumbs <= containerWidth) {
     return {
-      state: {
-        isTruncationRequired: false,
-        visibleCrumbCount: crumbCount
-      },
-      crumbWidths
+      isTruncationRequired: false,
+      ellipsizeLastCrumb: false,
+      visibleCrumbCount: crumbCount
     };
   }
-  // If we are overflowing, now calculate how many crumbs fit with icon button
-  // Icon button not yet rendered - use conservative fallback
-  if (iconButtonWidth === 0) {
+  // Single crumb: never show icon, just ellipsize if needed
+  if (crumbCount === 1) {
     return {
-      state: {
-        isTruncationRequired: true,
-        visibleCrumbCount: 1
-      },
-      crumbWidths
+      isTruncationRequired: false,
+      visibleCrumbCount: 1,
+      ellipsizeLastCrumb: totalWidthAllCrumbs > containerWidth
     };
   }
-  const availableWidth = containerWidth - iconButtonWidth - gap;
-  const visibleCount = calculateVisibleCrumbCount(crumbWidths, availableWidth, gap, crumbCount);
+  // Calculate how many crumbs fit with the icon button
+  const visibleCrumbCount = calculateVisibleCrumbCount(crumbWidths, availableWidthWithIcon, gap, MAX_VISIBLE_CRUMBS);
+  // If only 1 crumb fits and it still doesn't fit fully, enable ellipsis
+  const lastCrumbWidth = crumbWidths[crumbWidths.length - 1];
+  const ellipsizeLastCrumb = visibleCrumbCount === 1 && lastCrumbWidth > availableWidthWithIcon;
   return {
-    state: {
-      isTruncationRequired: true,
-      visibleCrumbCount: visibleCount
-    },
-    crumbWidths
+    isTruncationRequired: true,
+    visibleCrumbCount,
+    ellipsizeLastCrumb
   };
 };
 /**
@@ -141,79 +101,84 @@ const performTruncationCalculation = ({
   measuredIconButtonWidth,
   storedCrumbWidths,
   crumbCount,
-  isTruncationRequiredBaseOnCrumbLength,
   isTruncationRequired,
   setState
 }) => {
   const containerWidth = container.clientWidth;
-  const children = Array.from(container.children);
   const computedStyle = getComputedStyle(container);
   const gap = parseFloat(computedStyle.gap) || 0;
+  const children = Array.from(container.children);
   if (iconButtonRef.current) {
     measuredIconButtonWidth.current = iconButtonRef.current.offsetWidth;
   }
-  const context = {
-    containerWidth,
-    gap,
-    iconButtonWidth: measuredIconButtonWidth.current,
-    crumbCount,
-    storedCrumbWidths: storedCrumbWidths.current
-  };
-  const result = isTruncationRequiredBaseOnCrumbLength ? handleAlwaysTruncate(children, context) : handleConditionalTruncate(children, context, isTruncationRequired);
-  storedCrumbWidths.current = result.crumbWidths;
-  setState(result.state);
+  // When truncated, first child is icon button, so skip it
+  const crumbElements = isTruncationRequired ? children.slice(1) : children;
+  if (storedCrumbWidths.current.length < crumbCount && crumbElements.length > 0) {
+    const startIndex = crumbCount - crumbElements.length;
+    const isLastCrumbIncluded = startIndex + crumbElements.length === crumbCount;
+    const measuredWidths = measureCrumbWidths(crumbElements, isLastCrumbIncluded);
+    measuredWidths.forEach((width, i) => {
+      storedCrumbWidths.current[startIndex + i] = width;
+    });
+  }
+  if (storedCrumbWidths.current.length < crumbCount) {
+    return;
+  }
+  setState(handleTruncationState(storedCrumbWidths.current, containerWidth, measuredIconButtonWidth.current, gap));
 };
 /**
- * Hook which calculates how many crumbs can be displayed when folder-tree truncation is enabled.
+ * Hook that calculates optimal breadcrumb truncation for folder-tree display.
  *
- * ## Truncation Rules
- * - **≤3 crumbs**: Render all crumbs first, detect overflow, truncate only if needed
- * - **>3 crumbs**: Render truncated state immediately, show icon button + up to 3 crumbs
+ * Uses a cascading fallback strategy to show as many crumbs as possible without
+ * text ellipsis, falling back to ellipsis only as a last resort.
  *
- * @param containerRef - Ref to the main ol element
- * @param crumbs - Array of breadcrumb items
- * @param isEnabled - Whether folder-tree truncation is enabled. Can be false when responsive behavior is triggered
- * @returns Object containing wouldCrumbsOverflow, visibleCrumbCount, and iconButtonRef
+ * @param containerRef - Ref to the breadcrumb list container (ol element)
+ * @param crumbs - Array of breadcrumb items to display
+ * @param isMobile - Whether the breadcrumb is on a mobile device
  */
-const useFolderTreeTruncation = (containerRef, crumbs, isEnabled) => {
-  const isTruncationRequiredBaseOnCrumbLength = crumbs.length > 3;
-  const [state, setState] = useState(() => getInitialState(crumbs.length, isTruncationRequiredBaseOnCrumbLength));
-  const animationFrameId = useRef(null);
+const useFolderTreeTruncation = (containerRef, crumbs, isMobile) => {
+  const crumbCount = crumbs.length;
+  // Initial state: for 4+ crumbs, start truncated; otherwise show all
+  const initialState = {
+    isTruncationRequired: crumbCount > MAX_VISIBLE_CRUMBS,
+    ellipsizeLastCrumb: false,
+    visibleCrumbCount: Math.min(crumbCount, MAX_VISIBLE_CRUMBS)
+  };
+  const [state, setState] = useState(initialState);
   const iconButtonRef = useRef(null);
-  // Refs are used here to persist values
-  const measuredIconButtonWidth = useRef(0);
+  // Cache for measured values to avoid re-measuring on every resize
   const storedCrumbWidths = useRef([]);
-  const prevCrumbsLength = useRef(crumbs.length);
-  // Clear stored widths when user navigates and the visible crumbs change
-  if (prevCrumbsLength.current !== crumbs.length) {
+  const measuredIconButtonWidth = useRef(0);
+  const prevCrumbCount = useRef(crumbCount);
+  // Reset cache when crumbs change (user navigated)
+  if (prevCrumbCount.current !== crumbCount) {
     storedCrumbWidths.current = [];
-    setState(getInitialState(crumbs.length, isTruncationRequiredBaseOnCrumbLength));
-    prevCrumbsLength.current = crumbs.length;
+    measuredIconButtonWidth.current = 0;
+    prevCrumbCount.current = crumbCount;
+    setState(initialState);
   }
   const calculateTruncation = useCallback(() => {
     const container = containerRef.current;
     if (!container) {
       return;
     }
-    animationFrameId.current = requestAnimationFrame(() => {
-      performTruncationCalculation({
-        container,
-        iconButtonRef,
-        measuredIconButtonWidth,
-        storedCrumbWidths,
-        crumbCount: crumbs.length,
-        isTruncationRequiredBaseOnCrumbLength,
-        isTruncationRequired: state.isTruncationRequired,
-        setState
-      });
+    performTruncationCalculation({
+      container,
+      iconButtonRef,
+      measuredIconButtonWidth,
+      storedCrumbWidths,
+      crumbCount,
+      isTruncationRequired: state.isTruncationRequired,
+      setState
     });
-  }, [containerRef, crumbs.length, state.isTruncationRequired, isTruncationRequiredBaseOnCrumbLength]);
-  useEffect(() => {
+  }, [containerRef, crumbCount, state.isTruncationRequired]);
+  useLayoutEffect(() => {
     // Reset state when truncation is disabled (e.g., responsive breakpoint triggers mobile view)
-    if (!isEnabled) {
+    if (isMobile) {
       setState({
         isTruncationRequired: false,
-        visibleCrumbCount: crumbs.length
+        ellipsizeLastCrumb: false,
+        visibleCrumbCount: crumbCount
       });
       measuredIconButtonWidth.current = 0;
       storedCrumbWidths.current = [];
@@ -230,11 +195,8 @@ const useFolderTreeTruncation = (containerRef, crumbs, isEnabled) => {
     calculateTruncation();
     return () => {
       observer.disconnect();
-      if (animationFrameId.current !== null) {
-        cancelAnimationFrame(animationFrameId.current);
-      }
     };
-  }, [containerRef, isEnabled, calculateTruncation, crumbs.length]);
+  }, [calculateTruncation, containerRef, crumbCount, isMobile]);
   return {
     ...state,
     iconButtonRef

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"card":"bp_card_module_card--39aed","dropshadow-1":"bp_card_module_dropshadow-1--39aed","dropshadow-3":"bp_card_module_dropshadow-3--39aed"};
+var styles = {"card":"bp_card_module_card--65268","dropshadow-1":"bp_card_module_dropshadow-1--65268","dropshadow-3":"bp_card_module_dropshadow-3--65268"};
 
 export { styles as default };

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--b6fb2","card":"bp_card_tooltip_module_card--b6fb2"};
+var styles = {"content":"bp_card_tooltip_module_content--a00fb","card":"bp_card_tooltip_module_card--a00fb"};
 
 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--36390"};
+var styles = {"content":"bp_card_tooltip_v2_module_content--d7df5"};
 
 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--ae591","checkbox":"bp_checkbox_module_checkbox--ae591","indicator":"bp_checkbox_module_indicator--ae591","label":"bp_checkbox_module_label--ae591","description":"bp_checkbox_module_description--ae591","disabled":"bp_checkbox_module_disabled--ae591"};
+var styles = {"option":"bp_checkbox_module_option--18773","checkbox":"bp_checkbox_module_checkbox--18773","indicator":"bp_checkbox_module_indicator--18773","label":"bp_checkbox_module_label--18773","description":"bp_checkbox_module_description--18773","disabled":"bp_checkbox_module_disabled--18773"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--58278","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--58278","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--58278","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--58278","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--58278"};
+var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--acc50","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--acc50","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--acc50","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--acc50","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--acc50"};
 
 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--c44bc","label":"bp_combobox_module_label--c44bc","textInput":"bp_combobox_module_textInput--c44bc","popover":"bp_combobox_module_popover--c44bc","disabled":"bp_combobox_module_disabled--c44bc","hiddenLabel":"bp_combobox_module_hiddenLabel--c44bc","comboboxContainer":"bp_combobox_module_comboboxContainer--c44bc","withComboboxButtons":"bp_combobox_module_withComboboxButtons--c44bc","error":"bp_combobox_module_error--c44bc","textInputWrapper":"bp_combobox_module_textInputWrapper--c44bc","comboboxButtons":"bp_combobox_module_comboboxButtons--c44bc","withChips":"bp_combobox_module_withChips--c44bc","inlineError":"bp_combobox_module_inlineError--c44bc","option":"bp_combobox_module_option--c44bc","indicator":"bp_combobox_module_indicator--c44bc","indicatorIcon":"bp_combobox_module_indicatorIcon--c44bc","optionWithIndicator":"bp_combobox_module_optionWithIndicator--c44bc","loadingIndicator":"bp_combobox_module_loadingIndicator--c44bc"};
+var styles = {"container":"bp_combobox_module_container--7afd1","label":"bp_combobox_module_label--7afd1","textInput":"bp_combobox_module_textInput--7afd1","popover":"bp_combobox_module_popover--7afd1","disabled":"bp_combobox_module_disabled--7afd1","hiddenLabel":"bp_combobox_module_hiddenLabel--7afd1","comboboxContainer":"bp_combobox_module_comboboxContainer--7afd1","withComboboxButtons":"bp_combobox_module_withComboboxButtons--7afd1","error":"bp_combobox_module_error--7afd1","textInputWrapper":"bp_combobox_module_textInputWrapper--7afd1","comboboxButtons":"bp_combobox_module_comboboxButtons--7afd1","withChips":"bp_combobox_module_withChips--7afd1","inlineError":"bp_combobox_module_inlineError--7afd1","option":"bp_combobox_module_option--7afd1","indicator":"bp_combobox_module_indicator--7afd1","indicatorIcon":"bp_combobox_module_indicatorIcon--7afd1","optionWithIndicator":"bp_combobox_module_optionWithIndicator--7afd1","loadingIndicator":"bp_combobox_module_loadingIndicator--7afd1"};
 
 export { styles as default };

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

@@ -204,6 +204,10 @@ export interface ComboboxBaseProps<Multiple extends boolean, FreeInput extends b
      * Callback used when combobox input/textarea loses focus
      */
     onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /**
+     * Callback when text is pasted into the input
+     */
+    onPaste?: React.ClipboardEventHandler<HTMLInputElement>;
     /**
      * aria-label passed to the Combobox clear button. If not provided, the clear button is not shown.
      */

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

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

@@ -14,7 +14,8 @@ const ContentCardBody = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     enableModernizedComponents
   } = useBlueprintModernization();
-  const variant = enableModernizedComponents ? 'caption' : 'bodyDefault';
+  const variant = enableModernizedComponents ? 'bodySmall' : 'bodyDefault';
+  const color = enableModernizedComponents ? 'textOnLightSecondary' : 'textOnLightDefault';
   return jsx("div", {
     className: clsx(styles.cardBody, className),
     children: jsx(Text, {
@@ -22,7 +23,7 @@ const ContentCardBody = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       ref: forwardedRef,
       as: "p",
       className: styles.cardBodyText,
-      color: "textOnLightDefault",
+      color: color,
       variant: variant,
       children: children
     })

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--f0b91","ghostCard":"bp_content_card_module_ghostCard--f0b91","cardContent":"bp_content_card_module_cardContent--f0b91","cardTitle":"bp_content_card_module_cardTitle--f0b91","cardTitleText":"bp_content_card_module_cardTitleText--f0b91","cardBody":"bp_content_card_module_cardBody--f0b91","cardBodyText":"bp_content_card_module_cardBodyText--f0b91","cardIcon":"bp_content_card_module_cardIcon--f0b91","cardBackground":"bp_content_card_module_cardBackground--f0b91","image":"bp_content_card_module_image--f0b91","iconGhost":"bp_content_card_module_iconGhost--f0b91","titleGhost":"bp_content_card_module_titleGhost--f0b91","bodyGhost":"bp_content_card_module_bodyGhost--f0b91","pillGhostContainer":"bp_content_card_module_pillGhostContainer--f0b91","pillGhost":"bp_content_card_module_pillGhost--f0b91"};
+var styles = {"card":"bp_content_card_module_card--40c1e","ghostCard":"bp_content_card_module_ghostCard--40c1e","cardContent":"bp_content_card_module_cardContent--40c1e","cardTitle":"bp_content_card_module_cardTitle--40c1e","cardTitleText":"bp_content_card_module_cardTitleText--40c1e","cardBody":"bp_content_card_module_cardBody--40c1e","cardBodyText":"bp_content_card_module_cardBodyText--40c1e","cardIcon":"bp_content_card_module_cardIcon--40c1e","cardBackground":"bp_content_card_module_cardBackground--40c1e","image":"bp_content_card_module_image--40c1e","iconGhost":"bp_content_card_module_iconGhost--40c1e","titleGhost":"bp_content_card_module_titleGhost--40c1e","bodyGhost":"bp_content_card_module_bodyGhost--40c1e","pillGhostContainer":"bp_content_card_module_pillGhostContainer--40c1e","pillGhost":"bp_content_card_module_pillGhost--40c1e"};
 
 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--e7fac","isScrolledX":"bp_data_table_module_isScrolledX--e7fac","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--e7fac"};
+var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--366b5","isScrolledX":"bp_data_table_module_isScrolledX--366b5","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--366b5"};
 
 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--9a103","label":"bp_date_picker_module_label--9a103","group":"bp_date_picker_module_group--9a103","disabled":"bp_date_picker_module_disabled--9a103","groupContainer":"bp_date_picker_module_groupContainer--9a103","error":"bp_date_picker_module_error--9a103","groupContainerInput":"bp_date_picker_module_groupContainerInput--9a103","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--9a103","button":"bp_date_picker_module_button--9a103","clear":"bp_date_picker_module_clear--9a103","inlineError":"bp_date_picker_module_inlineError--9a103","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--9a103"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--ba00e","label":"bp_date_picker_module_label--ba00e","group":"bp_date_picker_module_group--ba00e","disabled":"bp_date_picker_module_disabled--ba00e","groupContainer":"bp_date_picker_module_groupContainer--ba00e","error":"bp_date_picker_module_error--ba00e","groupContainerInput":"bp_date_picker_module_groupContainerInput--ba00e","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--ba00e","button":"bp_date_picker_module_button--ba00e","clear":"bp_date_picker_module_clear--ba00e","inlineError":"bp_date_picker_module_inlineError--ba00e","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--ba00e"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_guided_tooltip_module_content--83fd8","body":"bp_guided_tooltip_module_body--83fd8","noTitle":"bp_guided_tooltip_module_noTitle--83fd8","title":"bp_guided_tooltip_module_title--83fd8","footer":"bp_guided_tooltip_module_footer--83fd8","actionButtons":"bp_guided_tooltip_module_actionButtons--83fd8","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--83fd8","closeButton":"bp_guided_tooltip_module_closeButton--83fd8","arrow":"bp_guided_tooltip_module_arrow--83fd8","icon":"bp_guided_tooltip_module_icon--83fd8","illustration":"bp_guided_tooltip_module_illustration--83fd8"};
+var styles = {"content":"bp_guided_tooltip_module_content--bc807","body":"bp_guided_tooltip_module_body--bc807","noTitle":"bp_guided_tooltip_module_noTitle--bc807","title":"bp_guided_tooltip_module_title--bc807","footer":"bp_guided_tooltip_module_footer--bc807","actionButtons":"bp_guided_tooltip_module_actionButtons--bc807","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--bc807","closeButton":"bp_guided_tooltip_module_closeButton--bc807","arrow":"bp_guided_tooltip_module_arrow--bc807","icon":"bp_guided_tooltip_module_icon--bc807","illustration":"bp_guided_tooltip_module_illustration--bc807"};
 
 export { styles as default };