@box/blueprint-web 12.69.1 → 12.70.0

package/dist/lib-esm/index.css

@@ -6013,7 +6013,8 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   display:inline;
 }
 
-.bp_modal_module_overlay--75897[data-modern=false]{
+.bp_modal_module_overlay--bc07b[data-modern=false]{
+  --modal-body-text-color:var(--text-text-on-light);
   --modal-overlay-background:var(--overlay-modal-overlay);
   --modal-content-background:var(--gray-white);
   --modal-min-width-non-fullscreen:calc(460px - var(--space-8)*2);
@@ -6037,7 +6038,7 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   --modal-title-gap:var(--space-2);
   --modal-title-padding:var(--space-5) var(--space-12) var(--space-5) var(--space-4);
   --modal-title-padding-non-fullscreen:var(--space-6) var(--space-16) var(--space-6) var(--space-6);
-  --modal-body-padding:var(--space-6) var(--space-4) var(--space-4);
+  --modal-body-padding-fullscreen:var(--space-6) var(--space-4) var(--space-4);
   --modal-body-padding-non-fullscreen:var(--space-6) var(--space-6) var(--space-4);
   --modal-divider-line-border:var(--border-1) solid var(--border-divider-border);
   --modal-divider-line-offset-right:var(--space-4);
@@ -6049,9 +6050,9 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   --modal-footer-button-margin-inline-start:var(--space-3);
 }
 
-.bp_modal_module_overlay--75897[data-modern=true]{
+.bp_modal_module_overlay--bc07b[data-modern=true]{
   --modal-overlay-background:var(--bp-overlay-modal-overlay);
-  --modal-content-background:var(--bp-gray-white);
+  --modal-content-background:var(--bp-surface-modal-surface);
   --modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
   --modal-max-height-non-fullscreen:calc(100vh - var(--bp-space-080)*2);
   --modal-max-width-small:460px;
@@ -6060,6 +6061,7 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   --modal-max-width-xlarge:768px;
   --modal-margin:0 var(--bp-space-080);
   --modal-border-radius:var(--bp-radius-16);
+  --modal-body-text-color:var(--bp-text-text-on-light);
   --modal-close-button-color:var(--bp-icon-icon-on-light-secondary);
   --modal-close-button-offset-top:var(--bp-space-040);
   --modal-close-button-offset-right:var(--bp-space-040);
@@ -6073,8 +6075,8 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   --modal-title-gap:var(--bp-space-020);
   --modal-title-padding:var(--bp-space-050) var(--bp-space-120) var(--bp-space-050) var(--bp-space-040);
   --modal-title-padding-non-fullscreen:var(--bp-space-060) var(--bp-space-160) var(--bp-space-060) var(--bp-space-060);
-  --modal-body-padding:var(--bp-space-060) var(--bp-space-040) var(--bp-space-040);
-  --modal-body-padding-non-fullscreen:var(--bp-space-060) var(--bp-space-060) var(--bp-space-040);
+  --modal-body-padding-fullscreen:var(--bp-space-020) var(--bp-space-040) var(--bp-space-040) var(--bp-space-040);
+  --modal-body-padding-non-fullscreen:var(--bp-space-020) var(--bp-space-060) var(--bp-space-040) var(--bp-space-060);
   --modal-divider-line-border:var(--bp-border-01) solid var(--bp-border-divider-border);
   --modal-divider-line-offset-right:var(--bp-space-040);
   --modal-divider-line-offset-left:var(--bp-space-040);
@@ -6085,7 +6087,7 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   --modal-footer-button-margin-inline-start:var(--bp-space-030);
 }
 
-.bp_modal_module_overlay--75897{
+.bp_modal_module_overlay--bc07b{
   background-color:var(--modal-overlay-background);
   bottom:0;
   display:grid;
@@ -6097,13 +6099,13 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   z-index:370;
 }
 @media (width > 459px){
-  .bp_modal_module_overlay--75897{
+  .bp_modal_module_overlay--bc07b{
     place-items:center;
   }
 }
 
-.bp_modal_module_content--75897{
-  animation:bp_modal_module_popup_bounce_in--75897 var(--animation-duration-3);
+.bp_modal_module_content--bc07b{
+  animation:bp_modal_module_popup_bounce_in--bc07b var(--animation-duration-3);
   background-color:var(--modal-content-background);
   display:flex;
   flex-direction:column;
@@ -6112,80 +6114,80 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   position:relative;
 }
 @media (width > 374px){
-  .bp_modal_module_content--75897{
+  .bp_modal_module_content--bc07b{
     overflow:hidden;
   }
 }
 @media (width > 459px){
-  .bp_modal_module_content--75897{
+  .bp_modal_module_content--bc07b{
     border-radius:var(--modal-border-radius);
     height:auto;
     margin:var(--modal-margin);
     max-height:var(--modal-max-height-non-fullscreen);
     min-width:var(--modal-min-width-non-fullscreen);
   }
-  .bp_modal_module_content--75897.bp_modal_module_smallSizeModal--75897{
+  .bp_modal_module_content--bc07b.bp_modal_module_smallSizeModal--bc07b{
     max-width:var(--modal-max-width-small);
   }
-  .bp_modal_module_content--75897.bp_modal_module_mediumSizeModal--75897{
+  .bp_modal_module_content--bc07b.bp_modal_module_mediumSizeModal--bc07b{
     max-width:var(--modal-max-width-medium);
   }
-  .bp_modal_module_content--75897.bp_modal_module_largeSizeModal--75897{
+  .bp_modal_module_content--bc07b.bp_modal_module_largeSizeModal--bc07b{
     max-width:var(--modal-max-width-large);
   }
-  .bp_modal_module_content--75897.bp_modal_module_xlargeSizeModal--75897{
+  .bp_modal_module_content--bc07b.bp_modal_module_xlargeSizeModal--bc07b{
     max-width:var(--modal-max-width-xlarge);
   }
 }
 
-.bp_modal_module_scrollableContainer--75897{
+.bp_modal_module_scrollableContainer--bc07b{
   flex-grow:1;
 }
 @media (width > 374px){
-  .bp_modal_module_scrollableContainer--75897{
+  .bp_modal_module_scrollableContainer--bc07b{
     overflow-y:auto;
   }
 }
 
-.bp_modal_module_content--75897 .bp_modal_module_close--75897{
+.bp_modal_module_content--bc07b .bp_modal_module_close--bc07b{
   color:var(--modal-close-button-color);
   position:fixed;
   right:var(--modal-close-button-offset-right);
   top:var(--modal-close-button-offset-top);
 }
 @media (width > 374px){
-  .bp_modal_module_content--75897 .bp_modal_module_close--75897{
+  .bp_modal_module_content--bc07b .bp_modal_module_close--bc07b{
     position:absolute;
   }
 }
 
-.bp_modal_module_close--75897.bp_modal_module_onColor--75897{
+.bp_modal_module_close--bc07b.bp_modal_module_onColor--bc07b{
   background-color:var(--modal-close-button-on-color-background);
 }
-.bp_modal_module_close--75897.bp_modal_module_onColor--75897:hover{
+.bp_modal_module_close--bc07b.bp_modal_module_onColor--bc07b:hover{
   background-color:var(--modal-close-button-on-color-background-hover);
 }
-.bp_modal_module_close--75897.bp_modal_module_onColor--75897:active{
+.bp_modal_module_close--bc07b.bp_modal_module_onColor--bc07b:active{
   background-color:var(--modal-close-button-on-color-background-pressed);
 }
 
-.bp_modal_module_content--75897 .bp_modal_module_backButton--75897{
+.bp_modal_module_content--bc07b .bp_modal_module_backButton--bc07b{
   color:var(--modal-back-button-color);
   margin-block-start:var(--modal-back-button-margin-top-start);
   margin-inline-start:var(--modal-back-button-margin-inline-start);
 }
 @media (width > 459px){
-  .bp_modal_module_content--75897 .bp_modal_module_backButton--75897{
+  .bp_modal_module_content--bc07b .bp_modal_module_backButton--bc07b{
     height:var(--modal-back-button-size-non-fullscreen);
     width:var(--modal-back-button-size-non-fullscreen);
   }
 }
 
-.bp_modal_module_modalHeader--75897{
+.bp_modal_module_modalHeader--bc07b{
   display:flex;
 }
 
-.bp_modal_module_modalTitle--75897{
+.bp_modal_module_modalTitle--bc07b{
   display:flex;
   flex-direction:column;
   gap:var(--modal-title-gap);
@@ -6193,24 +6195,25 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   padding:var(--modal-title-padding);
 }
 @media (width > 459px){
-  .bp_modal_module_modalTitle--75897{
+  .bp_modal_module_modalTitle--bc07b{
     padding:var(--modal-title-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_body--75897{
-  padding:var(--modal-body-padding);
+.bp_modal_module_body--bc07b{
+  color:var(--modal-body-text-color);
+  padding:var(--modal-body-padding-fullscreen);
 }
 @media (width > 459px){
-  .bp_modal_module_body--75897{
+  .bp_modal_module_body--bc07b{
     padding:var(--modal-body-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_headerDividerLine--75897{
+.bp_modal_module_headerDividerLine--bc07b{
   position:relative;
 }
-.bp_modal_module_headerDividerLine--75897::after{
+.bp_modal_module_headerDividerLine--bc07b::after{
   border-bottom:var(--modal-divider-line-border);
   bottom:0;
   content:"";
@@ -6219,16 +6222,16 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   right:var(--modal-divider-line-offset-right);
 }
 @media (width > 459px){
-  .bp_modal_module_headerDividerLine--75897::after{
+  .bp_modal_module_headerDividerLine--bc07b::after{
     left:var(--modal-divider-line-offset-left-non-fullscreen);
     right:var(--modal-divider-line-offset-right-non-fullscreen);
   }
 }
 
-.bp_modal_module_footerDividerLine--75897{
+.bp_modal_module_footerDividerLine--bc07b{
   position:relative;
 }
-.bp_modal_module_footerDividerLine--75897::before{
+.bp_modal_module_footerDividerLine--bc07b::before{
   border-bottom:var(--modal-divider-line-border);
   content:"";
   left:var(--modal-divider-line-offset-left);
@@ -6237,28 +6240,28 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   top:0;
 }
 @media (width > 459px){
-  .bp_modal_module_footerDividerLine--75897::before{
+  .bp_modal_module_footerDividerLine--bc07b::before{
     left:var(--modal-divider-line-offset-left-non-fullscreen);
     right:var(--modal-divider-line-offset-right-non-fullscreen);
   }
 }
 
-.bp_modal_module_footer--75897{
+.bp_modal_module_footer--bc07b{
   display:flex;
   justify-content:flex-end;
   padding:var(--modal-footer-padding);
 }
 @media (width > 459px){
-  .bp_modal_module_footer--75897{
+  .bp_modal_module_footer--bc07b{
     padding:var(--modal-footer-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_footerButton--75897 + .bp_modal_module_footerButton--75897{
+.bp_modal_module_footerButton--bc07b + .bp_modal_module_footerButton--bc07b{
   margin-inline-start:var(--modal-footer-button-margin-inline-start);
 }
 
-@keyframes bp_modal_module_popup_bounce_in--75897{
+@keyframes bp_modal_module_popup_bounce_in--bc07b{
   0%{
     transform:scale3d(.1, .1, 1);
   }
@@ -7394,7 +7397,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   fill:currentColor;
 }
 
-.bp_popover_module_popoverContentContainer--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverMainContent--195db,.bp_popover_module_popoverContentContainer--195db.bp_popover_module_accessibilitySmallBreakpoint--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverScrollContainer--195db{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverMainContent--12858,.bp_popover_module_popoverContentContainer--12858.bp_popover_module_accessibilitySmallBreakpoint--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverScrollContainer--12858{
   margin-inline-end:var(--scroll-mask-margin-inline-end);
   mask-image:var(--scroll-mask-mask-image);
   mask-position:var(--scroll-mask-mask-position);
@@ -7404,7 +7407,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transition:var(--scroll-mask-transition);
 }
 
-.bp_popover_module_popoverContentContainer--195db[data-modern=false]{
+.bp_popover_module_popoverContentContainer--12858[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);
@@ -7414,6 +7417,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --scroll-mask-mask-position:left bottom;
   --popover-card-margin-block:var(--space-1);
   --popover-card-box-shadow:var(--dropshadow-3);
+  --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(
@@ -7429,7 +7433,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--195db[data-modern=true]{
+.bp_popover_module_popoverContentContainer--12858[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);
@@ -7441,6 +7445,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --scroll-mask-mask-position:left bottom;
   --popover-card-margin-block:var(--bp-space-010);
   --popover-card-box-shadow:var(--bp-dropshadow-3);
+  --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(
@@ -7456,43 +7461,47 @@ 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--195db{
+.bp_popover_module_popoverContentContainer--12858{
   max-width:320px;
   z-index:var(--z-index-popover);
 }
-.bp_popover_module_popoverContentContainer--195db .bp_popover_module_popoverCard--195db{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverCard--12858{
   box-shadow:var(--popover-card-box-shadow);
   margin-block:var(--popover-card-margin-block);
 }
-.bp_popover_module_popoverContentContainer--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverMainContent--195db:hover{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverMainContent--12858{
+  color:var(--popover-content-text-color);
+}
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverMainContent--12858:hover{
   mask-position:left top;
 }
-.bp_popover_module_popoverContentContainer--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverMainContent--195db .bp_popover_module_popoverMainContentOuterContainer--195db{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverMainContent--12858 .bp_popover_module_popoverMainContentOuterContainer--12858{
   max-height:inherit;
 }
-.bp_popover_module_popoverContentContainer--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverMainContent--195db .bp_popover_module_popoverMainContentOuterContainer--195db .bp_popover_module_popoverMainContentInnerContainerPadding--195db{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverMainContent--12858 .bp_popover_module_popoverMainContentOuterContainer--12858 .bp_popover_module_popoverMainContentInnerContainerPadding--12858{
   padding-block-end:var(--popover-main-content-inner-container-padding);
 }
-.bp_popover_module_popoverContentContainer--195db.bp_popover_module_accessibilitySmallBreakpoint--195db{
+.bp_popover_module_popoverContentContainer--12858.bp_popover_module_accessibilitySmallBreakpoint--12858{
   max-height:var(--radix-popover-content-available-height);
 }
-.bp_popover_module_popoverContentContainer--195db.bp_popover_module_accessibilitySmallBreakpoint--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverScrollContainer--195db{
+.bp_popover_module_popoverContentContainer--12858.bp_popover_module_accessibilitySmallBreakpoint--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverScrollContainer--12858{
+  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--195db.bp_popover_module_accessibilitySmallBreakpoint--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverScrollContainer--195db:hover{
+.bp_popover_module_popoverContentContainer--12858.bp_popover_module_accessibilitySmallBreakpoint--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverScrollContainer--12858:hover{
   mask-position:left top;
 }
-.bp_popover_module_popoverContentContainer--195db.bp_popover_module_accessibilitySmallBreakpoint--195db .bp_popover_module_popoverCard--195db .bp_popover_module_popoverScrollContainer--195db .bp_popover_module_popoverMainContent--195db{
+.bp_popover_module_popoverContentContainer--12858.bp_popover_module_accessibilitySmallBreakpoint--12858 .bp_popover_module_popoverCard--12858 .bp_popover_module_popoverScrollContainer--12858 .bp_popover_module_popoverMainContent--12858{
   max-height:-moz-fit-content;
   max-height:fit-content;
 }
-.bp_popover_module_popoverContentContainer--195db .bp_popover_module_popoverFooter--195db{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverFooter--12858{
   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--195db .bp_popover_module_popoverFooter--195db.bp_popover_module_popoverFooterTopBorder--195db{
+.bp_popover_module_popoverContentContainer--12858 .bp_popover_module_popoverFooter--12858.bp_popover_module_popoverFooterTopBorder--12858{
   border-top:var(--popover-footer-border-top);
 }
 .bp_select_menu_grid_module_grid--6e766{

package/dist/lib-esm/modal/modal-close.js

@@ -1,8 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import { XMark } from '@box/blueprint-web-assets/icons/Fill';
+import { XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import { XMark } from '@box/blueprint-web-assets/icons/Medium';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
 import { useMedia } from '../utils/useMedia.js';
 import styles from './modal.module.js';
@@ -16,11 +18,15 @@ const smallViewportProps = {
 const ModalClose = /*#__PURE__*/forwardRef(({
   'aria-label': ariaLabel,
   className,
-  icon = XMark,
+  icon,
   size = 'large',
   variant = 'default',
   ...rest
 }, forwardedRef) => {
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
+  const defaultIcon = enableModernizedComponents ? XMark : XMark$1;
   // Change IconButton size for Mobile (only when IconButton size is large)
   // TODO: change to media query tokens
   const breakpoint = 459;
@@ -36,7 +42,7 @@ const ModalClose = /*#__PURE__*/forwardRef(({
       className: clsx(styles.close, {
         [styles.onColor]: variant === 'onColor' && !isMobile
       }, className),
-      icon: icon,
+      icon: icon || defaultIcon,
       size: size,
       ...finalProps
     })

package/dist/lib-esm/modal/modal-content.d.ts

@@ -3,7 +3,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
  * Contains content to be rendered in the open modal.
  */
 export declare const ModalContent: import("react").ForwardRefExoticComponent<RadixDialog.DialogContentProps & Pick<RadixDialog.DialogPortalProps, "container"> & {
-    size: "small" | "medium" | "large" | "xlarge";
+    size: import("./types").ModalContentSize;
 } & {
     'data-testid'?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib-esm/modal/modal.d.ts

@@ -26,7 +26,7 @@ export declare const Modal: (({ children, modal, ...props }: ModalProps) => impo
     Body: import("react").ForwardRefExoticComponent<import("./types").ModalBodyProps & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("react").ForwardRefExoticComponent<import("./types").ModalCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & Pick<import("@radix-ui/react-dialog").DialogPortalProps, "container"> & {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: import("./types").ModalContentSize;
     } & {
         'data-testid'?: string;
     } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"overlay":"bp_modal_module_overlay--75897","content":"bp_modal_module_content--75897","popup_bounce_in":"bp_modal_module_popup_bounce_in--75897","smallSizeModal":"bp_modal_module_smallSizeModal--75897","mediumSizeModal":"bp_modal_module_mediumSizeModal--75897","largeSizeModal":"bp_modal_module_largeSizeModal--75897","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--75897","scrollableContainer":"bp_modal_module_scrollableContainer--75897","close":"bp_modal_module_close--75897","onColor":"bp_modal_module_onColor--75897","backButton":"bp_modal_module_backButton--75897","modalHeader":"bp_modal_module_modalHeader--75897","modalTitle":"bp_modal_module_modalTitle--75897","body":"bp_modal_module_body--75897","headerDividerLine":"bp_modal_module_headerDividerLine--75897","footerDividerLine":"bp_modal_module_footerDividerLine--75897","footer":"bp_modal_module_footer--75897","footerButton":"bp_modal_module_footerButton--75897"};
+var styles = {"overlay":"bp_modal_module_overlay--bc07b","content":"bp_modal_module_content--bc07b","popup_bounce_in":"bp_modal_module_popup_bounce_in--bc07b","smallSizeModal":"bp_modal_module_smallSizeModal--bc07b","mediumSizeModal":"bp_modal_module_mediumSizeModal--bc07b","largeSizeModal":"bp_modal_module_largeSizeModal--bc07b","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--bc07b","scrollableContainer":"bp_modal_module_scrollableContainer--bc07b","close":"bp_modal_module_close--bc07b","onColor":"bp_modal_module_onColor--bc07b","backButton":"bp_modal_module_backButton--bc07b","modalHeader":"bp_modal_module_modalHeader--bc07b","modalTitle":"bp_modal_module_modalTitle--bc07b","body":"bp_modal_module_body--bc07b","headerDividerLine":"bp_modal_module_headerDividerLine--bc07b","footerDividerLine":"bp_modal_module_footerDividerLine--bc07b","footer":"bp_modal_module_footer--bc07b","footerButton":"bp_modal_module_footerButton--bc07b"};
 
 export { styles as default };

package/dist/lib-esm/modal/types.d.ts

@@ -2,13 +2,14 @@ import { type DialogContentProps, type DialogPortalProps, type DialogProps, type
 import { type FunctionComponent, type HTMLAttributes, type PropsWithChildren, type ReactElement, type ReactNode, type SVGProps } from 'react';
 import { type IconButtonProps } from '../primitives/icon-button';
 export type ModalProps = DialogProps;
+/** The size of the modal content.
+ * small: max-width: 460px
+ * medium: max-width: 540px
+ * large: max-width: 620px
+ * xlarge: max-width: 768px */
+export type ModalContentSize = 'small' | 'medium' | 'large' | 'xlarge';
 export type ModalContentProps = DialogContentProps & Pick<DialogPortalProps, 'container'> & {
-    /** The size of the modal content.
-     * small: max-width: 460px
-     * medium: max-width: 540px
-     * large: max-width: 620px
-     * xlarge: max-width: 768px */
-    size: 'small' | 'medium' | 'large' | 'xlarge';
+    size: ModalContentSize;
 };
 export interface ModalCloseProps {
     /** The aria-label for the Close element */

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.69.1",
+    "version": "12.70.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {