@box/blueprint-web 16.16.1 → 16.17.1

package/dist/lib-esm/blueprint-configuration-context/consts.d.ts

@@ -38,7 +38,7 @@ export declare const BLUEPRINT_CONFIGURATION_SPLITS: {
  */
 export declare const ANIMATED_COMPONENTS_BY_PHASE: {
     readonly phase1: readonly ["Button", "IconButton", "DropdownMenu", "Tooltip", "Popover", "SplitButton", "CardTooltip", "NavigationMenu", "Modal", "TextButton", "ContextMenu"];
-    readonly phase2: readonly ["DropdownTrigger", "Switch", "Checkbox", "TextInput", "Select", "Datepicker", "TextArea", "Combobox", "PasswordInput", "ComboboxGroup", "InlineError"];
+    readonly phase2: readonly ["TriggerButton", "Switch", "Checkbox", "TextInput", "Select", "Datepicker", "TextArea", "Combobox", "PasswordInput", "ComboboxGroup", "InlineError"];
     readonly phase3: readonly [];
 };
 /**

package/dist/lib-esm/blueprint-configuration-context/consts.js

@@ -40,7 +40,7 @@ const BLUEPRINT_CONFIGURATION_SPLITS = deepFreeze({
  */
 const ANIMATED_COMPONENTS_BY_PHASE = deepFreeze({
   phase1: ['Button', 'IconButton', 'DropdownMenu', 'Tooltip', 'Popover', 'SplitButton', 'CardTooltip', 'NavigationMenu', 'Modal', 'TextButton', 'ContextMenu'],
-  phase2: ['DropdownTrigger', 'Switch', 'Checkbox', 'TextInput', 'Select', 'Datepicker', 'TextArea', 'Combobox', 'PasswordInput', 'ComboboxGroup', 'InlineError'],
+  phase2: ['TriggerButton', 'Switch', 'Checkbox', 'TextInput', 'Select', 'Datepicker', 'TextArea', 'Combobox', 'PasswordInput', 'ComboboxGroup', 'InlineError'],
   phase3: []
 });
 /**

package/dist/lib-esm/components.css

@@ -14438,7 +14438,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:fit-content;
 }
 
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_secondary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_secondary--35467{
   --trigger-button-background:var(--surface-dropdown-secondary-surface);
   --trigger-button-border:var(--border-1) solid var(--border-cta-border-secondary);
   --trigger-button-focus-or-hover-background:var(--surface-dropdown-secondary-surface-hover);
@@ -14447,11 +14447,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --trigger-button-active-background:var(--surface-dropdown-secondary-surface-pressed);
   --trigger-button-active-border:var(--border-1) solid var(--border-cta-border-secondary);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_tertiary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_tertiary--35467{
   --trigger-button-focus-or-hover-background:var(--surface-dropdown-primary-surface-hover);
   --trigger-button-active-background:var(--surface-dropdown-primary-surface-pressed);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_extraSmall--35467{
   --button-xsmall-gap:var(--space-1);
   --button-xsmall-height:var(--size-6);
   --button-xsmall-padding:0.375rem var(--space-1);
@@ -14463,14 +14463,14 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_small--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_small--35467{
   --button-small-padding:0.375rem var(--space-2);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_large--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_large--35467{
   --button-large-padding:0.375rem var(--space-3) 0.375rem var(--space-2);
 }
 
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_secondary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_secondary--35467{
   --trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
   --trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
   --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
@@ -14479,11 +14479,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
   --trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_tertiary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_tertiary--35467{
   --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
   --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_extraSmall--35467{
   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;
@@ -14491,7 +14491,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_extraSmall--22220{
+:where(body.is-inter-font) .bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_extraSmall--35467{
   font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -14502,64 +14502,64 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
 }
 
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_extraSmall--35467{
   --button-xsmall-gap:var(--bp-space-010);
   --button-xsmall-height:var(--bp-size-060);
 }
 
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467{
   background:var(--trigger-button-background);
   border:var(--trigger-button-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220:not(:disabled):hover,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220:not(:disabled)[data-focus-visible]{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467:not(:disabled):hover,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467:not(:disabled)[data-focus-visible]{
   background:var(--trigger-button-focus-or-hover-background);
   border:var(--trigger-button-focus-or-hover-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220:not(:disabled):active{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467:not(:disabled):active{
   background:var(--trigger-button-active-background);
   border:var(--trigger-button-active-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467{
   background:var(--trigger-button-background);
   border:var(--trigger-button-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220:not(:disabled):hover,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220:not(:disabled)[data-focus-visible]{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467:not(:disabled):hover,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467:not(:disabled)[data-focus-visible]{
   background:var(--trigger-button-focus-or-hover-background);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220:not(:disabled):active{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467:not(:disabled):active{
   background:var(--trigger-button-active-background);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467{
   border:var(--trigger-button-focus-or-hover-border-xsmall);
   gap:var(--button-xsmall-gap);
   min-height:var(--button-xsmall-height);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220:not(:disabled):active,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220:not(:disabled):hover,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220:not(:disabled)[data-focus-visible]{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467:not(:disabled):active,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467:not(:disabled):hover,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467:not(:disabled)[data-focus-visible]{
   border:var(--trigger-button-focus-or-hover-border-xsmall);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220.bp_trigger_button_module_startIcon--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467.bp_trigger_button_module_startIcon--35467{
   padding-left:.625rem;
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_small--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_small--35467{
   padding:var(--button-small-padding);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_small--22220.bp_trigger_button_module_startIcon--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_small--35467.bp_trigger_button_module_startIcon--35467{
   padding-left:.625rem;
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_large--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_large--35467{
   padding:var(--button-large-padding);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_large--22220.bp_trigger_button_module_startIcon--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_large--35467.bp_trigger_button_module_startIcon--35467{
   padding-left:.625rem;
 }
-.bp_trigger_button_module_triggerButton--22220 .bp_trigger_button_module_labelEllipsis--22220{
+.bp_trigger_button_module_triggerButton--35467 .bp_trigger_button_module_labelEllipsis--35467{
   flex:1 1 0;
   min-width:0;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_trigger_button_module_triggerButton--22220 .bp_trigger_button_module_labelWrap--22220{
+.bp_trigger_button_module_triggerButton--35467 .bp_trigger_button_module_labelWrap--35467{
   word-wrap:break-word;
   flex:1 1 0;
   min-width:0;
@@ -14567,6 +14567,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-align:left;
   white-space:normal;
 }
+
+.bp_trigger_button_module_triggerButton--35467[data-bp-animated=true][data-bp-trigger-animated=true]:not(:disabled, [aria-disabled=true]) .bp_trigger_button_module_iconCaret--35467{
+  transition-duration:var(--bp-duration-short);
+  transition-property:transform;
+  transition-timing-function:var(--bp-curve-extra-small-on);
+}
+.bp_trigger_button_module_triggerButton--35467[data-bp-animated=true][data-bp-trigger-animated=true]:not(:disabled, [aria-disabled=true]):hover:not([aria-expanded=true], [data-state=open]) .bp_trigger_button_module_iconCaret--35467{
+  transform:translateY(var(--bp-size-005));
+}
 .bp_styles_module_splitButton--a3588[data-modern=false]{
   --split-button-left-width:100%;
   --split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);

package/dist/lib-esm/index.css

@@ -14438,7 +14438,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:fit-content;
 }
 
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_secondary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_secondary--35467{
   --trigger-button-background:var(--surface-dropdown-secondary-surface);
   --trigger-button-border:var(--border-1) solid var(--border-cta-border-secondary);
   --trigger-button-focus-or-hover-background:var(--surface-dropdown-secondary-surface-hover);
@@ -14447,11 +14447,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --trigger-button-active-background:var(--surface-dropdown-secondary-surface-pressed);
   --trigger-button-active-border:var(--border-1) solid var(--border-cta-border-secondary);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_tertiary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_tertiary--35467{
   --trigger-button-focus-or-hover-background:var(--surface-dropdown-primary-surface-hover);
   --trigger-button-active-background:var(--surface-dropdown-primary-surface-pressed);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_extraSmall--35467{
   --button-xsmall-gap:var(--space-1);
   --button-xsmall-height:var(--size-6);
   --button-xsmall-padding:0.375rem var(--space-1);
@@ -14463,14 +14463,14 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_small--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_small--35467{
   --button-small-padding:0.375rem var(--space-2);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=false].bp_trigger_button_module_large--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=false].bp_trigger_button_module_large--35467{
   --button-large-padding:0.375rem var(--space-3) 0.375rem var(--space-2);
 }
 
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_secondary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_secondary--35467{
   --trigger-button-background:var(--bp-surface-dropdown-secondary-surface);
   --trigger-button-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
   --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-secondary-surface-hover);
@@ -14479,11 +14479,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
   --trigger-button-active-border:var(--bp-border-01) solid var(--bp-border-dropdown-secondary-border);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_tertiary--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_tertiary--35467{
   --trigger-button-focus-or-hover-background:var(--bp-surface-dropdown-tertiary-surface-hover);
   --trigger-button-active-background:var(--bp-surface-dropdown-secondary-surface-pressed);
 }
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_extraSmall--35467{
   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;
@@ -14491,7 +14491,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_extraSmall--22220{
+:where(body.is-inter-font) .bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_extraSmall--35467{
   font-family:InterVariable, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -14502,64 +14502,64 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
 }
 
-.bp_trigger_button_module_triggerButton--22220[data-modern=true].bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467[data-modern=true].bp_trigger_button_module_extraSmall--35467{
   --button-xsmall-gap:var(--bp-space-010);
   --button-xsmall-height:var(--bp-size-060);
 }
 
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467{
   background:var(--trigger-button-background);
   border:var(--trigger-button-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220:not(:disabled):hover,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220:not(:disabled)[data-focus-visible]{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467:not(:disabled):hover,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467:not(:disabled)[data-focus-visible]{
   background:var(--trigger-button-focus-or-hover-background);
   border:var(--trigger-button-focus-or-hover-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_secondary--22220:not(:disabled):active{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_secondary--35467:not(:disabled):active{
   background:var(--trigger-button-active-background);
   border:var(--trigger-button-active-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467{
   background:var(--trigger-button-background);
   border:var(--trigger-button-border);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220:not(:disabled):hover,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220:not(:disabled)[data-focus-visible]{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467:not(:disabled):hover,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467:not(:disabled)[data-focus-visible]{
   background:var(--trigger-button-focus-or-hover-background);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_tertiary--22220:not(:disabled):active{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_tertiary--35467:not(:disabled):active{
   background:var(--trigger-button-active-background);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467{
   border:var(--trigger-button-focus-or-hover-border-xsmall);
   gap:var(--button-xsmall-gap);
   min-height:var(--button-xsmall-height);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220:not(:disabled):active,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220:not(:disabled):hover,.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220:not(:disabled)[data-focus-visible]{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467:not(:disabled):active,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467:not(:disabled):hover,.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467:not(:disabled)[data-focus-visible]{
   border:var(--trigger-button-focus-or-hover-border-xsmall);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_extraSmall--22220.bp_trigger_button_module_startIcon--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_extraSmall--35467.bp_trigger_button_module_startIcon--35467{
   padding-left:.625rem;
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_small--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_small--35467{
   padding:var(--button-small-padding);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_small--22220.bp_trigger_button_module_startIcon--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_small--35467.bp_trigger_button_module_startIcon--35467{
   padding-left:.625rem;
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_large--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_large--35467{
   padding:var(--button-large-padding);
 }
-.bp_trigger_button_module_triggerButton--22220.bp_trigger_button_module_large--22220.bp_trigger_button_module_startIcon--22220{
+.bp_trigger_button_module_triggerButton--35467.bp_trigger_button_module_large--35467.bp_trigger_button_module_startIcon--35467{
   padding-left:.625rem;
 }
-.bp_trigger_button_module_triggerButton--22220 .bp_trigger_button_module_labelEllipsis--22220{
+.bp_trigger_button_module_triggerButton--35467 .bp_trigger_button_module_labelEllipsis--35467{
   flex:1 1 0;
   min-width:0;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_trigger_button_module_triggerButton--22220 .bp_trigger_button_module_labelWrap--22220{
+.bp_trigger_button_module_triggerButton--35467 .bp_trigger_button_module_labelWrap--35467{
   word-wrap:break-word;
   flex:1 1 0;
   min-width:0;
@@ -14567,6 +14567,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-align:left;
   white-space:normal;
 }
+
+.bp_trigger_button_module_triggerButton--35467[data-bp-animated=true][data-bp-trigger-animated=true]:not(:disabled, [aria-disabled=true]) .bp_trigger_button_module_iconCaret--35467{
+  transition-duration:var(--bp-duration-short);
+  transition-property:transform;
+  transition-timing-function:var(--bp-curve-extra-small-on);
+}
+.bp_trigger_button_module_triggerButton--35467[data-bp-animated=true][data-bp-trigger-animated=true]:not(:disabled, [aria-disabled=true]):hover:not([aria-expanded=true], [data-state=open]) .bp_trigger_button_module_iconCaret--35467{
+  transform:translateY(var(--bp-size-005));
+}
 .bp_styles_module_splitButton--a3588[data-modern=false]{
   --split-button-left-width:100%;
   --split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);

package/dist/lib-esm/trigger-button/trigger-button.d.ts

@@ -6,8 +6,14 @@ export type TriggerButtonProps = Omit<BaseButtonProps, 'size'> & {
     label?: string;
     /** Icon to show up at the start of the trigger button */
     startIcon?: BaseButtonIconProps['icon'];
-    /** Direction of caret icon */
-    caretDirection: 'up' | 'down';
+    /**
+     * Direction of caret icon.
+     *
+     * @deprecated Prefer keeping the caret pointing down. Open state should not
+     * flip the caret; still supported for backward compatibility.
+     * @default 'down'
+     */
+    caretDirection?: 'up' | 'down';
     /** The size of the trigger button */
     size?: TriggerButtonSize;
     /** Controls how the label handles overflow. 'ellipsis' ellipsizes to one line with a tooltip; 'wrap' allows wrapping. */

package/dist/lib-esm/trigger-button/trigger-button.js

@@ -3,6 +3,9 @@ import { CaretUp, CaretDown } from '@box/blueprint-web-assets/icons/Fill';
 import { ChevronUp, ChevronDown } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef, useRef } from 'react';
+import '../blueprint-configuration-context/blueprint-configuration-context.js';
+import '../blueprint-configuration-context/consts.js';
+import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { BaseButton } from '../primitives/base-button/index.js';
 import { TooltipWrapper } from '../utils/TooltipWrapper.js';
@@ -20,7 +23,7 @@ const buttonSizeToStartIconSizeMap = {
  */
 const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
-    caretDirection,
+    caretDirection = 'down',
     label,
     overflow = 'default',
     startIcon,
@@ -37,6 +40,10 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     enableModernizedComponents
   } = useBlueprintModernization();
+  const {
+    componentsWithAnimationEnabled
+  } = useBlueprintConfiguration();
+  const isAnimationEnabled = componentsWithAnimationEnabled.includes('TriggerButton');
   const labelRef = useRef(null);
   const isEllipsized = useIsEllipsized(labelRef);
   // Map extraSmall to small for BaseButton to accept the extraSmall size, but apply our custom styling. BaseButton does not support extraSmall size.
@@ -50,6 +57,7 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     size: baseButtonSize,
     variant: variant,
     ...rest,
+    "data-bp-trigger-animated": isAnimationEnabled ? 'true' : 'false',
     children: [startIcon && jsx(BaseButton.Icon, {
       className: styles.startIcon,
       icon: startIcon,
@@ -67,8 +75,10 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       }),
       children: label
     }), enableModernizedComponents ? jsx(BaseButton.Icon, {
+      className: styles.iconCaret,
       icon: caretDirection === 'up' ? ChevronUp : ChevronDown
     }) : jsx(BaseButton.Icon, {
+      className: styles.iconCaret,
       icon: caretDirection === 'up' ? CaretUp : CaretDown
     })]
   });

package/dist/lib-esm/trigger-button/trigger-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"triggerButton":"bp_trigger_button_module_triggerButton--22220","secondary":"bp_trigger_button_module_secondary--22220","tertiary":"bp_trigger_button_module_tertiary--22220","extraSmall":"bp_trigger_button_module_extraSmall--22220","small":"bp_trigger_button_module_small--22220","large":"bp_trigger_button_module_large--22220","startIcon":"bp_trigger_button_module_startIcon--22220","labelEllipsis":"bp_trigger_button_module_labelEllipsis--22220","labelWrap":"bp_trigger_button_module_labelWrap--22220"};
+var styles = {"triggerButton":"bp_trigger_button_module_triggerButton--35467","secondary":"bp_trigger_button_module_secondary--35467","tertiary":"bp_trigger_button_module_tertiary--35467","extraSmall":"bp_trigger_button_module_extraSmall--35467","small":"bp_trigger_button_module_small--35467","large":"bp_trigger_button_module_large--35467","startIcon":"bp_trigger_button_module_startIcon--35467","labelEllipsis":"bp_trigger_button_module_labelEllipsis--35467","labelWrap":"bp_trigger_button_module_labelWrap--35467","iconCaret":"bp_trigger_button_module_iconCaret--35467"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "16.16.1",
+    "version": "16.17.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -50,7 +50,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^5.6.5",
+        "@box/blueprint-web-assets": "^5.6.7",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -79,7 +79,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^1.2.5",
+        "@box/storybook-utils": "^1.2.7",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",