@box/blueprint-web 12.24.0 → 12.26.0

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"avatar":"bp_avatar_module_avatar--d2a1c","text":"bp_avatar_module_text--d2a1c","small":"bp_avatar_module_small--d2a1c","length-1":"bp_avatar_module_length-1--d2a1c","length-2":"bp_avatar_module_length-2--d2a1c","medium":"bp_avatar_module_medium--d2a1c","large":"bp_avatar_module_large--d2a1c","length-3":"bp_avatar_module_length-3--d2a1c","length-4":"bp_avatar_module_length-4--d2a1c","xlarge":"bp_avatar_module_xlarge--d2a1c","xxlarge":"bp_avatar_module_xxlarge--d2a1c","badge":"bp_avatar_module_badge--d2a1c","image":"bp_avatar_module_image--d2a1c","loading":"bp_avatar_module_loading--d2a1c","anonymousAvatar":"bp_avatar_module_anonymousAvatar--d2a1c"};
+var styles = {"avatar":"bp_avatar_module_avatar--460d4","text":"bp_avatar_module_text--460d4","small":"bp_avatar_module_small--460d4","length-1":"bp_avatar_module_length-1--460d4","length-2":"bp_avatar_module_length-2--460d4","medium":"bp_avatar_module_medium--460d4","large":"bp_avatar_module_large--460d4","length-3":"bp_avatar_module_length-3--460d4","length-4":"bp_avatar_module_length-4--460d4","xlarge":"bp_avatar_module_xlarge--460d4","xxlarge":"bp_avatar_module_xxlarge--460d4","badge":"bp_avatar_module_badge--460d4","image":"bp_avatar_module_image--460d4","loading":"bp_avatar_module_loading--460d4","anonymousAvatar":"bp_avatar_module_anonymousAvatar--460d4"};
 
 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--9df81","badge":"bp_base_badge_module_badge--9df81","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--9df81","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--9df81","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--9df81","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--9df81","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--9df81","iconBadge":"bp_base_badge_module_iconBadge--9df81","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--9df81","statusBadge":"bp_base_badge_module_statusBadge--9df81","numericBadge":"bp_base_badge_module_numericBadge--9df81","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--9df81","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--9df81"};
+var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--fa222","badge":"bp_base_badge_module_badge--fa222","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--fa222","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--fa222","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--fa222","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--fa222","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--fa222","iconBadge":"bp_base_badge_module_iconBadge--fa222","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--fa222","statusBadge":"bp_base_badge_module_statusBadge--fa222","numericBadge":"bp_base_badge_module_numericBadge--fa222","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--fa222","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--fa222"};
 
 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--efa88","card":"bp_card_tooltip_module_card--efa88","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--efa88","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--efa88","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--efa88","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--efa88"};
+var styles = {"content":"bp_card_tooltip_module_content--b454b","card":"bp_card_tooltip_module_card--b454b","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--b454b","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--b454b","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--b454b","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--b454b"};
 
 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--6edf9","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--6edf9","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--6edf9","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--6edf9","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--6edf9"};
+var styles = {"content":"bp_card_tooltip_v2_module_content--fe9c7","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--fe9c7","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--fe9c7","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--fe9c7","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--fe9c7"};
 
 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--15585","checkbox":"bp_checkbox_module_checkbox--15585","indicator":"bp_checkbox_module_indicator--15585","label":"bp_checkbox_module_label--15585","description":"bp_checkbox_module_description--15585","disabled":"bp_checkbox_module_disabled--15585"};
+var styles = {"option":"bp_checkbox_module_option--b1ee2","checkbox":"bp_checkbox_module_checkbox--b1ee2","indicator":"bp_checkbox_module_indicator--b1ee2","label":"bp_checkbox_module_label--b1ee2","description":"bp_checkbox_module_description--b1ee2","disabled":"bp_checkbox_module_disabled--b1ee2"};
 
 export { styles as default };

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

@@ -87,6 +87,7 @@ const RootInner = ({
   const comboboxId = useUniqueId('combobox-', !idForLabel) || idForLabel || 'default-combobox-id';
   const popoverRef = useRef(null);
   const comboboxContainerRef = useRef(null);
+  const hasClearedSelectionRef = useRef(false);
   const popoverRefCallback = useCallback(node => {
     popoverRef.current = node;
     getPopoverRef?.(node);
@@ -153,14 +154,19 @@ const RootInner = ({
   const {
     setValue: setSelectedValue
   } = selectStore;
-  useEffect(() => {
-    if (inputValue.trim() === '' && !multiselect && selectedValue && !displaySingleSelectionAsChip && !clearOnBlur) {
-      setSelectedValue('');
-    }
-  }, [inputValue, multiselect, setSelectedValue, selectedValue, displaySingleSelectionAsChip, clearOnBlur]);
   const resetSelectedValue = useCallback(() => {
     setSelectedValue(multiselect ? [] : '');
   }, [multiselect, setSelectedValue]);
+  // Handle clearing selection when input becomes empty
+  useEffect(() => {
+    if (inputValue.trim() === '' && !multiselect && selectedValue && !displaySingleSelectionAsChip && !clearOnBlur && !hasClearedSelectionRef.current) {
+      hasClearedSelectionRef.current = true;
+      resetSelectedValue();
+    } else if (inputValue.trim() !== '') {
+      hasClearedSelectionRef.current = false;
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [inputValue, multiselect, displaySingleSelectionAsChip, clearOnBlur, resetSelectedValue]);
   const filteredOptions = useMemo(() => {
     const visibleOptions = filterFn ? options.filter(option => filterFn(inputValue, option)) : options;
     if (!hideSelectedOptions) {
@@ -202,13 +208,32 @@ const RootInner = ({
       setInputValue('');
     } else if (selectedValueMemoized) {
       const selectedDisplayValue = getDisplayValueFromOptionValue(selectedValueMemoized, options, displayValue);
-      setInputValue(selectedDisplayValue);
-      // Also focus input for single-select variant
-      focusInput();
+      if (displaySingleSelectionAsChip) {
+        // Update input to show selected value
+        setInputValue(selectedDisplayValue);
+      } else {
+        // Update input to show selected value when:
+        // 1. Input matches selected value (keeps in sync)
+        // 2. Input is empty (initial selection)
+        // 3. Selection just changed (user selected an option)
+        // But don't update if we just cleared the selection
+        if (!hasClearedSelectionRef.current) {
+          setInputValue(selectedDisplayValue);
+        }
+        // Reset the cleared selection flag when we have a new selection
+        if (selectedValueMemoized) {
+          hasClearedSelectionRef.current = false;
+        }
+        // Also focus input for single-select variant
+        focusInput();
+      }
+    } else {
+      // Clear input when selection is cleared (e.g., by cross button)
+      setInputValue('');
     }
   },
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [selectedValueMemoized, setInputValue, focusInput]);
+  [selectedValueMemoized, setInputValue, focusInput, resetSelectedValue]);
   const removeMultiSelectInputChip = useCallback(id => {
     // For multi-select variant only
     selectStore.setValue(prev => {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_module_container--d598b","disabled":"bp_combobox_module_disabled--d598b","label":"bp_combobox_module_label--d598b","hiddenLabel":"bp_combobox_module_hiddenLabel--d598b","comboboxContainer":"bp_combobox_module_comboboxContainer--d598b","withComboboxButtons":"bp_combobox_module_withComboboxButtons--d598b","error":"bp_combobox_module_error--d598b","textInputWrapper":"bp_combobox_module_textInputWrapper--d598b","textInput":"bp_combobox_module_textInput--d598b","errorIcon":"bp_combobox_module_errorIcon--d598b","comboboxButtons":"bp_combobox_module_comboboxButtons--d598b","withChips":"bp_combobox_module_withChips--d598b","inlineError":"bp_combobox_module_inlineError--d598b","popover":"bp_combobox_module_popover--d598b","option":"bp_combobox_module_option--d598b","indicator":"bp_combobox_module_indicator--d598b","indicatorIcon":"bp_combobox_module_indicatorIcon--d598b","optionWithIndicator":"bp_combobox_module_optionWithIndicator--d598b","loadingIndicator":"bp_combobox_module_loadingIndicator--d598b","noResultOption":"bp_combobox_module_noResultOption--d598b"};
+var styles = {"container":"bp_combobox_module_container--7e8d5","disabled":"bp_combobox_module_disabled--7e8d5","label":"bp_combobox_module_label--7e8d5","hiddenLabel":"bp_combobox_module_hiddenLabel--7e8d5","comboboxContainer":"bp_combobox_module_comboboxContainer--7e8d5","withComboboxButtons":"bp_combobox_module_withComboboxButtons--7e8d5","error":"bp_combobox_module_error--7e8d5","textInputWrapper":"bp_combobox_module_textInputWrapper--7e8d5","textInput":"bp_combobox_module_textInput--7e8d5","errorIcon":"bp_combobox_module_errorIcon--7e8d5","comboboxButtons":"bp_combobox_module_comboboxButtons--7e8d5","withChips":"bp_combobox_module_withChips--7e8d5","inlineError":"bp_combobox_module_inlineError--7e8d5","popover":"bp_combobox_module_popover--7e8d5","option":"bp_combobox_module_option--7e8d5","indicator":"bp_combobox_module_indicator--7e8d5","indicatorIcon":"bp_combobox_module_indicatorIcon--7e8d5","optionWithIndicator":"bp_combobox_module_optionWithIndicator--7e8d5","loadingIndicator":"bp_combobox_module_loadingIndicator--7e8d5","noResultOption":"bp_combobox_module_noResultOption--7e8d5"};
 
 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--af556","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--af556","disabled":"bp_combobox_group_module_disabled--af556","label":"bp_combobox_group_module_label--af556","trailing":"bp_combobox_group_module_trailing--af556","leading":"bp_combobox_group_module_leading--af556","errorCombobox":"bp_combobox_group_module_errorCombobox--af556","errorSelect":"bp_combobox_group_module_errorSelect--af556","selectHasFocus":"bp_combobox_group_module_selectHasFocus--af556","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--af556"};
+var styles = {"container":"bp_combobox_group_module_container--24472","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--24472","disabled":"bp_combobox_group_module_disabled--24472","label":"bp_combobox_group_module_label--24472","trailing":"bp_combobox_group_module_trailing--24472","leading":"bp_combobox_group_module_leading--24472","errorCombobox":"bp_combobox_group_module_errorCombobox--24472","errorSelect":"bp_combobox_group_module_errorSelect--24472","selectHasFocus":"bp_combobox_group_module_selectHasFocus--24472","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--24472"};
 
 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--875db","cardContent":"bp_content_card_module_cardContent--875db","cardTitle":"bp_content_card_module_cardTitle--875db","cardTitleText":"bp_content_card_module_cardTitleText--875db","cardBody":"bp_content_card_module_cardBody--875db","cardBodyText":"bp_content_card_module_cardBodyText--875db","cardIcon":"bp_content_card_module_cardIcon--875db","cardBackground":"bp_content_card_module_cardBackground--875db","image":"bp_content_card_module_image--875db","ghostCard":"bp_content_card_module_ghostCard--875db","iconGhost":"bp_content_card_module_iconGhost--875db","titleGhost":"bp_content_card_module_titleGhost--875db","bodyGhost":"bp_content_card_module_bodyGhost--875db","pillGhostContainer":"bp_content_card_module_pillGhostContainer--875db","pillGhost":"bp_content_card_module_pillGhost--875db"};
+var styles = {"card":"bp_content_card_module_card--5f42d","cardContent":"bp_content_card_module_cardContent--5f42d","cardTitle":"bp_content_card_module_cardTitle--5f42d","cardTitleText":"bp_content_card_module_cardTitleText--5f42d","cardBody":"bp_content_card_module_cardBody--5f42d","cardBodyText":"bp_content_card_module_cardBodyText--5f42d","cardIcon":"bp_content_card_module_cardIcon--5f42d","cardBackground":"bp_content_card_module_cardBackground--5f42d","image":"bp_content_card_module_image--5f42d","ghostCard":"bp_content_card_module_ghostCard--5f42d","iconGhost":"bp_content_card_module_iconGhost--5f42d","titleGhost":"bp_content_card_module_titleGhost--5f42d","bodyGhost":"bp_content_card_module_bodyGhost--5f42d","pillGhostContainer":"bp_content_card_module_pillGhostContainer--5f42d","pillGhost":"bp_content_card_module_pillGhost--5f42d"};
 
 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--e36cb","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--e36cb","verticalBar":"bp_sticky_cell_module_verticalBar--e36cb","isScrolledX":"bp_sticky_cell_module_isScrolledX--e36cb","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--e36cb","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--e36cb"};
+var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--70b0f","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--70b0f","verticalBar":"bp_sticky_cell_module_verticalBar--70b0f","isScrolledX":"bp_sticky_cell_module_isScrolledX--70b0f","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--70b0f","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--70b0f"};
 
 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--507a5","isScrolledX":"bp_data_table_module_isScrolledX--507a5","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--507a5"};
+var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--b3a76","isScrolledX":"bp_data_table_module_isScrolledX--b3a76","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--b3a76"};
 
 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--bcbe4","disabled":"bp_date_picker_module_disabled--bcbe4","label":"bp_date_picker_module_label--bcbe4","group":"bp_date_picker_module_group--bcbe4","groupContainer":"bp_date_picker_module_groupContainer--bcbe4","error":"bp_date_picker_module_error--bcbe4","groupContainerInput":"bp_date_picker_module_groupContainerInput--bcbe4","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--bcbe4","button":"bp_date_picker_module_button--bcbe4","clear":"bp_date_picker_module_clear--bcbe4","inlineError":"bp_date_picker_module_inlineError--bcbe4","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--bcbe4","slide":"bp_date_picker_module_slide--bcbe4"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--5d704","disabled":"bp_date_picker_module_disabled--5d704","label":"bp_date_picker_module_label--5d704","group":"bp_date_picker_module_group--5d704","groupContainer":"bp_date_picker_module_groupContainer--5d704","error":"bp_date_picker_module_error--5d704","groupContainerInput":"bp_date_picker_module_groupContainerInput--5d704","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--5d704","button":"bp_date_picker_module_button--5d704","clear":"bp_date_picker_module_clear--5d704","inlineError":"bp_date_picker_module_inlineError--5d704","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--5d704","slide":"bp_date_picker_module_slide--5d704"};
 
 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--fcfe5","illustration":"bp_empty_state_module_illustration--fcfe5","body":"bp_empty_state_module_body--fcfe5","heading":"bp_empty_state_module_heading--fcfe5","button":"bp_empty_state_module_button--fcfe5","small":"bp_empty_state_module_small--fcfe5"};
+var styles = {"emptyState":"bp_empty_state_module_emptyState--1ab15","illustration":"bp_empty_state_module_illustration--1ab15","body":"bp_empty_state_module_body--1ab15","heading":"bp_empty_state_module_heading--1ab15","button":"bp_empty_state_module_button--1ab15","small":"bp_empty_state_module_small--1ab15"};
 
 export { styles as default };

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--ab460","pressed":"bp_icon_dual_state_button_module_pressed--ab460","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--ab460","smallButton":"bp_icon_dual_state_button_module_smallButton--ab460"};
+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"};
 
 export { styles as default };