@box/blueprint-web 14.22.0 → 14.23.0

package/dist/lib-esm/index.css

@@ -10536,7 +10536,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   fill:currentcolor;
 }
 
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71,.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f,.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f{
   margin-inline-end:var(--scroll-mask-margin-inline-end);
   mask-image:var(--scroll-mask-mask-image);
   mask-position:var(--scroll-mask-mask-position);
@@ -10546,7 +10546,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transition:var(--scroll-mask-transition);
 }
 
-.bp_popover_module_popoverContentContainer--a0d71[data-modern=false]{
+.bp_popover_module_popoverContentContainer--5379f[data-modern=false]{
   --scroll-mask-padding-right:var(--space-4);
   --scroll-mask-overflow:auto;
   --scroll-mask-transition:mask-position var(--animation-duration-3), -webkit-mask-position var(--animation-duration-3);
@@ -10559,12 +10559,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --popover-content-text-color:var(--text-text-on-light);
   --popover-main-content-inner-container-padding:var(--space-3);
   --popover-scroll-container-small-breakpoint-max-height:min(
-          var(
-              --blueprint-web-popover-content-max-height,
-              calc(var(--radix-popover-content-available-height) - var(--space-12))
-          ),
+      var(
+          --blueprint-web-popover-content-max-height,
           calc(var(--radix-popover-content-available-height) - var(--space-12))
-      );
+      ),
+      calc(var(--radix-popover-content-available-height) - var(--space-12))
+  );
   --popover-scroll-container-small-breakpoint-padding-block:var(--space-1);
   --popover-footer-padding-block-start:var(--space-4);
   --popover-footer-margin-inline:calc(var(--space-4)*-1);
@@ -10572,7 +10572,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --popover-footer-border-top:var(--border-1) solid var(--border-card-border);
 }
 
-.bp_popover_module_popoverContentContainer--a0d71[data-modern=true]{
+.bp_popover_module_popoverContentContainer--5379f[data-modern=true]{
   --bp-dropshadow-3:var(--dropshadow-3);
   --bp-animation-duration-3:var(--animation-duration-3);
   --scroll-mask-padding-right:var(--bp-space-040);
@@ -10587,12 +10587,12 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --popover-content-text-color:var(--bp-text-text-on-light);
   --popover-main-content-inner-container-padding:var(--bp-space-030);
   --popover-scroll-container-small-breakpoint-max-height:min(
-          var(
-              --blueprint-web-popover-content-max-height,
-              calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
-          ),
+      var(
+          --blueprint-web-popover-content-max-height,
           calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
-      );
+      ),
+      calc(var(--radix-popover-content-available-height) - var(--bp-space-120))
+  );
   --popover-scroll-container-small-breakpoint-padding-block:var(--bp-space-010);
   --popover-footer-padding-block-start:var(--bp-space-040);
   --popover-footer-margin-inline:calc(var(--bp-space-040)*-1);
@@ -10600,48 +10600,258 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --popover-footer-border-top:var(--bp-border-01) solid var(--bp-border-card-border);
 }
 
-.bp_popover_module_popoverContentContainer--a0d71{
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open]{
+  animation-duration:var(--bp-duration-medium);
+  animation-timing-function:var(--bp-curve-medium-on);
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=top]{
+  animation-name:bp_popover_module_bpPopoverMediumTopSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=bottom]{
+  animation-name:bp_popover_module_bpPopoverMediumBottomSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=left]{
+  animation-name:bp_popover_module_bpPopoverMediumLeftSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=open][data-side=right]{
+  animation-name:bp_popover_module_bpPopoverMediumRightSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed]{
+  animation-duration:var(--bp-duration-short);
+  animation-timing-function:var(--bp-curve-medium-off);
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=top]{
+  animation-name:bp_popover_module_bpPopoverMediumTopSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=bottom]{
+  animation-name:bp_popover_module_bpPopoverMediumBottomSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=left]{
+  animation-name:bp_popover_module_bpPopoverMediumLeftSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true]:not([data-large=true])[data-state=closed][data-side=right]{
+  animation-name:bp_popover_module_bpPopoverMediumRightSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open]{
+  animation-duration:var(--bp-duration-long);
+  animation-timing-function:var(--bp-curve-large-on);
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=top]{
+  animation-name:bp_popover_module_bpPopoverLargeTopSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=bottom]{
+  animation-name:bp_popover_module_bpPopoverLargeBottomSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=left]{
+  animation-name:bp_popover_module_bpPopoverLargeLeftSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=open][data-side=right]{
+  animation-name:bp_popover_module_bpPopoverLargeRightSlideEnter--5379f, bp_popover_module_bpPopoverFadeIn--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed]{
+  animation-duration:var(--bp-duration-medium);
+  animation-timing-function:var(--bp-curve-large-off);
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=top]{
+  animation-name:bp_popover_module_bpPopoverLargeTopSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=bottom]{
+  animation-name:bp_popover_module_bpPopoverLargeBottomSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=left]{
+  animation-name:bp_popover_module_bpPopoverLargeLeftSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+.bp_popover_module_popoverContentContainer--5379f[data-bp-animated=true][data-large=true][data-state=closed][data-side=right]{
+  animation-name:bp_popover_module_bpPopoverLargeRightSlideExit--5379f, bp_popover_module_bpPopoverFadeOut--5379f;
+}
+
+.bp_popover_module_popoverContentContainer--5379f{
   max-width:320px;
   z-index:var(--z-index-popover);
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f{
   box-shadow:var(--popover-card-box-shadow);
   margin-block:var(--popover-card-margin-block);
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f{
   color:var(--popover-content-text-color);
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71:hover{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f:hover{
   mask-position:left top;
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71 .bp_popover_module_popoverMainContentOuterContainer--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f .bp_popover_module_popoverMainContentOuterContainer--5379f{
   max-height:inherit;
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverMainContent--a0d71 .bp_popover_module_popoverMainContentOuterContainer--a0d71 .bp_popover_module_popoverMainContentInnerContainerPadding--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverMainContent--5379f .bp_popover_module_popoverMainContentOuterContainer--5379f .bp_popover_module_popoverMainContentInnerContainerPadding--5379f{
   padding-block-end:var(--popover-main-content-inner-container-padding);
 }
-.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71{
+.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f{
   max-height:var(--radix-popover-content-available-height);
 }
-.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71{
+.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f{
   color:var(--popover-content-text-color);
   max-height:var(--popover-scroll-container-small-breakpoint-max-height);
   padding-block:var(--popover-scroll-container-small-breakpoint-padding-block);
 }
-.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71:hover{
+.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f:hover{
   mask-position:left top;
 }
-.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71 .bp_popover_module_popoverMainContent--a0d71{
+.bp_popover_module_popoverContentContainer--5379f.bp_popover_module_accessibilitySmallBreakpoint--5379f .bp_popover_module_popoverCard--5379f .bp_popover_module_popoverScrollContainer--5379f .bp_popover_module_popoverMainContent--5379f{
   max-height:fit-content;
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverFooter--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverFooter--5379f{
   margin-inline:var(--popover-footer-margin-inline);
   padding-block-start:var(--popover-footer-padding-block-start);
   padding-inline:var(--popover-footer-padding-inline);
 }
-.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverFooter--a0d71.bp_popover_module_popoverFooterTopBorder--a0d71{
+.bp_popover_module_popoverContentContainer--5379f .bp_popover_module_popoverFooter--5379f.bp_popover_module_popoverFooterTopBorder--5379f{
   border-top:var(--popover-footer-border-top);
 }
+
+@keyframes bp_popover_module_bpPopoverFadeIn--5379f{
+  from{
+    opacity:var(--bp-opacity-hidden);
+  }
+  to{
+    opacity:var(--bp-opacity-visible);
+  }
+}
+@keyframes bp_popover_module_bpPopoverFadeOut--5379f{
+  from{
+    opacity:var(--bp-opacity-visible);
+  }
+  to{
+    opacity:var(--bp-opacity-hidden);
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumTopSlideEnter--5379f{
+  from{
+    transform:translateY(var(--bp-space-020));
+  }
+  to{
+    transform:translateY(0);
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumTopSlideExit--5379f{
+  from{
+    transform:translateY(0);
+  }
+  to{
+    transform:translateY(var(--bp-space-020));
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumBottomSlideEnter--5379f{
+  from{
+    transform:translateY(calc(var(--bp-space-020)*-1));
+  }
+  to{
+    transform:translateY(0);
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumBottomSlideExit--5379f{
+  from{
+    transform:translateY(0);
+  }
+  to{
+    transform:translateY(calc(var(--bp-space-020)*-1));
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumLeftSlideEnter--5379f{
+  from{
+    transform:translateX(calc(var(--bp-space-020)*-1));
+  }
+  to{
+    transform:translateX(0);
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumLeftSlideExit--5379f{
+  from{
+    transform:translateX(0);
+  }
+  to{
+    transform:translateX(calc(var(--bp-space-020)*-1));
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumRightSlideEnter--5379f{
+  from{
+    transform:translateX(var(--bp-space-020));
+  }
+  to{
+    transform:translateX(0);
+  }
+}
+@keyframes bp_popover_module_bpPopoverMediumRightSlideExit--5379f{
+  from{
+    transform:translateX(0);
+  }
+  to{
+    transform:translateX(var(--bp-space-020));
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeTopSlideEnter--5379f{
+  from{
+    transform:translateY(var(--bp-space-040)) var(--bp-scale-small);
+  }
+  to{
+    transform:translateY(0) var(--bp-scale-default);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeTopSlideExit--5379f{
+  from{
+    transform:translateY(0) var(--bp-scale-default);
+  }
+  to{
+    transform:translateY(var(--bp-space-040)) var(--bp-scale-small);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeBottomSlideEnter--5379f{
+  from{
+    transform:translateY(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
+  }
+  to{
+    transform:translateY(0) var(--bp-scale-default);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeBottomSlideExit--5379f{
+  from{
+    transform:translateY(0) var(--bp-scale-default);
+  }
+  to{
+    transform:translateY(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeLeftSlideEnter--5379f{
+  from{
+    transform:translateX(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
+  }
+  to{
+    transform:translateX(0) var(--bp-scale-default);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeLeftSlideExit--5379f{
+  from{
+    transform:translateX(0) var(--bp-scale-default);
+  }
+  to{
+    transform:translateX(calc(var(--bp-space-040)*-1)) var(--bp-scale-small);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeRightSlideEnter--5379f{
+  from{
+    transform:translateX(var(--bp-space-040)) var(--bp-scale-small);
+  }
+  to{
+    transform:translateX(0) var(--bp-scale-default);
+  }
+}
+@keyframes bp_popover_module_bpPopoverLargeRightSlideExit--5379f{
+  from{
+    transform:translateX(0) var(--bp-scale-default);
+  }
+  to{
+    transform:translateX(var(--bp-space-040)) var(--bp-scale-small);
+  }
+}
 .bp_select_menu_grid_module_grid--6e766{
   display:flex;
   flex-direction:column;

package/dist/lib-esm/primitives/popover/popover-content-container.js

@@ -3,15 +3,20 @@ import { Space4 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as RadixPopover from '@radix-ui/react-popover';
 import clsx from 'clsx';
 import { forwardRef, useContext, useState, useMemo, useCallback } from 'react';
+import { useBlueprintConfiguration } from '../../blueprint-configuration-context/useBlueprintConfiguration.js';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Card } from '../../card/card.js';
 import { useBreakpoint, Breakpoint } from '../../utils/useBreakpoint.js';
+import { useContentSizeObserver } from '../../utils/useContentSizeObserver.js';
+import { useForkRef } from '../../utils/useForkRef.js';
 import { focusRadioGroupFirstIfExists } from './popover-focus-utils.js';
 import styles from './popover.module.js';
 import { PopoverModalityContext } from './utils/popover-modality-context.js';
 import { PopoverOverflowContext } from './utils/popover-overflow-context.js';
 
 const DEFAULT_COLLISION_PADDING = parseInt(Space4, 10);
+// defined by the figma design specs
+const LARGE_CONTENT_ANIMATION_THRESHOLD = 360;
 /**
  * Based on Radix-UI Popover Content
  * @see https://www.radix-ui.com/primitives/docs/components/popover#content
@@ -33,6 +38,11 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
   const {
     enableModernizedComponents
   } = useBlueprintModernization();
+  const {
+    componentsWithAnimationEnabled
+  } = useBlueprintConfiguration();
+  const isAnimationEnabled = componentsWithAnimationEnabled.includes('Popover');
+  const sizeObserverRef = useContentSizeObserver(LARGE_CONTENT_ANIMATION_THRESHOLD, LARGE_CONTENT_ANIMATION_THRESHOLD);
   const accessibilitySmallBreakpoint = smallBreakpoint && isInteractionDisabled;
   const [isContentOverflowing, setIsContentOverflowing] = useState(false);
   const providerValue = useMemo(() => ({
@@ -51,17 +61,18 @@ const PopoverContentContainer = /*#__PURE__*/forwardRef((props, forwardedRef) =>
     // TODO(DSYS-440): Unify all Portals (Tooltip, Select, Popover, etc...), Expose a Provider which would tell where to mount (body? other elem?)
     jsx(RadixPopover.Portal, {
       container: container,
-      children: jsx(PopoverOverflowContext.Provider, {
-        value: providerValue,
-        children: jsx(RadixPopover.Content, {
-          ...rest,
-          ref: forwardedRef,
-          className: clsx(styles.popoverContentContainer, {
-            [styles.accessibilitySmallBreakpoint]: accessibilitySmallBreakpoint
-          }, className),
-          collisionPadding: collisionPadding,
-          "data-modern": enableModernizedComponents ? 'true' : 'false',
-          onOpenAutoFocus: handleOpenAutoFocus,
+      children: jsx(RadixPopover.Content, {
+        ...rest,
+        ref: useForkRef(forwardedRef, sizeObserverRef),
+        className: clsx(styles.popoverContentContainer, {
+          [styles.accessibilitySmallBreakpoint]: accessibilitySmallBreakpoint
+        }, className),
+        collisionPadding: collisionPadding,
+        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
+        onOpenAutoFocus: handleOpenAutoFocus,
+        children: jsx(PopoverOverflowContext.Provider, {
+          value: providerValue,
           children: jsx(Card, {
             className: styles.popoverCard,
             children: jsx("div", {

package/dist/lib-esm/primitives/popover/popover.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"popoverContentContainer":"bp_popover_module_popoverContentContainer--a0d71","accessibilitySmallBreakpoint":"bp_popover_module_accessibilitySmallBreakpoint--a0d71","popoverCard":"bp_popover_module_popoverCard--a0d71","popoverScrollContainer":"bp_popover_module_popoverScrollContainer--a0d71","popoverMainContent":"bp_popover_module_popoverMainContent--a0d71","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--a0d71","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--a0d71","popoverFooter":"bp_popover_module_popoverFooter--a0d71","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--a0d71"};
+var styles = {"popoverContentContainer":"bp_popover_module_popoverContentContainer--5379f","accessibilitySmallBreakpoint":"bp_popover_module_accessibilitySmallBreakpoint--5379f","popoverCard":"bp_popover_module_popoverCard--5379f","popoverScrollContainer":"bp_popover_module_popoverScrollContainer--5379f","popoverMainContent":"bp_popover_module_popoverMainContent--5379f","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--5379f","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--5379f","popoverFooter":"bp_popover_module_popoverFooter--5379f","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--5379f"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "14.22.0",
+    "version": "14.23.0",
     "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.115.9",
+        "@box/blueprint-web-assets": "^4.115.10",
         "@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.18.9",
+        "@box/storybook-utils": "^0.18.10",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",