@box/blueprint-web 14.0.0 → 14.0.1

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

@@ -356,63 +356,68 @@ const RootInner = ({
       hideLabel: hideLabel
     }), jsx(PopoverAnchor, {
       store: comboboxStore,
-      children: jsxs("div", {
+      children: jsx("div", {
         ref: comboboxContainerRef,
         className: clsx(styles.comboboxContainer, {
           [styles.error]: hasError,
           [styles.withChips]: showChipsGroup || showSingleSelectChip,
           [styles.withComboboxButtons]: showComboboxCancelButton || Boolean(endComboboxIcon)
         }),
-        "data-testid": "combobox-container",
         onClick: handleFocusInputOnEvent,
-        children: [showChipsGroup && jsx(ChipsGroup, {
+        "data-testid": "combobox-container",
+        children: jsxs("div", {
+          className: styles.comboboxContainerInner,
           onClick: handleFocusInputOnEvent,
-          children: selectedValue.map(selected => jsx(InputChip, {
-            avatar: getDisplayAvatarFromOptionValue(selected, options, displayAvatar),
-            label: getDisplayValueFromOptionValue(selected, options, displayValue),
-            onDelete: () => removeMultiSelectInputChip(selected),
-            tooltip: getTooltipValueFromOptionValue(selected, options, displayTooltip),
-            variant: getDisplayChipVariantFromOptionValue(selected, options, displayChipVariant)
-          }, selected))
-        }), showSingleSelectChip && jsx(InputChip, {
-          label: getDisplayValueFromOptionValue(selectedValue, options, displayValue),
-          onDelete: showComboboxCancelButton ? undefined : removeSingleSelectInputChip,
-          tooltip: getTooltipValueFromOptionValue(selectedValue, options, displayTooltip),
-          variant: getDisplayChipVariantFromOptionValue(selectedValue, options, displayChipVariant)
-        }), jsxs("div", {
-          className: styles.textInputWrapper,
-          children: [jsx(Combobox$1, {
-            ...comboboxProps,
-            ref: reference,
-            "aria-describedby": ariaDescribedBy,
-            ...(hasError && {
-              'aria-invalid': 'true'
-            }),
-            "aria-required": required,
-            autoSelect: false,
-            className: styles.textInput,
-            disabled: disabled,
-            id: comboboxId,
-            onBlur: composeEventHandlers(onBlur, handleOnBlur),
-            onFocus: handleOnFocus,
-            onKeyDown: handleKeyDown,
-            required: required,
-            store: comboboxStore
-          }), jsx("div", {
-            className: styles.comboboxButtons,
-            children: showComboboxCancelButton ? jsx(ComboboxCancel, {
-              onClick: resetSelectedValue,
-              // eslint-disable-next-line react/jsx-no-bind
-              render: cancelProps => jsx(IconButton, {
-                ...cancelProps,
-                "aria-label": clearButtonAriaLabel,
-                icon: enableModernizedComponents ? XMark : XMark$1,
-                size: "x-small"
+          role: "presentation",
+          children: [showChipsGroup && jsx(ChipsGroup, {
+            onClick: handleFocusInputOnEvent,
+            children: selectedValue.map(selected => jsx(InputChip, {
+              avatar: getDisplayAvatarFromOptionValue(selected, options, displayAvatar),
+              label: getDisplayValueFromOptionValue(selected, options, displayValue),
+              onDelete: () => removeMultiSelectInputChip(selected),
+              tooltip: getTooltipValueFromOptionValue(selected, options, displayTooltip),
+              variant: getDisplayChipVariantFromOptionValue(selected, options, displayChipVariant)
+            }, selected))
+          }), showSingleSelectChip && jsx(InputChip, {
+            label: getDisplayValueFromOptionValue(selectedValue, options, displayValue),
+            onDelete: showComboboxCancelButton ? undefined : removeSingleSelectInputChip,
+            tooltip: getTooltipValueFromOptionValue(selectedValue, options, displayTooltip),
+            variant: getDisplayChipVariantFromOptionValue(selectedValue, options, displayChipVariant)
+          }), jsxs("div", {
+            className: styles.textInputWrapper,
+            children: [jsx(Combobox$1, {
+              ...comboboxProps,
+              ref: reference,
+              "aria-describedby": ariaDescribedBy,
+              ...(hasError && {
+                'aria-invalid': 'true'
               }),
+              "aria-required": required,
+              autoSelect: false,
+              className: styles.textInput,
+              disabled: disabled,
+              id: comboboxId,
+              onBlur: composeEventHandlers(onBlur, handleOnBlur),
+              onFocus: handleOnFocus,
+              onKeyDown: handleKeyDown,
+              required: required,
               store: comboboxStore
-            }) : endComboboxIcon
+            }), jsx("div", {
+              className: styles.comboboxButtons,
+              children: showComboboxCancelButton ? jsx(ComboboxCancel, {
+                onClick: resetSelectedValue,
+                // eslint-disable-next-line react/jsx-no-bind
+                render: cancelProps => jsx(IconButton, {
+                  ...cancelProps,
+                  "aria-label": clearButtonAriaLabel,
+                  icon: enableModernizedComponents ? XMark : XMark$1,
+                  size: "x-small"
+                }),
+                store: comboboxStore
+              }) : endComboboxIcon
+            })]
           })]
-        })]
+        })
       })
     }), jsx(InlineError, {
       className: styles.inlineError,
@@ -470,15 +475,19 @@ const RootInner = ({
       sameWidth: true,
       store: comboboxStore,
       unmountOnHide: unmountOnHide,
-      children: jsx(Collection, {
-        experimentalVirtualization: experimentalVirtualization,
-        inputValue: inputValue,
-        loadingAriaLabel: loadingAriaLabel,
-        noResultMessage: noResultMessage,
-        options: filteredOptions,
-        overscan: 2,
-        renderOptionFn: renderOptionFn,
-        showLoading: showLoading
+      children: jsx("div", {
+        className: styles.popoverInner,
+        role: "presentation",
+        children: jsx(Collection, {
+          experimentalVirtualization: experimentalVirtualization,
+          inputValue: inputValue,
+          loadingAriaLabel: loadingAriaLabel,
+          noResultMessage: noResultMessage,
+          options: filteredOptions,
+          overscan: 2,
+          renderOptionFn: renderOptionFn,
+          showLoading: showLoading
+        })
       })
     }) : null]
   });

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

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

package/dist/lib-esm/index.css

@@ -4059,7 +4059,7 @@
 .bp_text_area_module_textAreaContainer--62c43 .bp_text_area_module_inlineError--62c43{
   margin-block-start:var(--text-area-container-row-gap);
 }
-.bp_combobox_module_container--355f7[data-modern=false]{
+.bp_combobox_module_container--c4fe7[data-modern=false]{
   --max-lines:3;
   --input-height:var(--space-5);
   --chip-height:var(--space-7);
@@ -4121,7 +4121,7 @@
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_combobox_module_container--355f7[data-modern=false] .bp_combobox_module_label--355f7{
+.bp_combobox_module_container--c4fe7[data-modern=false] .bp_combobox_module_label--c4fe7{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -4130,7 +4130,7 @@
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_combobox_module_container--355f7[data-modern=false] .bp_combobox_module_textInput--355f7{
+.bp_combobox_module_container--c4fe7[data-modern=false] .bp_combobox_module_textInput--c4fe7{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -4140,7 +4140,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_combobox_module_container--355f7[data-modern=true]{
+.bp_combobox_module_container--c4fe7[data-modern=true]{
   --max-lines:3;
   --bp-innershadow-01:var(--innershadow-1);
   --bp-input-height:var(--bp-space-050);
@@ -4202,17 +4202,17 @@
   --combobox-button-spacing:var(--bp-space-020);
   font-weight:var(--bp-font-weight-regular);
 }
-.bp_combobox_module_container--355f7[data-modern=true],.bp_combobox_module_container--355f7[data-modern=true] .bp_combobox_module_label--355f7{
+.bp_combobox_module_container--c4fe7[data-modern=true],.bp_combobox_module_container--c4fe7[data-modern=true] .bp_combobox_module_label--c4fe7{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_combobox_module_container--355f7[data-modern=true] .bp_combobox_module_label--355f7{
+.bp_combobox_module_container--c4fe7[data-modern=true] .bp_combobox_module_label--c4fe7{
   font-weight:var(--bp-font-weight-bold);
 }
-.bp_combobox_module_container--355f7[data-modern=true] .bp_combobox_module_textInput--355f7{
+.bp_combobox_module_container--c4fe7[data-modern=true] .bp_combobox_module_textInput--c4fe7{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -4221,7 +4221,7 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_combobox_module_popover--355f7[data-modern=false]{
+.bp_combobox_module_popover--c4fe7[data-modern=false]{
   --option-height:2.25rem;
   --dropdown-max-height:12.5rem;
   --combobox-popover-max-height:min(
@@ -4262,7 +4262,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_combobox_module_popover--355f7[data-modern=true]{
+.bp_combobox_module_popover--c4fe7[data-modern=true]{
   --option-height:2.25rem;
   --dropdown-max-height:12.5rem;
   --bp-dropshadow-03:var(--dropshadow-3);
@@ -4303,22 +4303,22 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_combobox_module_container--355f7{
+.bp_combobox_module_container--c4fe7{
   display:flex;
   flex-direction:column;
 }
-.bp_combobox_module_container--355f7.bp_combobox_module_disabled--355f7{
+.bp_combobox_module_container--c4fe7.bp_combobox_module_disabled--c4fe7{
   opacity:60%;
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_label--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_label--c4fe7{
   color:var(--combobox-label-color);
   flex:0 0 fit-content;
   overflow-wrap:break-word;
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_label--355f7:not(.bp_combobox_module_hiddenLabel--355f7){
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_label--c4fe7:not(.bp_combobox_module_hiddenLabel--c4fe7){
   margin-block-end:var(--combobox-label-margin-block-end);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7{
   background-color:var(--combobox-container-background-color);
   border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
   border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
@@ -4327,43 +4327,60 @@
   border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color);
   box-shadow:var(--combobox-container-box-shadow);
   cursor:text;
+  overflow:hidden;
+  position:relative;
+}
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
   display:flex;
   flex-wrap:wrap;
   gap:var(--combobox-container-contents-gap);
   overflow-y:auto;
   padding-block:var(--combobox-container-padding-block);
   padding-inline:var(--combobox-container-padding-inline);
-  position:relative;
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7.bp_combobox_module_withComboboxButtons--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withChips--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
+  max-height:var(--combobox-container-with-chips-max-height);
+  padding-block:var(--combobox-container-with-chips-padding-block);
+}
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withChips--c4fe7:not(:disabled).bp_combobox_module_error--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
+  padding-block:var(--combobox-container-with-chips-error-padding-block);
+}
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withChips--c4fe7:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--c4fe7{
+  padding-block:var(--combobox-container-with-chips-focus-padding-block);
+}
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7.bp_combobox_module_withComboboxButtons--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7{
   padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7:not(:disabled):has(input:focus){
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has(input:focus){
   background-color:var(--combobox-container-focus-background-color);
   border:var(--combobox-container-focus-border);
+}
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--c4fe7{
   padding-block:var(--combobox-container-focus-padding-block);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7:not(:disabled).bp_combobox_module_error--355f7,.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7:not(:disabled):has([aria-invalid=true]){
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled).bp_combobox_module_error--c4fe7,.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has([aria-invalid=true]){
   background-color:var(--combobox-container-error-background-color);
   border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
   border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
   border-right:var(--combobox-container-error-border-right-width) solid var(--combobox-container-error-border-color);
   border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
+}
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled).bp_combobox_module_error--c4fe7 .bp_combobox_module_comboboxContainerInner--c4fe7,.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--c4fe7{
   padding-block:var(--combobox-container-error-padding-block);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--355f7, :has([aria-invalid=true])){
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--c4fe7, :has([aria-invalid=true])){
   border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
   border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
   border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
   border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7 .bp_combobox_module_textInputWrapper--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7{
   align-items:center;
   display:flex;
   flex:content;
   gap:var(--combobox-text-input-wrapper-gap);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7 .bp_combobox_module_textInputWrapper--355f7 .bp_combobox_module_textInput--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7 .bp_combobox_module_textInput--c4fe7{
   background-color:var(--combobox-text-input-background-color);
   border:none;
   color:var(--combobox-text-input-color);
@@ -4372,43 +4389,36 @@
   padding:0;
   width:100%;
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7 .bp_combobox_module_textInputWrapper--355f7 .bp_combobox_module_errorIcon--355f7 path{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7 .bp_combobox_module_errorIcon--c4fe7 path{
   fill:var(--combobox-error-icon-fill);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7 .bp_combobox_module_textInputWrapper--355f7 .bp_combobox_module_comboboxButtons--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_comboboxContainer--c4fe7 .bp_combobox_module_textInputWrapper--c4fe7 .bp_combobox_module_comboboxButtons--c4fe7{
   align-items:center;
   display:flex;
   position:absolute;
   right:var(--combobox-button-spacing);
   top:var(--combobox-button-spacing);
 }
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7.bp_combobox_module_withChips--355f7{
-  max-height:var(--combobox-container-with-chips-max-height);
-  padding-block:var(--combobox-container-with-chips-padding-block);
-}
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7.bp_combobox_module_withChips--355f7:not(:disabled).bp_combobox_module_error--355f7{
-  padding-block:var(--combobox-container-with-chips-error-padding-block);
-}
-.bp_combobox_module_container--355f7 .bp_combobox_module_comboboxContainer--355f7.bp_combobox_module_withChips--355f7:not(:disabled):has(input:focus){
-  padding-block:var(--combobox-container-with-chips-focus-padding-block);
-}
-.bp_combobox_module_container--355f7 .bp_combobox_module_inlineError--355f7{
+.bp_combobox_module_container--c4fe7 .bp_combobox_module_inlineError--c4fe7{
   margin-block-start:var(--combobox-inline-error-margin-block-start);
 }
 
-.bp_combobox_module_popover--355f7{
+.bp_combobox_module_popover--c4fe7{
   backdrop-filter:var(--combobox-popover-backdrop-filter);
   background-color:var(--combobox-popover-background-color);
   border:var(--combobox-popover-border);
   border-radius:var(--combobox-popover-border-radius);
   box-shadow:var(--combobox-popover-box-shadow);
+  overflow:hidden;
+  z-index:var(--z-index-popover);
+}
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_popoverInner--c4fe7{
   max-height:var(--combobox-popover-max-height);
   overflow:auto;
   padding-block:var(--combobox-popover-padding-block);
   padding-inline:var(--combobox-popover-padding-inline);
-  z-index:var(--z-index-popover);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7{
   border:var(--combobox-option-border);
   border-radius:var(--combobox-option-border-radius);
   box-sizing:border-box;
@@ -4423,21 +4433,21 @@
           user-select:none;
   width:100%;
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7[aria-disabled]{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7[aria-disabled]{
   opacity:var(--combobox-option-disabled-opacity);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7[data-active-item]:not([aria-disabled]){
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7[data-active-item]:not([aria-disabled]){
   background-color:var(--combobox-option-active-background-color);
   border:var(--combobox-option-active-border);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7:active{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7:active{
   background-color:var(--combobox-option-hover-background-color);
   border:var(--combobox-option-border);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7:hover{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7:hover{
   background-color:var(--combobox-option-hover-background-color);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7 .bp_combobox_module_indicator--355f7{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7 .bp_combobox_module_indicator--c4fe7{
   align-items:center;
   display:flex;
   height:var(--combobox-option-indicator-height);
@@ -4446,16 +4456,16 @@
   position:absolute;
   top:var(--combobox-option-indicator-top);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_option--355f7 .bp_combobox_module_indicator--355f7 .bp_combobox_module_indicatorIcon--355f7 path{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_option--c4fe7 .bp_combobox_module_indicator--c4fe7 .bp_combobox_module_indicatorIcon--c4fe7 path{
   fill:var(--combobox-option-indicator-icon-fill);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_optionWithIndicator--355f7{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_optionWithIndicator--c4fe7{
   padding-inline:var(--combobox-option-with-indicator-padding-inline);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_loadingIndicator--355f7{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_loadingIndicator--c4fe7{
   position:var(--combobox-loading-indicator-position);
 }
-.bp_combobox_module_popover--355f7 .bp_combobox_module_noResultOption--355f7{
+.bp_combobox_module_popover--c4fe7 .bp_combobox_module_noResultOption--c4fe7{
   color:var(--combobox-no-result-option-color);
   -webkit-user-select:none;
           user-select:none;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "14.0.0",
+    "version": "14.0.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^4.111.15",
+        "@box/blueprint-web-assets": "^4.111.16",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.17.15",
+        "@box/storybook-utils": "^0.17.16",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",