@box/blueprint-web 17.3.1 → 17.4.0

package/dist/lib-esm/components.css

@@ -4775,7 +4775,7 @@
   max-width:100%;
 }
 
-.bp_input_chip_module_container--5c79b[data-modern=false]{
+.bp_input_chip_module_container--d98d0[data-modern=false]{
   --input-chip-surface:var(--surface-inputchip-surface);
   --input-chip-surface-hover:var(--surface-inputchip-surface-hover);
   --input-chip-surface-error:var(--surface-inputchip-surface-error);
@@ -4817,7 +4817,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_input_chip_module_container--5c79b[data-modern=true]{
+.bp_input_chip_module_container--d98d0[data-modern=true]{
   --input-chip-surface:var(--bp-gray-10);
   --input-chip-surface-hover:var(--bp-gray-10);
   --input-chip-surface-error:var(--bp-watermelon-red-10);
@@ -4857,7 +4857,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_input_chip_module_container--5c79b[data-modern=true]{
+:where(body.is-inter-font) .bp_input_chip_module_container--d98d0[data-modern=true]{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -4868,7 +4868,7 @@
   text-transform:none;
 }
 
-.bp_input_chip_module_container--5c79b{
+.bp_input_chip_module_container--d98d0{
   align-items:center;
   background-color:var(--input-chip-surface);
   border:none;
@@ -4884,33 +4884,33 @@
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_avatarContainer--5c79b{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_avatarContainer--d98d0{
   padding-inline:var(--input-chip-padding-inline-avatar);
 }
-.bp_input_chip_module_container--5c79b:not(.bp_input_chip_module_avatarContainer--5c79b).bp_input_chip_module_deleteButton--5c79b{
+.bp_input_chip_module_container--d98d0:not(.bp_input_chip_module_avatarContainer--d98d0).bp_input_chip_module_deleteButton--d98d0{
   padding-inline:var(--input-chip-padding-inline-delete);
 }
-.bp_input_chip_module_container--5c79b:not(.bp_input_chip_module_avatarContainer--5c79b).bp_input_chip_module_noDeleteButton--5c79b{
+.bp_input_chip_module_container--d98d0:not(.bp_input_chip_module_avatarContainer--d98d0).bp_input_chip_module_noDeleteButton--d98d0{
   padding-inline:calc(var(--bp-space-020) - var(--bp-space-005)) var(--bp-space-005);
 }
-.bp_input_chip_module_container--5c79b:not(.bp_input_chip_module_error--5c79b):focus{
+.bp_input_chip_module_container--d98d0:not(.bp_input_chip_module_error--d98d0):focus{
   background-color:var(--input-chip-surface-hover);
   box-shadow:0 0 0 var(--input-chip-focus-ring-offset-width) var(--input-chip-focus-ring-offset-color), 0 0 0 calc(var(--input-chip-focus-ring-width) + var(--input-chip-focus-ring-offset-width)) var(--input-chip-focus-ring-color);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_error--5c79b{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_error--d98d0{
   background-color:var(--input-chip-surface-error);
   outline:var(--border-1) solid var(--input-chip-border-error);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_error--5c79b:focus{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_error--d98d0:focus{
   box-shadow:0 0 0 var(--input-chip-error-focus-ring-offset-width) var(--input-chip-error-focus-ring-offset-color), 0 0 0 calc(var(--input-chip-error-focus-ring-width) + var(--input-chip-error-focus-ring-offset-width)) var(--input-chip-error-focus-ring-color);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0{
   background:var(--input-chip-delete-surface);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b *{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0 *{
   fill:var(--input-chip-delete-icon-color);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0{
   align-items:center;
   border-radius:var(--input-chip-delete-icon-border-radius);
   display:flex;
@@ -4919,63 +4919,94 @@
   padding-block:var(--input-chip-delete-padding-block);
   padding-inline:var(--input-chip-delete-padding-inline);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b:hover{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0:hover{
   background:var(--input-chip-delete-surface-hover);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b:hover *{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0:hover *{
   fill:var(--input-chip-delete-icon-hover);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b:active{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0:active{
   background:var(--input-chip-delete-surface-pressed);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_deleteIcon--5c79b:active *{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_deleteIcon--d98d0:active *{
   fill:var(--input-chip-delete-icon-pressed);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_label--5c79b{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_label--d98d0{
   overflow:hidden;
   padding-inline:var(--input-chip-label-padding-inline);
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0{
   background-color:var(--input-chip-surface-variable);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_label--5c79b{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_label--d98d0{
   color:var(--input-chip-text-variable);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b:focus{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0:focus{
   background-color:var(--input-chip-surface-variable);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_deleteIcon--5c79b{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_deleteIcon--d98d0{
   background:var(--input-chip-delete-surface);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_deleteIcon--5c79b *{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_deleteIcon--d98d0 *{
   fill:var(--input-chip-delete-icon);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_deleteIcon--5c79b:hover{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_deleteIcon--d98d0:hover{
   background:var(--input-chip-delete-surface-hover);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_deleteIcon--5c79b:hover *{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_deleteIcon--d98d0:hover *{
   fill:var(--input-chip-delete-icon);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_deleteIcon--5c79b:active{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_deleteIcon--d98d0:active{
   background:var(--input-chip-delete-surface-pressed);
 }
-.bp_input_chip_module_container--5c79b.bp_input_chip_module_variable--5c79b .bp_input_chip_module_deleteIcon--5c79b:active *{
+.bp_input_chip_module_container--d98d0.bp_input_chip_module_variable--d98d0 .bp_input_chip_module_deleteIcon--d98d0:active *{
   fill:var(--input-chip-delete-icon);
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_avatar--5c79b{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_avatar--d98d0{
   flex-shrink:0;
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_avatar--5c79b.bp_input_chip_module_modern--5c79b{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_avatar--d98d0.bp_input_chip_module_modern--d98d0{
   border-radius:var(--bp-radius-04) 0 0 var(--bp-radius-04);
   height:1.75rem;
   overflow:hidden;
   width:1.75rem;
 }
-.bp_input_chip_module_container--5c79b .bp_input_chip_module_avatar--5c79b.bp_input_chip_module_modern--5c79b *{
+.bp_input_chip_module_container--d98d0 .bp_input_chip_module_avatar--d98d0.bp_input_chip_module_modern--d98d0 *{
   border-radius:unset;
 }
+
+.bp_input_chip_module_container--d98d0[data-modern=true][data-bp-animated=true][data-state=open]{
+  animation-duration:var(--bp-duration-short);
+  animation-fill-mode:both;
+  animation-name:bp_input_chip_module_bpInputChipFadeEnter--d98d0;
+  animation-timing-function:var(--bp-curve-extra-small-on);
+}
+.bp_input_chip_module_container--d98d0[data-modern=true][data-bp-animated=true][data-state=closed]{
+  animation-duration:var(--bp-duration-short);
+  animation-fill-mode:forwards;
+  animation-name:bp_input_chip_module_bpInputChipFadeExit--d98d0;
+  animation-timing-function:var(--bp-curve-extra-small-off);
+  pointer-events:none;
+}
+
+@keyframes bp_input_chip_module_bpInputChipFadeEnter--d98d0{
+  from{
+    opacity:var(--bp-opacity-hidden);
+  }
+  to{
+    opacity:var(--bp-opacity-visible);
+  }
+}
+@keyframes bp_input_chip_module_bpInputChipFadeExit--d98d0{
+  from{
+    opacity:var(--bp-opacity-visible);
+  }
+  to{
+    opacity:var(--bp-opacity-hidden);
+  }
+}
 .bp_inline_error_module_inlineError--9a1d7[data-modern=false]{
   --inline-error-gap:var(--size-1);
   --inline-error-height:var(--size-4);
@@ -5354,7 +5385,7 @@
 .bp_text_area_module_textAreaContainer--aa002 .bp_text_area_module_inlineError--aa002{
   margin-block-start:var(--text-area-container-row-gap);
 }
-.bp_combobox_module_container--3ece2[data-modern=false]{
+.bp_combobox_module_container--e892e[data-modern=false]{
   --max-lines:3;
   --input-height:var(--space-5);
   --chip-height:var(--space-7);
@@ -5386,6 +5417,8 @@
   --combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--outline-focus-on-light);
   --combobox-padding-block-focus:calc(var(--combobox-space) - var(--combobox-border-width-focus));
   --combobox-container-focus-padding-block:var(--combobox-padding-block-focus);
+  --combobox-padding-inline-focus:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-focus) + var(--combobox-border-width));
+  --combobox-container-focus-padding-inline:var(--combobox-padding-inline-focus);
   --combobox-container-error-background-color:var(--surface-dropdown-surface-error);
   --combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--border-2));
   --combobox-container-error-border-right-width:var(--blueprint-combobox-border-error-right-width, var(--border-2));
@@ -5397,6 +5430,8 @@
   --combobox-container-error-border-color:var(--border-input-border-error);
   --combobox-padding-block-error:calc(var(--combobox-space) - var(--combobox-border-width-error));
   --combobox-container-error-padding-block:var(--combobox-padding-block-error);
+  --combobox-padding-inline-error:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-error) + var(--combobox-border-width));
+  --combobox-container-error-padding-inline:var(--combobox-padding-inline-error);
   --combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--space-2) + var(--max-lines)*var(--space-6));
   --combobox-with-chips-padding-block:calc(var(--combobox-with-chips-space) - var(--combobox-border-width));
   --combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
@@ -5420,7 +5455,7 @@
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_combobox_module_container--3ece2[data-modern=false] .bp_combobox_module_label--3ece2{
+.bp_combobox_module_container--e892e[data-modern=false] .bp_combobox_module_label--e892e{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -5429,7 +5464,7 @@
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_combobox_module_container--3ece2[data-modern=false] .bp_combobox_module_textInput--3ece2{
+.bp_combobox_module_container--e892e[data-modern=false] .bp_combobox_module_textInput--e892e{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -5439,7 +5474,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_combobox_module_container--3ece2[data-modern=true]{
+.bp_combobox_module_container--e892e[data-modern=true]{
   --max-lines:3;
   --bp-innershadow-01:var(--innershadow-1);
   --bp-input-height:var(--bp-space-050);
@@ -5471,6 +5506,8 @@
   --combobox-container-focus-background-color:var(--bp-gray-white);
   --combobox-container-focus-border:var(--combobox-border-width-focus) solid var(--bp-outline-focus-on-light);
   --combobox-container-focus-padding-block:var(--bp-space-020);
+  --combobox-padding-inline-focus:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-focus) + var(--combobox-border-width));
+  --combobox-container-focus-padding-inline:var(--combobox-padding-inline-focus);
   --combobox-container-error-background-color:var(--bp-gray-white);
   --combobox-container-error-border-top-width:var(--blueprint-combobox-border-error-top-width, var(--bp-border-02));
   --combobox-container-error-border-right-width:var(
@@ -5488,6 +5525,8 @@
   --combobox-container-error-border-color:var(--bp-border-input-border-error);
   --combobox-padding-block-error:calc(var(--bp-combobox-space) - var(--combobox-border-width-error));
   --combobox-container-error-padding-block:var(--combobox-padding-block-error);
+  --combobox-padding-inline-error:calc(var(--combobox-container-padding-inline) - var(--combobox-border-width-error) + var(--combobox-border-width));
+  --combobox-container-error-padding-inline:var(--combobox-padding-inline-error);
   --combobox-container-with-chips-max-height:calc((var(--max-lines) - 1)*var(--bp-space-020) + var(--max-lines)*var(--bp-space-060));
   --combobox-with-chips-padding-block:calc(var(--bp-combobox-with-chips-space) - var(--combobox-border-width));
   --combobox-container-with-chips-padding-block:var(--combobox-with-chips-padding-block);
@@ -5510,7 +5549,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_combobox_module_container--3ece2[data-modern=true]{
+:where(body.is-inter-font) .bp_combobox_module_container--e892e[data-modern=true]{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -5521,7 +5560,7 @@
   text-transform:none;
 }
 
-.bp_combobox_module_container--3ece2[data-modern=true] .bp_combobox_module_label--3ece2{
+.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_label--e892e{
   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;
@@ -5529,7 +5568,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_combobox_module_container--3ece2[data-modern=true] .bp_combobox_module_label--3ece2{
+:where(body.is-inter-font) .bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_label--e892e{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -5540,7 +5579,7 @@
   text-transform:none;
 }
 
-.bp_combobox_module_container--3ece2[data-modern=true] .bp_combobox_module_textInput--3ece2{
+.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_textInput--e892e{
   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;
@@ -5548,7 +5587,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_combobox_module_container--3ece2[data-modern=true] .bp_combobox_module_textInput--3ece2{
+:where(body.is-inter-font) .bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_textInput--e892e{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -5559,7 +5598,7 @@
   text-transform:none;
 }
 
-.bp_combobox_module_popover--3ece2[data-modern=false]{
+.bp_combobox_module_popover--e892e[data-modern=false]{
   --option-height:2.25rem;
   --dropdown-max-height:12.5rem;
   --combobox-popover-max-height:min(
@@ -5600,7 +5639,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_combobox_module_popover--3ece2[data-modern=true]{
+.bp_combobox_module_popover--e892e[data-modern=true]{
   --option-height:2.25rem;
   --dropdown-max-height:12.5rem;
   --bp-dropshadow-03:var(--dropshadow-3);
@@ -5640,7 +5679,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_combobox_module_popover--3ece2[data-modern=true]{
+:where(body.is-inter-font) .bp_combobox_module_popover--e892e[data-modern=true]{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-style:normal;
@@ -5651,22 +5690,22 @@
   text-transform:none;
 }
 
-.bp_combobox_module_container--3ece2{
+.bp_combobox_module_container--e892e{
   display:flex;
   flex-direction:column;
 }
-.bp_combobox_module_container--3ece2.bp_combobox_module_disabled--3ece2{
+.bp_combobox_module_container--e892e.bp_combobox_module_disabled--e892e{
   opacity:60%;
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_label--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_label--e892e{
   color:var(--combobox-label-color);
   flex:0 0 fit-content;
   overflow-wrap:break-word;
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_label--3ece2:not(.bp_combobox_module_hiddenLabel--3ece2){
+.bp_combobox_module_container--e892e .bp_combobox_module_label--e892e:not(.bp_combobox_module_hiddenLabel--e892e){
   margin-block-end:var(--combobox-label-margin-block-end);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e{
   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);
@@ -5678,7 +5717,7 @@
   overflow:hidden;
   position:relative;
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2 .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e .bp_combobox_module_comboboxContainerInner--e892e{
   display:flex;
   flex-wrap:wrap;
   gap:var(--combobox-container-contents-gap);
@@ -5686,52 +5725,54 @@
   padding-block:var(--combobox-container-padding-block);
   padding-inline:var(--combobox-container-padding-inline);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2.bp_combobox_module_withChips--3ece2 .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e.bp_combobox_module_withChips--e892e .bp_combobox_module_comboboxContainerInner--e892e{
   max-height:var(--combobox-container-with-chips-max-height);
   padding-block:var(--combobox-container-with-chips-padding-block);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2.bp_combobox_module_withChips--3ece2:not(:disabled).bp_combobox_module_error--3ece2 .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e.bp_combobox_module_withChips--e892e:not(:disabled).bp_combobox_module_error--e892e .bp_combobox_module_comboboxContainerInner--e892e{
   padding-block:var(--combobox-container-with-chips-error-padding-block);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2.bp_combobox_module_withChips--3ece2:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e.bp_combobox_module_withChips--e892e:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--e892e{
   padding-block:var(--combobox-container-with-chips-focus-padding-block);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2.bp_combobox_module_withComboboxButtons--3ece2 .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e.bp_combobox_module_withComboboxButtons--e892e .bp_combobox_module_comboboxContainerInner--e892e{
   padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2.bp_combobox_module_withComboboxButtons--3ece2.bp_combobox_module_withInlineErrorAndEndButton--3ece2 .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e.bp_combobox_module_withComboboxButtons--e892e.bp_combobox_module_withInlineErrorAndEndButton--e892e .bp_combobox_module_comboboxContainerInner--e892e{
   padding-inline-end:var(--combobox-container-padding-inline-end-with-inline-error-and-buttons);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled):has(input:focus){
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e:not(:disabled):has(input:focus){
   background-color:var(--combobox-container-focus-background-color);
   border:var(--combobox-container-focus-border);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e:not(:disabled):has(input:focus) .bp_combobox_module_comboboxContainerInner--e892e{
   padding-block:var(--combobox-container-focus-padding-block);
+  padding-inline-start:var(--combobox-container-focus-padding-inline);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled).bp_combobox_module_error--3ece2,.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled):has([aria-invalid=true]){
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e:not(:disabled).bp_combobox_module_error--e892e,.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e: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--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled).bp_combobox_module_error--3ece2 .bp_combobox_module_comboboxContainerInner--3ece2,.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e:not(:disabled).bp_combobox_module_error--e892e .bp_combobox_module_comboboxContainerInner--e892e,.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e:not(:disabled):has([aria-invalid=true]) .bp_combobox_module_comboboxContainerInner--e892e{
   padding-block:var(--combobox-container-error-padding-block);
+  padding-inline-start:var(--combobox-container-error-padding-inline);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--3ece2, :has([aria-invalid=true])){
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e:not(:disabled, :has(input:focus)):has(input:hover):not(.bp_combobox_module_error--e892e, :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--3ece2 .bp_combobox_module_comboboxContainer--3ece2 .bp_combobox_module_textInputWrapper--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e .bp_combobox_module_textInputWrapper--e892e{
   align-items:center;
   display:flex;
   flex:content;
   gap:var(--combobox-text-input-wrapper-gap);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2 .bp_combobox_module_textInputWrapper--3ece2 .bp_combobox_module_textInput--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e .bp_combobox_module_textInputWrapper--e892e .bp_combobox_module_textInput--e892e{
   background-color:var(--combobox-text-input-background-color);
   border:none;
   color:var(--combobox-text-input-color);
@@ -5740,10 +5781,10 @@
   padding:0;
   width:100%;
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2 .bp_combobox_module_textInputWrapper--3ece2 .bp_combobox_module_errorIcon--3ece2 path{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e .bp_combobox_module_textInputWrapper--e892e .bp_combobox_module_errorIcon--e892e path{
   fill:var(--combobox-error-icon-fill);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2 .bp_combobox_module_textInputWrapper--3ece2 .bp_combobox_module_comboboxButtons--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e .bp_combobox_module_textInputWrapper--e892e .bp_combobox_module_comboboxButtons--e892e{
   align-items:center;
   display:flex;
   gap:var(--combobox-buttons-gap);
@@ -5751,15 +5792,22 @@
   right:var(--combobox-button-spacing);
   top:var(--combobox-button-spacing);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_comboboxContainer--3ece2 .bp_combobox_module_textInputWrapper--3ece2 .bp_combobox_module_inlineErrorIcon--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_comboboxContainer--e892e .bp_combobox_module_textInputWrapper--e892e .bp_combobox_module_inlineErrorIcon--e892e{
   height:var(--combobox-inline-error-icon-height);
   width:var(--combobox-inline-error-icon-width);
 }
-.bp_combobox_module_container--3ece2 .bp_combobox_module_inlineError--3ece2{
+.bp_combobox_module_container--e892e .bp_combobox_module_inlineError--e892e{
   margin-block-start:var(--combobox-inline-error-margin-block-start);
 }
-
-.bp_combobox_module_popover--3ece2{
+.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_comboboxContainer--e892e[data-bp-animated=true]{
+  transition-duration:var(--bp-duration-short);
+  transition-property:border-color, background-color;
+  transition-timing-function:var(--bp-curve-small-off);
+}
+.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_comboboxContainer--e892e[data-bp-animated=true]:not(:disabled).bp_combobox_module_error--e892e,.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_comboboxContainer--e892e[data-bp-animated=true]:not(:disabled):has([aria-invalid=true]),.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_comboboxContainer--e892e[data-bp-animated=true]:not(:disabled):has(input:focus),.bp_combobox_module_container--e892e[data-modern=true] .bp_combobox_module_comboboxContainer--e892e[data-bp-animated=true]:not(:disabled):has(input:hover){
+  transition-timing-function:var(--bp-curve-small-on);
+}
+.bp_combobox_module_popover--e892e{
   backdrop-filter:var(--combobox-popover-backdrop-filter);
   background-color:var(--combobox-popover-background-color);
   border:var(--combobox-popover-border);
@@ -5768,13 +5816,13 @@
   overflow:hidden;
   z-index:var(--z-index-popover);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_popoverInner--3ece2{
+.bp_combobox_module_popover--e892e .bp_combobox_module_popoverInner--e892e{
   max-height:var(--combobox-popover-max-height);
   overflow:auto;
   padding-block:var(--combobox-popover-padding-block);
   padding-inline:var(--combobox-popover-padding-inline);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2{
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e{
   border:var(--combobox-option-border);
   border-radius:var(--combobox-option-border-radius);
   box-sizing:border-box;
@@ -5789,21 +5837,21 @@
           user-select:none;
   width:100%;
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2[aria-disabled]{
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e[aria-disabled]{
   opacity:var(--combobox-option-disabled-opacity);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2[data-active-item]:not([aria-disabled]){
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e[data-active-item]:not([aria-disabled]){
   background-color:var(--combobox-option-active-background-color);
   border:var(--combobox-option-active-border);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2:active{
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e:active{
   background-color:var(--combobox-option-hover-background-color);
   border:var(--combobox-option-border);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2:hover{
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e:hover{
   background-color:var(--combobox-option-hover-background-color);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2 .bp_combobox_module_indicator--3ece2{
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e .bp_combobox_module_indicator--e892e{
   align-items:center;
   display:flex;
   height:var(--combobox-option-indicator-height);
@@ -5812,20 +5860,46 @@
   position:absolute;
   top:var(--combobox-option-indicator-top);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_option--3ece2 .bp_combobox_module_indicator--3ece2 .bp_combobox_module_indicatorIcon--3ece2 path{
+.bp_combobox_module_popover--e892e .bp_combobox_module_option--e892e .bp_combobox_module_indicator--e892e .bp_combobox_module_indicatorIcon--e892e path{
   fill:var(--combobox-option-indicator-icon-fill);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_optionWithIndicator--3ece2{
+.bp_combobox_module_popover--e892e .bp_combobox_module_optionWithIndicator--e892e{
   padding-inline:var(--combobox-option-with-indicator-padding-inline);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_loadingIndicator--3ece2{
+.bp_combobox_module_popover--e892e .bp_combobox_module_loadingIndicator--e892e{
   position:var(--combobox-loading-indicator-position);
 }
-.bp_combobox_module_popover--3ece2 .bp_combobox_module_noResultOption--3ece2{
+.bp_combobox_module_popover--e892e .bp_combobox_module_noResultOption--e892e{
   color:var(--combobox-no-result-option-color);
   -webkit-user-select:none;
           user-select:none;
 }
+
+.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true]{
+  opacity:var(--bp-opacity-hidden);
+  transform:translateY(calc(var(--bp-space-020)*-1));
+  transition-duration:var(--bp-duration-short);
+  transition-property:opacity, transform;
+  transition-timing-function:var(--bp-curve-medium-off);
+}
+.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true][data-side=top]{
+  transform:translateY(var(--bp-space-020));
+}
+.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true][data-enter]{
+  opacity:var(--bp-opacity-visible);
+  transform:translateY(0);
+  transition-duration:var(--bp-duration-medium);
+  transition-timing-function:var(--bp-curve-medium-on);
+}
+
+.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--e892e{
+  transition-duration:var(--bp-duration-short);
+  transition-property:background-color;
+  transition-timing-function:var(--bp-curve-small-off);
+}
+.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--e892e:active,.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--e892e:hover,.bp_combobox_module_popover--e892e[data-modern=true][data-bp-animated=true] .bp_combobox_module_option--e892e[data-active-item]:not([aria-disabled]){
+  transition-timing-function:var(--bp-curve-small-on);
+}
 .bp_combobox_group_module_container--8497b[data-modern=false]{
   --combobox-group-container-gap:var(--space-2);
   --combobox-group-disabled-opacity:60%;