@box/blueprint-web 7.33.4 → 7.34.1

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

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

package/lib-esm/index.css

@@ -1831,11 +1831,11 @@
 .bp_content_card_module_pillGhost--bd0cc{
   margin-inline-end:var(--size-2);
 }
-.bp_content_field_module_contentFieldWrapper--7aebd{
+.bp_content_field_module_contentFieldWrapper--dabac{
   width:100%;
 }
 
-.bp_content_field_module_contentField--7aebd{
+.bp_content_field_module_contentField--dabac{
   border-radius:var(--radius-2);
   box-shadow:var(--dropshadow-2);
   display:flex;
@@ -1843,11 +1843,11 @@
   justify-content:space-between;
 }
 
-.bp_content_field_module_inlineError--7aebd{
+.bp_content_field_module_inlineError--dabac{
   margin-block-start:var(--space-2);
 }
 
-.bp_content_field_module_contentButton--7aebd{
+.bp_content_field_module_contentButton--dabac{
   all:unset;
   align-items:center;
   background:var(--surface-cta-surface-secondary);
@@ -1861,11 +1861,11 @@
   min-width:0;
   padding:var(--border-1) var(--space-3);
 }
-.bp_content_field_module_contentButton--7aebd.bp_content_field_module_error--7aebd{
+.bp_content_field_module_contentButton--dabac.bp_content_field_module_error--dabac{
   border:var(--border-2) solid var(--border-dropdown-border-error);
   position:relative;
 }
-.bp_content_field_module_contentButton--7aebd.bp_content_field_module_error--7aebd.bp_content_field_module_hasSelection--7aebd:hover::after{
+.bp_content_field_module_contentButton--dabac.bp_content_field_module_error--dabac.bp_content_field_module_hasSelection--dabac:hover::after{
   background-color:var(--border-cta-border-secondary);
   content:"";
   height:100%;
@@ -1874,25 +1874,22 @@
   top:0;
   width:1px;
 }
-.bp_content_field_module_contentButton--7aebd.bp_content_field_module_hasSelection--7aebd{
+.bp_content_field_module_contentButton--dabac.bp_content_field_module_hasSelection--dabac{
   border-radius:var(--radius-2) 0 0 var(--radius-2);
   border-right:none;
 }
-.bp_content_field_module_contentButton--7aebd:hover{
+.bp_content_field_module_contentButton--dabac:hover{
   background:var(--surface-cta-surface-secondary-hover);
 }
-.bp_content_field_module_contentButton--7aebd:not(.bp_content_field_module_error--7aebd):hover{
-  border:var(--border-1) solid var(--border-cta-border-secondary-hover);
-}
-.bp_content_field_module_contentButton--7aebd:focus-visible{
+.bp_content_field_module_contentButton--dabac:focus-visible{
   background:var(--surface-cta-surface-secondary-hover);
   border:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_content_field_module_contentButton--7aebd:focus-visible:not(.bp_content_field_module_error--7aebd){
+.bp_content_field_module_contentButton--dabac:focus-visible:not(.bp_content_field_module_error--dabac){
   padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-3) - var(--border-1));
 }
 
-.bp_content_field_module_contentIconContainer--7aebd{
+.bp_content_field_module_contentIconContainer--dabac{
   align-items:center;
   background:var(--surface-cta-surface-icon-utility);
   border-radius:50%;
@@ -1903,25 +1900,25 @@
   width:var(--space-6);
 }
 
-.bp_content_field_module_contentIconShared--7aebd{
+.bp_content_field_module_contentIconShared--dabac{
   min-height:var(--space-6);
   min-width:var(--space-6);
 }
 
-.bp_content_field_module_contentLabelWrapper--7aebd{
+.bp_content_field_module_contentLabelWrapper--dabac{
   align-items:center;
   display:flex;
   flex-grow:1;
   min-width:0;
 }
 
-.bp_content_field_module_contentLabel--7aebd{
+.bp_content_field_module_contentLabel--dabac{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_content_field_module_clearButton--7aebd{
+.bp_content_field_module_clearButton--dabac{
   all:unset;
   align-items:center;
   background:var(--surface-cta-surface-secondary);
@@ -1932,18 +1929,15 @@
   display:flex;
   padding:var(--border-1) var(--space-2);
 }
-.bp_content_field_module_clearButton--7aebd:hover{
+.bp_content_field_module_clearButton--dabac:hover{
   background:var(--surface-cta-surface-secondary-hover);
 }
-.bp_content_field_module_clearButton--7aebd:not(.bp_content_field_module_error--7aebd):hover{
-  border:var(--border-1) solid var(--border-cta-border-secondary-hover);
-}
-.bp_content_field_module_clearButton--7aebd.bp_content_field_module_error--7aebd{
+.bp_content_field_module_clearButton--dabac.bp_content_field_module_error--dabac{
   border:var(--border-2) solid var(--border-dropdown-border-error);
   border-left:none;
   position:relative;
 }
-.bp_content_field_module_clearButton--7aebd.bp_content_field_module_error--7aebd.bp_content_field_module_hasSelection--7aebd:hover::after{
+.bp_content_field_module_clearButton--dabac.bp_content_field_module_error--dabac.bp_content_field_module_hasSelection--dabac:hover::after{
   background-color:var(--border-cta-border-secondary);
   content:"";
   height:100%;
@@ -1952,11 +1946,11 @@
   top:0;
   width:1px;
 }
-.bp_content_field_module_clearButton--7aebd:focus-visible{
+.bp_content_field_module_clearButton--dabac:focus-visible{
   background:var(--surface-cta-surface-secondary-hover);
   border:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_content_field_module_clearButton--7aebd:focus-visible:not(.bp_content_field_module_error--7aebd){
+.bp_content_field_module_clearButton--dabac:focus-visible:not(.bp_content_field_module_error--dabac){
   padding:calc(var(--border-1) - var(--border-1)) calc(var(--space-2) - var(--border-1));
 }
 .bp_scrollable_container_module_scrollableContainer--074ff{
@@ -3803,7 +3797,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   }
 }
 
-.bp_dropdown_menu_module_content--08605{
+.bp_dropdown_menu_module_content--4c593{
   background-color:var(--surface-menu-surface);
   border:var(--border-1) solid var(--border-card-border);
   border-radius:var(--radius-3);
@@ -3825,13 +3819,13 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   z-index:2147483647;
 }
 
-.bp_dropdown_menu_module_ellipsis--08605{
+.bp_dropdown_menu_module_ellipsis--4c593{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_dropdown_menu_module_checkmark--08605{
+.bp_dropdown_menu_module_checkmark--4c593{
   align-items:center;
   display:inline-flex;
   justify-content:center;
@@ -3839,7 +3833,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   position:absolute;
 }
 
-.bp_dropdown_menu_module_item--08605,.bp_dropdown_menu_module_subMenuTrigger--08605{
+.bp_dropdown_menu_module_item--4c593,.bp_dropdown_menu_module_subMenuTrigger--4c593{
   align-items:center;
   border:var(--border-2) solid #0000;
   border-radius:var(--radius-3);
@@ -3851,22 +3845,22 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_dropdown_menu_module_item--08605[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--08605[data-disabled]{
+.bp_dropdown_menu_module_item--4c593[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--4c593[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_dropdown_menu_module_item--08605[data-highlighted]:not(:hover),.bp_dropdown_menu_module_subMenuTrigger--08605[data-highlighted]:not(:hover){
+.bp_dropdown_menu_module_item--4c593[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--4c593[data-highlighted]{
   background-color:var(--surface-menu-surface-hover);
-  border:var(--border-2) solid var(--border-input-border-focus);
+  border:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_dropdown_menu_module_item--08605:hover,.bp_dropdown_menu_module_item--08605[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--08605:hover,.bp_dropdown_menu_module_subMenuTrigger--08605[data-state=open]{
+.bp_dropdown_menu_module_item--4c593:hover,.bp_dropdown_menu_module_item--4c593[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--4c593:hover,.bp_dropdown_menu_module_subMenuTrigger--4c593[data-state=open]{
   background-color:var(--surface-menu-surface-hover);
 }
-.bp_dropdown_menu_module_item--08605.bp_dropdown_menu_module_checkboxItem--08605,.bp_dropdown_menu_module_item--08605.bp_dropdown_menu_module_radioItem--08605,.bp_dropdown_menu_module_subMenuTrigger--08605.bp_dropdown_menu_module_checkboxItem--08605,.bp_dropdown_menu_module_subMenuTrigger--08605.bp_dropdown_menu_module_radioItem--08605{
+.bp_dropdown_menu_module_item--4c593.bp_dropdown_menu_module_checkboxItem--4c593,.bp_dropdown_menu_module_item--4c593.bp_dropdown_menu_module_radioItem--4c593,.bp_dropdown_menu_module_subMenuTrigger--4c593.bp_dropdown_menu_module_checkboxItem--4c593,.bp_dropdown_menu_module_subMenuTrigger--4c593.bp_dropdown_menu_module_radioItem--4c593{
   padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
 }
 
-.bp_dropdown_menu_module_dropdownMenuItemSeparator--08605{
+.bp_dropdown_menu_module_dropdownMenuItemSeparator--4c593{
   margin-block:var(--space-2);
 }
 
@@ -4989,7 +4983,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   transform:translateY(-50%);
 }
 
-.bp_select_module_container--3b3b1{
+.bp_select_module_container--e4fd4{
   display:flex;
   flex-direction:column;
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
@@ -5001,15 +4995,15 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-decoration:none;
   text-transform:none;
 }
-.bp_select_module_container--3b3b1.bp_select_module_disabled--3b3b1{
+.bp_select_module_container--e4fd4.bp_select_module_disabled--e4fd4{
   opacity:60%;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_label--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_label--e4fd4{
   flex:0 0 fit-content;
   font-weight:700;
   overflow-wrap:break-word;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_label--3b3b1,.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_label--e4fd4,.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4{
   color:var(--text-text-on-light);
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
@@ -5018,7 +5012,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-decoration:none;
   text-transform:none;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4{
   align-items:center;
   background-color:var(--surface-dropdown-surface);
   border:var(--border-1) solid var(--border-dropdown-border);
@@ -5036,45 +5030,45 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-align:start;
   width:100%;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1 span:first-child{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4 span:first-child{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1:disabled{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4:disabled{
   cursor:default;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1:not(.bp_select_module_error--3b3b1):focus{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4:not(.bp_select_module_error--e4fd4):focus{
   background-color:var(--surface-dropdown-surface-focus);
   border-color:#0000;
   box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1:not(:disabled):not(:focus):not(.bp_select_module_error--3b3b1):hover{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4:not(:disabled):not(:focus):not(.bp_select_module_error--e4fd4):hover{
   background-color:var(--surface-dropdown-surface-hover);
   border-color:var(--border-dropdown-border-hover);
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1:not(:disabled).bp_select_module_error--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4:not(:disabled).bp_select_module_error--e4fd4{
   background-color:var(--surface-dropdown-surface-error);
   border:var(--border-2) solid var(--border-dropdown-border-error);
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1 .bp_select_module_iconWrapper--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4 .bp_select_module_iconWrapper--e4fd4{
   flex-shrink:0;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1 .bp_select_module_icon--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4 .bp_select_module_icon--e4fd4{
   display:block;
   height:var(--size-2);
   width:var(--size-2);
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1 .bp_select_module_icon--3b3b1 path{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4 .bp_select_module_icon--e4fd4 path{
   fill:var(--icon-icon-on-light);
 }
-.bp_select_module_container--3b3b1 .bp_select_module_triggerBtn--3b3b1[data-state=open] .bp_select_module_icon--3b3b1{
+.bp_select_module_container--e4fd4 .bp_select_module_triggerBtn--e4fd4[data-state=open] .bp_select_module_icon--e4fd4{
   transform:rotate(180deg);
 }
 
-.bp_select_module_content--3b3b1{
+.bp_select_module_content--e4fd4{
   background-color:var(--surface-menu-surface);
   border:var(--border-1) solid var(--border-card-border);
   border-radius:var(--radius-3);
@@ -5092,11 +5086,11 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-transform:none;
   z-index:380;
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4{
   padding-block:var(--space-3);
   padding-inline:var(--space-3);
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4{
   border:var(--border-2) solid #0000;
   border-radius:var(--radius-3);
   cursor:pointer;
@@ -5111,25 +5105,25 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1[data-disabled]{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1[data-highlighted]:not(:hover){
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4[data-highlighted]{
   background-color:var(--surface-menu-surface-focus);
-  border:var(--border-2) solid var(--border-input-border-focus);
+  border:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1:hover{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4:hover{
   background-color:var(--surface-menu-surface-hover);
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1 span:first-child{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4 span:first-child{
   overflow:hidden;
   overflow-wrap:break-word;
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1 .bp_select_module_secondaryText--3b3b1{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4 .bp_select_module_secondaryText--e4fd4{
   color:var(--text-text-on-light-secondary);
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1 .bp_select_module_indicator--3b3b1{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4 .bp_select_module_indicator--e4fd4{
   align-items:center;
   display:flex;
   height:var(--size-9);
@@ -5138,10 +5132,10 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   position:absolute;
   top:0;
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_option--3b3b1 .bp_select_module_indicator--3b3b1 path{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_option--e4fd4 .bp_select_module_indicator--e4fd4 path{
   fill:var(--icon-icon-on-light);
 }
-.bp_select_module_content--3b3b1 .bp_select_module_viewport--3b3b1 .bp_select_module_separator--3b3b1{
+.bp_select_module_content--e4fd4 .bp_select_module_viewport--e4fd4 .bp_select_module_separator--e4fd4{
   background-color:var(--border-divider-border);
   flex-shrink:0;
   height:var(--border-1);

package/lib-esm/index.d.ts

@@ -68,4 +68,5 @@ export * from './util-components/scrollable-container/scrollable-container';
 export * from './util-components/text-with-info-badge';
 export * from './utils/keyboardUtils';
 export * from './utils/useBreakpoint';
+export * from './utils/useFullTextTooltip';
 export * from './visually-hidden';

package/lib-esm/index.js

@@ -82,6 +82,7 @@ export { ScrollContext, ScrollableContainer, useScroll, useScrollContext } from
 export { TextWithInfoBadge } from './util-components/text-with-info-badge/text-with-info-badge.js';
 export { isCtrlKeyPressed, isDeleteKeyPressed, keys } from './utils/keyboardUtils.js';
 export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
+export { useFullTextTooltip } from './utils/useFullTextTooltip.js';
 export { VisuallyHidden } from './visually-hidden/visually-hidden.js';
 export { useNotification } from './primitives/notification/notification-provider.js';
 export { useTabs } from './primitives/tabs/use-tabs.js';

package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_dropdown_menu_module_content--08605","ellipsis":"bp_dropdown_menu_module_ellipsis--08605","checkmark":"bp_dropdown_menu_module_checkmark--08605","item":"bp_dropdown_menu_module_item--08605","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--08605","radioItem":"bp_dropdown_menu_module_radioItem--08605","checkboxItem":"bp_dropdown_menu_module_checkboxItem--08605","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--08605"};
+var styles = {"content":"bp_dropdown_menu_module_content--4c593","ellipsis":"bp_dropdown_menu_module_ellipsis--4c593","checkmark":"bp_dropdown_menu_module_checkmark--4c593","item":"bp_dropdown_menu_module_item--4c593","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--4c593","radioItem":"bp_dropdown_menu_module_radioItem--4c593","checkboxItem":"bp_dropdown_menu_module_checkboxItem--4c593","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--4c593"};
 
 export { styles as default };

package/lib-esm/select/select.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_select_module_container--3b3b1","disabled":"bp_select_module_disabled--3b3b1","label":"bp_select_module_label--3b3b1","triggerBtn":"bp_select_module_triggerBtn--3b3b1","error":"bp_select_module_error--3b3b1","iconWrapper":"bp_select_module_iconWrapper--3b3b1","icon":"bp_select_module_icon--3b3b1","content":"bp_select_module_content--3b3b1","viewport":"bp_select_module_viewport--3b3b1","option":"bp_select_module_option--3b3b1","secondaryText":"bp_select_module_secondaryText--3b3b1","indicator":"bp_select_module_indicator--3b3b1","separator":"bp_select_module_separator--3b3b1"};
+var styles = {"container":"bp_select_module_container--e4fd4","disabled":"bp_select_module_disabled--e4fd4","label":"bp_select_module_label--e4fd4","triggerBtn":"bp_select_module_triggerBtn--e4fd4","error":"bp_select_module_error--e4fd4","iconWrapper":"bp_select_module_iconWrapper--e4fd4","icon":"bp_select_module_icon--e4fd4","content":"bp_select_module_content--e4fd4","viewport":"bp_select_module_viewport--e4fd4","option":"bp_select_module_option--e4fd4","secondaryText":"bp_select_module_secondaryText--e4fd4","indicator":"bp_select_module_indicator--e4fd4","separator":"bp_select_module_separator--e4fd4"};
 
 export { styles as default };

package/lib-esm/utils/useFullTextTooltip.js

@@ -1,5 +1,6 @@
 import { useState, useEffect, Fragment } from 'react';
 import { Tooltip } from '../tooltip/tooltip.js';
+import { debounce } from './debounce.js';
 
 const useFullTextTooltip = ({
   ref,
@@ -9,13 +10,32 @@ const useFullTextTooltip = ({
 }) => {
   const [isOverflowing, setIsOverflowing] = useState(false);
   useEffect(() => {
-    if (!ref?.current || skipOverflowCheck) {
-      return;
+    const checkIfOverflowing = () => {
+      const element = ref?.current;
+      if (element && !skipOverflowCheck) {
+        setIsOverflowing(element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth);
+      }
+    };
+    // Create debounced version of checkIfOverflowing
+    const debouncedCheckIfOverflowing = debounce(checkIfOverflowing, 100);
+    const element = ref?.current;
+    let resizeObserver = null;
+    if (element) {
+      // Create a ResizeObserver to observe the size of the element
+      resizeObserver = new ResizeObserver(debouncedCheckIfOverflowing);
+      resizeObserver.observe(element);
     }
-    if (ref.current.scrollHeight > ref.current.clientHeight || ref.current.scrollWidth > ref.current.clientWidth) {
-      setIsOverflowing(true);
-    }
-  }, [ref, skipOverflowCheck]);
+    // Initial check
+    debouncedCheckIfOverflowing();
+    // Cleanup function to disconnect the observer and clear debounced timeouts
+    return () => {
+      if (resizeObserver && element) {
+        resizeObserver.unobserve(element);
+        resizeObserver.disconnect();
+      }
+      debouncedCheckIfOverflowing.clear();
+    };
+  }, [ref, skipOverflowCheck, textValue, children]);
   const Wrapper = isOverflowing ? Tooltip : Fragment;
   const wrapperProps = isOverflowing ? {
     content: textValue ?? children

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "7.33.4",
+    "version": "7.34.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -63,7 +63,7 @@
         "react-stately": "^3.31.1",
         "tsx": "^4.16.5"
     },
-    "gitHead": "44327d93e1b72fc57a60ca5bcd8c1d59e53d5939",
+    "gitHead": "35b9456f5e326f5f66d7cb19ba4bb773bffc2cb8",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {