@box/blueprint-web 14.2.0 → 14.3.1

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

@@ -136,8 +136,12 @@ const Item = props => {
           children: error
         })
       }), jsx("div", {
-        className: styles.accordionContentWrapper,
-        children: children
+        className: clsx(styles.accordionContentWrapper),
+        children: jsx("div", {
+          className: clsx(styles.accordionContentLayout),
+          "data-testid": "accordion-content-scrollable-container",
+          children: children
+        })
       })]
     })]
   });

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"accordionItem":"bp_accordion_module_accordionItem--f11ad","accordionContent":"bp_accordion_module_accordionContent--f11ad","accordion":"bp_accordion_module_accordion--f11ad","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--f11ad","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--f11ad","accordionFixedContent":"bp_accordion_module_accordionFixedContent--f11ad","accordionHeader":"bp_accordion_module_accordionHeader--f11ad","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--f11ad","accordionStartElement":"bp_accordion_module_accordionStartElement--f11ad","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--f11ad","accordionSlot":"bp_accordion_module_accordionSlot--f11ad","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--f11ad","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--f11ad","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--f11ad","bgOnly":"bp_accordion_module_bgOnly--f11ad","withIcon":"bp_accordion_module_withIcon--f11ad","accordionTrigger":"bp_accordion_module_accordionTrigger--f11ad","disabled":"bp_accordion_module_disabled--f11ad","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--f11ad"};
+var styles = {"accordionItem":"bp_accordion_module_accordionItem--4fd22","accordionContent":"bp_accordion_module_accordionContent--4fd22","accordionContentLayout":"bp_accordion_module_accordionContentLayout--4fd22","accordion":"bp_accordion_module_accordion--4fd22","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--4fd22","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--4fd22","accordionFixedContent":"bp_accordion_module_accordionFixedContent--4fd22","accordionHeader":"bp_accordion_module_accordionHeader--4fd22","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--4fd22","accordionStartElement":"bp_accordion_module_accordionStartElement--4fd22","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--4fd22","accordionSlot":"bp_accordion_module_accordionSlot--4fd22","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--4fd22","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--4fd22","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--4fd22","bgOnly":"bp_accordion_module_bgOnly--4fd22","withIcon":"bp_accordion_module_withIcon--4fd22","accordionTrigger":"bp_accordion_module_accordionTrigger--4fd22","disabled":"bp_accordion_module_disabled--4fd22","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--4fd22"};
 
 export { styles as default };

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

@@ -3,6 +3,7 @@ import clsx from 'clsx';
 import { forwardRef, useCallback, useEffect } from 'react';
 import '@box/blueprint-web-assets/tokens/px-tokens';
 import '@radix-ui/react-tooltip';
+import '../blueprint-configuration-context/blueprint-configuration-context.js';
 import { Combobox } from '../combobox/combobox.js';
 import { useComboboxGroupContext } from './combobox-group-context.js';
 import styles from './combobox-group.module.js';

package/dist/lib-esm/index.css

@@ -1581,7 +1581,7 @@
   background-color:var(--status-interactive-background-green-focus);
 }
 
-.bp_accordion_module_accordionItem--f11ad[data-modern=false]{
+.bp_accordion_module_accordionItem--4fd22[data-modern=false]{
   --accordion-min-width:320px;
   --accordion-item-radius:none;
   --accordion-item-radius-expanded:none;
@@ -1620,7 +1620,7 @@
   --accordion-item-header-min-height:unset;
 }
 
-.bp_accordion_module_accordionItem--f11ad[data-modern=true]{
+.bp_accordion_module_accordionItem--4fd22[data-modern=true]{
   --accordion-min-width:320px;
   --accordion-item-radius:var(--bp-radius-08);
   --accordion-item-radius-expanded:var(--bp-radius-10);
@@ -1659,19 +1659,42 @@
   --accordion-item-header-min-height:var(--bp-size-080);
 }
 
-.bp_accordion_module_accordionContent--f11ad[data-state=open]{
-  animation:bp_accordion_module_slideDown--f11ad .15s ease-out;
+.bp_accordion_module_accordionContent--4fd22[data-state=open]{
+  animation:bp_accordion_module_slideDown--4fd22 .15s ease-out;
 }
 
-.bp_accordion_module_accordionContent--f11ad[data-state=closed]{
-  animation:bp_accordion_module_slideUp--f11ad .15s ease-out;
+.bp_accordion_module_accordionContent--4fd22[data-state=closed]{
+  animation:bp_accordion_module_slideUp--4fd22 .15s ease-out;
 }
 
-.bp_accordion_module_accordionContent--f11ad{
+.bp_accordion_module_accordionContentLayout--4fd22{
+  display:flex;
+  flex:1 1 auto;
+  flex-direction:column;
+  gap:var(--accordion-content-gap);
+  min-height:0;
+}
+
+.bp_accordion_module_accordionContent--4fd22[data-state=closed] .bp_accordion_module_accordionContentLayout--4fd22{
+  overflow:hidden;
+}
+
+.bp_accordion_module_accordionContent--4fd22[data-state=open] .bp_accordion_module_accordionContentLayout--4fd22{
+  animation:bp_accordion_module_enableAccordionScroll--4fd22 .15s step-end forwards;
+}
+
+.bp_accordion_module_accordionContent--4fd22{
+  display:flex;
+  flex:1 1 auto;
+  flex-direction:column;
+  min-height:0;
   overflow:hidden;
 }
+.bp_accordion_module_accordionContent--4fd22[hidden]{
+  display:none;
+}
 
-@keyframes bp_accordion_module_slideDown--f11ad{
+@keyframes bp_accordion_module_slideDown--4fd22{
   from{
     height:0;
   }
@@ -1679,7 +1702,7 @@
     height:var(--radix-accordion-content-height);
   }
 }
-@keyframes bp_accordion_module_slideUp--f11ad{
+@keyframes bp_accordion_module_slideUp--4fd22{
   from{
     height:var(--radix-accordion-content-height);
   }
@@ -1687,42 +1710,54 @@
     height:0;
   }
 }
-.bp_accordion_module_accordion--f11ad{
+@keyframes bp_accordion_module_enableAccordionScroll--4fd22{
+  0%{
+    overflow:hidden;
+  }
+  100%{
+    overflow:auto;
+  }
+}
+.bp_accordion_module_accordion--4fd22{
   display:flex;
   flex-direction:column;
   gap:var(--bp-space-030);
   padding:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionContentWrapper--f11ad{
+.bp_accordion_module_accordionContentWrapper--4fd22{
   display:flex;
+  flex:1 1 auto;
   flex-direction:column;
-  gap:var(--accordion-content-gap);
+  min-height:0;
   padding-block:var(--accordion-content-padding-block);
   padding-block-end:var(--accordion-content-padding-block-end);
   padding-inline:var(--accordion-content-padding-inline);
 }
 
-.bp_accordion_module_accordionInlineErrorWrapper--f11ad{
+.bp_accordion_module_accordionInlineErrorWrapper--4fd22{
   padding-block-start:var(--accordion-error-padding-block-start);
   padding-inline:var(--accordion-error-padding-inline);
 }
 
-.bp_accordion_module_accordionItem--f11ad{
+.bp_accordion_module_accordionItem--4fd22{
   -webkit-tap-highlight-color:transparent;
   background:none;
   border-bottom:var(--accordion-item-border);
   border-radius:var(--accordion-item-radius);
+  display:flex;
+  flex-direction:column;
   min-width:var(--accordion-min-width);
+  overflow:hidden;
 }
-.bp_accordion_module_accordionItem--f11ad[data-state=open]{
+.bp_accordion_module_accordionItem--4fd22[data-state=open]{
   background-color:var(--accordion-item-background-expanded);
   border:var(--accordion-item-border-expanded);
   border-bottom:var(--accordion-item-border-bottom-expanded);
   border-radius:var(--accordion-item-radius-expanded);
 }
 
-.bp_accordion_module_accordionFixedContent--f11ad{
+.bp_accordion_module_accordionFixedContent--4fd22{
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
   border-radius:var(--accordion-item-radius);
@@ -1733,7 +1768,7 @@
   padding-inline:var(--accordion-fixed-content-padding-inline);
 }
 
-.bp_accordion_module_accordionHeader--f11ad{
+.bp_accordion_module_accordionHeader--4fd22{
   align-items:center;
   display:flex;
   justify-content:space-between;
@@ -1743,26 +1778,26 @@
   width:100%;
 }
 
-.bp_accordion_module_accordionTitleGroup--f11ad{
+.bp_accordion_module_accordionTitleGroup--4fd22{
   align-items:center;
   display:flex;
   gap:var(--bp-space-020, .5rem);
   min-width:0;
 }
 
-.bp_accordion_module_accordionStartElement--f11ad{
+.bp_accordion_module_accordionStartElement--4fd22{
   align-items:center;
   display:flex;
   flex-shrink:0;
 }
 
-.bp_accordion_module_accordionHeaderInfoSlot--f11ad{
+.bp_accordion_module_accordionHeaderInfoSlot--4fd22{
   align-items:center;
   display:flex;
   margin-inline-start:var(--accordion-chevron-margin-inline-start);
 }
 
-.bp_accordion_module_accordionItem--f11ad[data-modern=false] .bp_accordion_module_accordionHeader--f11ad{
+.bp_accordion_module_accordionItem--4fd22[data-modern=false] .bp_accordion_module_accordionHeader--4fd22{
   color:var(--accordion-header-text-color);
   font-family:var(--title-small-font-family);
   font-size:var(--title-small-font-size);
@@ -1773,7 +1808,7 @@
   text-transform:var(--title-small-text-case);
 }
 
-.bp_accordion_module_accordionItem--f11ad[data-modern=true] .bp_accordion_module_accordionHeader--f11ad{
+.bp_accordion_module_accordionItem--4fd22[data-modern=true] .bp_accordion_module_accordionHeader--4fd22{
   color:var(--accordion-header-text-color);
   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-06);
@@ -1783,31 +1818,31 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_accordion_module_accordionSlot--f11ad{
+.bp_accordion_module_accordionSlot--4fd22{
   align-items:center;
   display:flex;
 }
 
-.bp_accordion_module_accordionChevronWrapper--f11ad{
+.bp_accordion_module_accordionChevronWrapper--4fd22{
   align-items:center;
   cursor:pointer;
   display:flex;
   padding-inline-end:var(--space-6);
 }
-.bp_accordion_module_accordionChevronWrapper--f11ad .bp_accordion_module_accordionTriggerIcon--f11ad{
+.bp_accordion_module_accordionChevronWrapper--4fd22 .bp_accordion_module_accordionTriggerIcon--4fd22{
   flex-shrink:0;
   transform:var(--accordion-trigger-icon-transform-collapsed);
 }
 
-.bp_accordion_module_accordionItem--f11ad[data-modern=true] .bp_accordion_module_accordionChevronWrapper--f11ad{
+.bp_accordion_module_accordionItem--4fd22[data-modern=true] .bp_accordion_module_accordionChevronWrapper--4fd22{
   padding-inline-end:var(--bp-space-040);
 }
 
-.bp_accordion_module_accordionItem--f11ad[data-state=open] .bp_accordion_module_accordionChevronWrapper--f11ad .bp_accordion_module_accordionTriggerIcon--f11ad{
+.bp_accordion_module_accordionItem--4fd22[data-state=open] .bp_accordion_module_accordionChevronWrapper--4fd22 .bp_accordion_module_accordionTriggerIcon--4fd22{
   transform:var(--accordion-trigger-icon-transform-expanded);
 }
 
-.bp_accordion_module_accordionIconWrapper--f11ad{
+.bp_accordion_module_accordionIconWrapper--4fd22{
   align-items:center;
   border-radius:var(--accordion-icon-radius);
   display:flex;
@@ -1815,16 +1850,16 @@
   justify-content:center;
   width:var(--accordion-icon-size);
 }
-.bp_accordion_module_accordionIconWrapper--f11ad.bp_accordion_module_bgOnly--f11ad{
+.bp_accordion_module_accordionIconWrapper--4fd22.bp_accordion_module_bgOnly--4fd22{
   height:var(--accordion-bg-only-status-size);
   width:var(--accordion-bg-only-status-size);
 }
-.bp_accordion_module_accordionIconWrapper--f11ad.bp_accordion_module_withIcon--f11ad{
+.bp_accordion_module_accordionIconWrapper--4fd22.bp_accordion_module_withIcon--4fd22{
   height:var(--accordion-icon-size);
   width:var(--accordion-icon-size);
 }
 
-.bp_accordion_module_accordionTrigger--f11ad{
+.bp_accordion_module_accordionTrigger--4fd22{
   align-items:center;
   background:#0000;
   border:none;
@@ -1835,19 +1870,19 @@
   padding:var(--accordion-trigger-padding);
   width:100%;
 }
-.bp_accordion_module_accordionTrigger--f11ad.bp_accordion_module_disabled--f11ad,.bp_accordion_module_accordionTrigger--f11ad:disabled{
+.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22,.bp_accordion_module_accordionTrigger--4fd22:disabled{
   cursor:default;
   opacity:.3;
   pointer-events:none;
 }
-.bp_accordion_module_accordionTrigger--f11ad:focus-visible{
+.bp_accordion_module_accordionTrigger--4fd22:focus-visible{
   outline:none;
 }
-.bp_accordion_module_accordionTrigger--f11ad:hover:not(:disabled, .bp_accordion_module_disabled--f11ad){
+.bp_accordion_module_accordionTrigger--4fd22:hover:not(:disabled, .bp_accordion_module_disabled--4fd22){
   cursor:pointer;
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad{
+.bp_accordion_module_accordionHeaderContainer--4fd22{
   align-items:stretch;
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
@@ -1856,40 +1891,40 @@
   gap:var(--accordion-chevron-margin-inline-start);
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad.bp_accordion_module_disabled--f11ad),.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad:disabled){
+.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22),.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22:disabled){
   cursor:default;
 }
-.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad.bp_accordion_module_disabled--f11ad) > .bp_accordion_module_accordionChevronWrapper--f11ad,.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad:disabled) > .bp_accordion_module_accordionChevronWrapper--f11ad{
+.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22) > .bp_accordion_module_accordionChevronWrapper--4fd22,.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22:disabled) > .bp_accordion_module_accordionChevronWrapper--4fd22{
   opacity:.3;
   pointer-events:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad[data-state=open]){
+.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22[data-state=open]){
   background-color:initial;
   border:none;
   border-radius:var(--accordion-item-radius-expanded) var(--accordion-item-radius-expanded) 0 0;
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad:focus-visible){
+.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22:focus-visible){
   background-color:var(--accordion-trigger-collapsed-background-focus);
   border:var(--accordion-trigger-border-hover);
   box-shadow:var(--accordion-trigger-box-shadow);
   outline:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad:hover:not(:has(.bp_accordion_module_accordionTrigger--f11ad:disabled), :has(.bp_accordion_module_accordionTrigger--f11ad.bp_accordion_module_disabled--f11ad)){
+.bp_accordion_module_accordionHeaderContainer--4fd22:hover:not(:has(.bp_accordion_module_accordionTrigger--4fd22:disabled), :has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22)){
   background-color:var(--accordion-trigger-collapsed-background-hover);
   border:var(--accordion-trigger-border-hover);
   cursor:pointer;
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad[data-state=open]):has(.bp_accordion_module_accordionTrigger--f11ad:focus-visible){
+.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22[data-state=open]):has(.bp_accordion_module_accordionTrigger--4fd22:focus-visible){
   background-color:var(--accordion-trigger-expanded-background-focus);
   border:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--f11ad:has(.bp_accordion_module_accordionTrigger--f11ad[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--f11ad:disabled),
-:has(.bp_accordion_module_accordionTrigger--f11ad.bp_accordion_module_disabled--f11ad)){
+.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--4fd22:disabled),
+:has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22)){
   background-color:initial;
   border:none;
 }
@@ -2128,7 +2163,7 @@
 [data-button-wrapper][data-focus-visible] .bp_avatar_module_avatar--a6b5d[data-modern=true]{
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
 }
-.bp_tooltip_module_content--72fa7[data-modern=false]{
+.bp_tooltip_module_content--b08a6[data-modern=false]{
   --tooltip-max-width:200px;
   --tooltip-padding:var(--space-2) var(--space-3);
   --tooltip-radius:var(--radius-1);
@@ -2149,7 +2184,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_tooltip_module_content--72fa7[data-modern=true]{
+.bp_tooltip_module_content--b08a6[data-modern=true]{
   --tooltip-max-width:200px;
   --tooltip-padding:var(--bp-space-020) var(--bp-space-030);
   --tooltip-radius:var(--bp-radius-04);
@@ -2169,7 +2204,40 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_tooltip_module_content--72fa7{
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=delayed-open]{
+  animation-duration:var(--bp-duration-short);
+  animation-timing-function:var(--bp-curve-large-on);
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=delayed-open][data-side=top]{
+  animation-name:bp_tooltip_module_bpTooltipTopSlideEnter--b08a6, bp_tooltip_module_bpTooltipFadeIn--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=delayed-open][data-side=right]{
+  animation-name:bp_tooltip_module_bpTooltipRightSlideEnter--b08a6, bp_tooltip_module_bpTooltipFadeIn--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=delayed-open][data-side=bottom]{
+  animation-name:bp_tooltip_module_bpTooltipBottomSlideEnter--b08a6, bp_tooltip_module_bpTooltipFadeIn--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=delayed-open][data-side=left]{
+  animation-name:bp_tooltip_module_bpTooltipLeftSlideEnter--b08a6, bp_tooltip_module_bpTooltipFadeIn--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=closed]{
+  animation-duration:var(--bp-duration-short);
+  animation-timing-function:var(--bp-curve-large-off);
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=closed][data-side=top]{
+  animation-name:bp_tooltip_module_bpTooltipTopSlideExit--b08a6, bp_tooltip_module_bpTooltipFadeOut--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=closed][data-side=right]{
+  animation-name:bp_tooltip_module_bpTooltipRightSlideExit--b08a6, bp_tooltip_module_bpTooltipFadeOut--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=closed][data-side=bottom]{
+  animation-name:bp_tooltip_module_bpTooltipBottomSlideExit--b08a6, bp_tooltip_module_bpTooltipFadeOut--b08a6;
+}
+.bp_tooltip_module_content--b08a6[data-bp-animated=true][data-state=closed][data-side=left]{
+  animation-name:bp_tooltip_module_bpTooltipLeftSlideExit--b08a6, bp_tooltip_module_bpTooltipFadeOut--b08a6;
+}
+
+.bp_tooltip_module_content--b08a6{
   backdrop-filter:var(--tooltip-backdrop-filter);
   border-radius:var(--tooltip-radius);
   box-shadow:var(--tooltip-drop-shadow);
@@ -2180,18 +2248,18 @@
   position:relative;
   z-index:2147483647;
 }
-.bp_tooltip_module_content--72fa7.bp_tooltip_module_standard--72fa7{
+.bp_tooltip_module_content--b08a6.bp_tooltip_module_standard--b08a6{
   background-color:var(--tooltip-background);
   border:var(--tooltip-border);
   color:var(--tooltip-text-color);
 }
-.bp_tooltip_module_content--72fa7.bp_tooltip_module_error--72fa7{
+.bp_tooltip_module_content--b08a6.bp_tooltip_module_error--b08a6{
   background-color:var(--tooltip-background-error);
   border:var(--tooltip-border-error);
   color:var(--tooltip-text-color-error);
 }
 
-.bp_tooltip_module_arrow--72fa7{
+.bp_tooltip_module_arrow--b08a6{
   border-left:8.7px solid #0000;
   border-right:8.7px solid #0000;
   border-top:8.7px solid var(--surface-tooltip-surface);
@@ -2199,10 +2267,10 @@
   height:0;
   width:0;
 }
-.bp_tooltip_module_arrow--72fa7.bp_tooltip_module_error--72fa7{
+.bp_tooltip_module_arrow--b08a6.bp_tooltip_module_error--b08a6{
   border-top-color:var(--border-tooltip-border-error);
 }
-.bp_tooltip_module_arrow--72fa7.bp_tooltip_module_error--72fa7::after{
+.bp_tooltip_module_arrow--b08a6.bp_tooltip_module_error--b08a6::after{
   border-left:7.7px solid #0000;
   border-right:7.7px solid #0000;
   border-top:7.7px solid var(--surface-tooltip-surface-error);
@@ -2213,6 +2281,87 @@
   top:-.7px;
   width:0;
 }
+
+@keyframes bp_tooltip_module_bpTooltipFadeIn--b08a6{
+  from{
+    opacity:var(--bp-opacity-hidden);
+  }
+  to{
+    opacity:var(--bp-opacity-visible);
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipFadeOut--b08a6{
+  from{
+    opacity:var(--bp-opacity-visible);
+  }
+  to{
+    opacity:var(--bp-opacity-hidden);
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipTopSlideEnter--b08a6{
+  from{
+    transform:translateY(var(--bp-space-010));
+  }
+  to{
+    transform:translateY(0);
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipTopSlideExit--b08a6{
+  from{
+    transform:translateY(0);
+  }
+  to{
+    transform:translateY(var(--bp-space-010));
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipBottomSlideEnter--b08a6{
+  from{
+    transform:translateY(calc(var(--bp-space-010)*-1));
+  }
+  to{
+    transform:translateY(0);
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipBottomSlideExit--b08a6{
+  from{
+    transform:translateY(0);
+  }
+  to{
+    transform:translateY(calc(var(--bp-space-010)*-1));
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipRightSlideEnter--b08a6{
+  from{
+    transform:translateX(calc(var(--bp-space-010)*-1));
+  }
+  to{
+    transform:translateX(0);
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipRightSlideExit--b08a6{
+  from{
+    transform:translateX(0);
+  }
+  to{
+    transform:translateX(calc(var(--bp-space-010)*-1));
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipLeftSlideEnter--b08a6{
+  from{
+    transform:translateX(var(--bp-space-010));
+  }
+  to{
+    transform:translateX(0);
+  }
+}
+@keyframes bp_tooltip_module_bpTooltipLeftSlideExit--b08a6{
+  from{
+    transform:translateX(0);
+  }
+  to{
+    transform:translateX(var(--bp-space-010));
+  }
+}
 .bp_base_badge_module_badgeContainer--15c80{
   display:inline-flex;
   position:relative;

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

@@ -3,6 +3,8 @@ import { Space4 } from '@box/blueprint-web-assets/tokens/px-tokens';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import clsx from 'clsx';
 import React__default, { useContext } from 'react';
+import '../blueprint-configuration-context/blueprint-configuration-context.js';
+import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './tooltip.module.js';
 
@@ -28,6 +30,10 @@ const Tooltip = props => {
     ...contentProps
   } = props;
   const container = useContext(ContainerContext);
+  const {
+    componentsWithAnimationEnabled
+  } = useBlueprintConfiguration();
+  const isAnimationEnabled = componentsWithAnimationEnabled.includes('Tooltip');
   return jsxs(RadixTooltip.Root, {
     defaultOpen: defaultOpen,
     onOpenChange: onOpenChange,
@@ -39,6 +45,7 @@ const Tooltip = props => {
       forceMount: forceMount,
       children: jsx(Content, {
         ...contentProps,
+        "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
         children: content
       })
     })]
@@ -51,11 +58,18 @@ const TooltipProvider = props => {
     container,
     disableHoverableContent
   } = props;
+  const {
+    componentsWithAnimationEnabled
+  } = useBlueprintConfiguration();
+  const isAnimationEnabled = componentsWithAnimationEnabled.includes('Tooltip');
   return jsx(ContainerContext.Provider, {
     value: container,
     children: jsx(RadixTooltip.Provider, {
-      delayDuration: 300,
+      delayDuration: isAnimationEnabled ? 400 : 300,
       disableHoverableContent: disableHoverableContent,
+      ...(isAnimationEnabled ? {
+        skipDelayDuration: 0
+      } : {}),
       children: children
     })
   });

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_tooltip_module_content--72fa7","standard":"bp_tooltip_module_standard--72fa7","error":"bp_tooltip_module_error--72fa7","arrow":"bp_tooltip_module_arrow--72fa7"};
+var styles = {"content":"bp_tooltip_module_content--b08a6","bpTooltipTopSlideEnter":"bp_tooltip_module_bpTooltipTopSlideEnter--b08a6","bpTooltipFadeIn":"bp_tooltip_module_bpTooltipFadeIn--b08a6","bpTooltipRightSlideEnter":"bp_tooltip_module_bpTooltipRightSlideEnter--b08a6","bpTooltipBottomSlideEnter":"bp_tooltip_module_bpTooltipBottomSlideEnter--b08a6","bpTooltipLeftSlideEnter":"bp_tooltip_module_bpTooltipLeftSlideEnter--b08a6","bpTooltipTopSlideExit":"bp_tooltip_module_bpTooltipTopSlideExit--b08a6","bpTooltipFadeOut":"bp_tooltip_module_bpTooltipFadeOut--b08a6","bpTooltipRightSlideExit":"bp_tooltip_module_bpTooltipRightSlideExit--b08a6","bpTooltipBottomSlideExit":"bp_tooltip_module_bpTooltipBottomSlideExit--b08a6","bpTooltipLeftSlideExit":"bp_tooltip_module_bpTooltipLeftSlideExit--b08a6","standard":"bp_tooltip_module_standard--b08a6","error":"bp_tooltip_module_error--b08a6","arrow":"bp_tooltip_module_arrow--b08a6"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "14.2.0",
+    "version": "14.3.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.19",
+        "@box/blueprint-web-assets": "^4.111.21",
         "@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.19",
+        "@box/storybook-utils": "^0.17.21",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",