@box/blueprint-web 12.108.1 → 12.108.3

package/dist/lib-esm/index.css

@@ -7093,7 +7093,7 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   display:inline;
 }
 
-.bp_modal_module_overlay--4cf13[data-modern=false]{
+.bp_modal_module_overlay--50730[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);
@@ -7134,7 +7134,7 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   --modal-loading-animation:var(--animation-duration-2) cubic-bezier(.25, .46, .45, .94);
 }
 
-.bp_modal_module_overlay--4cf13[data-modern=true]{
+.bp_modal_module_overlay--50730[data-modern=true]{
   --modal-overlay-background:var(--bp-overlay-modal-overlay);
   --modal-content-background:var(--bp-surface-modal-surface);
   --modal-min-width-non-fullscreen:calc(460px - var(--bp-space-080)*2);
@@ -7147,7 +7147,7 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   --modal-max-height-loading:min(300px, var(--modal-max-height-non-fullscreen));
   --modal-loading-height:148px;
   --modal-margin:0 var(--bp-space-080);
-  --modal-border-radius:var(--bp-radius-16);
+  --modal-border-radius:var(--bp-radius-12);
   --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);
@@ -7175,7 +7175,7 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   --modal-loading-animation:var(--animation-duration-2) cubic-bezier(.25, .46, .45, .94);
 }
 
-.bp_modal_module_overlay--4cf13{
+.bp_modal_module_overlay--50730{
   background-color:var(--modal-overlay-background);
   bottom:0;
   display:grid;
@@ -7187,15 +7187,15 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   z-index:370;
 }
 @media (width > 459px){
-  .bp_modal_module_overlay--4cf13{
+  .bp_modal_module_overlay--50730{
     place-items:center;
   }
 }
 
-.bp_modal_module_headerDividerLine--4cf13{
+.bp_modal_module_headerDividerLine--50730{
   position:relative;
 }
-.bp_modal_module_headerDividerLine--4cf13::after{
+.bp_modal_module_headerDividerLine--50730::after{
   border-bottom:var(--modal-divider-line-border);
   bottom:0;
   content:"";
@@ -7204,16 +7204,16 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   right:var(--modal-divider-line-offset-right);
 }
 @media (width > 459px){
-  .bp_modal_module_headerDividerLine--4cf13::after{
+  .bp_modal_module_headerDividerLine--50730::after{
     left:var(--modal-divider-line-offset-left-non-fullscreen);
     right:var(--modal-divider-line-offset-right-non-fullscreen);
   }
 }
 
-.bp_modal_module_footerDividerLine--4cf13{
+.bp_modal_module_footerDividerLine--50730{
   position:relative;
 }
-.bp_modal_module_footerDividerLine--4cf13::before{
+.bp_modal_module_footerDividerLine--50730::before{
   border-bottom:var(--modal-divider-line-border);
   content:"";
   left:var(--modal-divider-line-offset-left);
@@ -7222,13 +7222,13 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   top:0;
 }
 @media (width > 459px){
-  .bp_modal_module_footerDividerLine--4cf13::before{
+  .bp_modal_module_footerDividerLine--50730::before{
     left:var(--modal-divider-line-offset-left-non-fullscreen);
     right:var(--modal-divider-line-offset-right-non-fullscreen);
   }
 }
 
-.bp_modal_module_content--4cf13{
+.bp_modal_module_content--50730{
   display:flex;
   flex-direction:column;
   height:100vh;
@@ -7236,16 +7236,16 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   position:relative;
 }
 @media (width > 374px){
-  .bp_modal_module_content--4cf13{
+  .bp_modal_module_content--50730{
     overflow:hidden;
   }
 }
-.bp_modal_module_content--4cf13{
-  animation:bp_modal_module_popup_bounce_in--4cf13 var(--animation-duration-3);
+.bp_modal_module_content--50730{
+  animation:bp_modal_module_popup_bounce_in--50730 var(--animation-duration-3);
   background-color:var(--modal-content-background);
 }
 @media (width > 459px){
-  .bp_modal_module_content--4cf13{
+  .bp_modal_module_content--50730{
     border-radius:var(--modal-border-radius);
     height:auto;
     margin:var(--modal-margin);
@@ -7253,79 +7253,79 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
     min-width:var(--modal-min-width-non-fullscreen);
     transition:max-width var(--modal-loading-animation), max-height var(--modal-loading-animation);
   }
-  .bp_modal_module_content--4cf13.bp_modal_module_smallSizeModal--4cf13{
+  .bp_modal_module_content--50730.bp_modal_module_smallSizeModal--50730{
     max-width:var(--modal-max-width-small);
   }
-  .bp_modal_module_content--4cf13.bp_modal_module_mediumSizeModal--4cf13{
+  .bp_modal_module_content--50730.bp_modal_module_mediumSizeModal--50730{
     max-width:var(--modal-max-width-medium);
   }
-  .bp_modal_module_content--4cf13.bp_modal_module_largeSizeModal--4cf13{
+  .bp_modal_module_content--50730.bp_modal_module_largeSizeModal--50730{
     max-width:var(--modal-max-width-large);
   }
-  .bp_modal_module_content--4cf13.bp_modal_module_xlargeSizeModal--4cf13{
+  .bp_modal_module_content--50730.bp_modal_module_xlargeSizeModal--50730{
     max-width:var(--modal-max-width-xlarge);
   }
 }
-.bp_modal_module_content--4cf13:has(.bp_modal_module_loadingContainerActive--4cf13) .bp_modal_module_footerDividerLine--4cf13::before,.bp_modal_module_content--4cf13:has(.bp_modal_module_loadingContainerActive--4cf13) .bp_modal_module_headerDividerLine--4cf13::after{
+.bp_modal_module_content--50730:has(.bp_modal_module_loadingContainerActive--50730) .bp_modal_module_footerDividerLine--50730::before,.bp_modal_module_content--50730:has(.bp_modal_module_loadingContainerActive--50730) .bp_modal_module_headerDividerLine--50730::after{
   display:none;
 }
 @media (width > 459px){
-  .bp_modal_module_content--4cf13:has(.bp_modal_module_loadingContainerActive--4cf13){
+  .bp_modal_module_content--50730:has(.bp_modal_module_loadingContainerActive--50730){
     max-height:var(--modal-max-height-loading);
     max-width:var(--modal-max-width-loading);
   }
 }
 
-.bp_modal_module_scrollableContainer--4cf13{
+.bp_modal_module_scrollableContainer--50730{
   flex-grow:1;
 }
 @media (width > 374px){
-  .bp_modal_module_scrollableContainer--4cf13{
+  .bp_modal_module_scrollableContainer--50730{
     overflow-y:auto;
   }
 }
 
-.bp_modal_module_content--4cf13 .bp_modal_module_close--4cf13{
+.bp_modal_module_content--50730 .bp_modal_module_close--50730{
   position:fixed;
 }
 @media (width > 374px){
-  .bp_modal_module_content--4cf13 .bp_modal_module_close--4cf13{
+  .bp_modal_module_content--50730 .bp_modal_module_close--50730{
     position:absolute;
   }
 }
-.bp_modal_module_content--4cf13 .bp_modal_module_close--4cf13{
+.bp_modal_module_content--50730 .bp_modal_module_close--50730{
   color:var(--modal-close-button-color);
   right:var(--modal-close-button-offset-right);
   top:var(--modal-close-button-offset-top);
 }
 
-.bp_modal_module_close--4cf13.bp_modal_module_onColor--4cf13{
+.bp_modal_module_close--50730.bp_modal_module_onColor--50730{
   background-color:var(--modal-close-button-on-color-background);
 }
-.bp_modal_module_close--4cf13.bp_modal_module_onColor--4cf13:hover{
+.bp_modal_module_close--50730.bp_modal_module_onColor--50730:hover{
   background-color:var(--modal-close-button-on-color-background-hover);
 }
-.bp_modal_module_close--4cf13.bp_modal_module_onColor--4cf13:active{
+.bp_modal_module_close--50730.bp_modal_module_onColor--50730:active{
   background-color:var(--modal-close-button-on-color-background-pressed);
 }
 
-.bp_modal_module_content--4cf13 .bp_modal_module_backButton--4cf13{
+.bp_modal_module_content--50730 .bp_modal_module_backButton--50730{
   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--4cf13 .bp_modal_module_backButton--4cf13{
+  .bp_modal_module_content--50730 .bp_modal_module_backButton--50730{
     height:var(--modal-back-button-size-non-fullscreen);
     width:var(--modal-back-button-size-non-fullscreen);
   }
 }
 
-.bp_modal_module_modalHeader--4cf13{
+.bp_modal_module_modalHeader--50730{
   display:flex;
 }
 
-.bp_modal_module_modalTitle--4cf13{
+.bp_modal_module_modalTitle--50730{
   display:flex;
   flex-direction:column;
   gap:var(--modal-title-gap);
@@ -7333,58 +7333,58 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   padding:var(--modal-title-padding);
 }
 @media (width > 459px){
-  .bp_modal_module_modalTitle--4cf13{
+  .bp_modal_module_modalTitle--50730{
     padding:var(--modal-title-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_body--4cf13{
+.bp_modal_module_body--50730{
   color:var(--modal-body-text-color);
   padding:var(--modal-body-padding-fullscreen);
 }
 @media (width > 459px){
-  .bp_modal_module_body--4cf13{
+  .bp_modal_module_body--50730{
     padding:var(--modal-body-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_footer--4cf13{
+.bp_modal_module_footer--50730{
   display:flex;
   justify-content:flex-end;
   padding:var(--modal-footer-padding);
 }
 @media (width > 459px){
-  .bp_modal_module_footer--4cf13{
+  .bp_modal_module_footer--50730{
     padding:var(--modal-footer-padding-non-fullscreen);
   }
 }
 
-.bp_modal_module_footerButton--4cf13 + .bp_modal_module_footerButton--4cf13{
+.bp_modal_module_footerButton--50730 + .bp_modal_module_footerButton--50730{
   margin-inline-start:var(--modal-footer-button-margin-inline-start);
 }
 
-.bp_modal_module_loadingContainer--4cf13{
+.bp_modal_module_loadingContainer--50730{
   display:flex;
   flex-direction:column;
   flex-grow:1;
   position:relative;
 }
 @media (width > 374px){
-  .bp_modal_module_loadingContainer--4cf13{
+  .bp_modal_module_loadingContainer--50730{
     min-height:0;
   }
 }
 
-.bp_modal_module_loadingContainerActive--4cf13{
+.bp_modal_module_loadingContainerActive--50730{
   overflow:hidden;
 }
 
-.bp_modal_module_loading--4cf13{
+.bp_modal_module_loading--50730{
   align-items:center;
   display:flex;
 }
 
-.bp_modal_module_loadingOverlay--4cf13{
+.bp_modal_module_loadingOverlay--50730{
   background-color:var(--modal-content-background);
   bottom:0;
   left:0;
@@ -7394,22 +7394,22 @@ table.bp_inline_table_module_inlineTable--fc100[data-modern=true] td:last-child,
   z-index:1;
 }
 
-.bp_modal_module_loadingContent--4cf13{
+.bp_modal_module_loadingContent--50730{
   display:flex;
   flex-direction:column;
   visibility:hidden;
 }
 @media (width > 374px){
-  .bp_modal_module_loadingContent--4cf13{
+  .bp_modal_module_loadingContent--50730{
     min-height:0;
   }
 }
 
-.bp_modal_module_loadingContentVisible--4cf13{
+.bp_modal_module_loadingContentVisible--50730{
   visibility:visible;
 }
 
-@keyframes bp_modal_module_popup_bounce_in--4cf13{
+@keyframes bp_modal_module_popup_bounce_in--50730{
   0%{
     transform:scale3d(.1, .1, 1);
   }

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"overlay":"bp_modal_module_overlay--4cf13","headerDividerLine":"bp_modal_module_headerDividerLine--4cf13","footerDividerLine":"bp_modal_module_footerDividerLine--4cf13","content":"bp_modal_module_content--4cf13","popup_bounce_in":"bp_modal_module_popup_bounce_in--4cf13","smallSizeModal":"bp_modal_module_smallSizeModal--4cf13","mediumSizeModal":"bp_modal_module_mediumSizeModal--4cf13","largeSizeModal":"bp_modal_module_largeSizeModal--4cf13","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--4cf13","loadingContainerActive":"bp_modal_module_loadingContainerActive--4cf13","scrollableContainer":"bp_modal_module_scrollableContainer--4cf13","close":"bp_modal_module_close--4cf13","onColor":"bp_modal_module_onColor--4cf13","backButton":"bp_modal_module_backButton--4cf13","modalHeader":"bp_modal_module_modalHeader--4cf13","modalTitle":"bp_modal_module_modalTitle--4cf13","body":"bp_modal_module_body--4cf13","footer":"bp_modal_module_footer--4cf13","footerButton":"bp_modal_module_footerButton--4cf13","loadingContainer":"bp_modal_module_loadingContainer--4cf13","loading":"bp_modal_module_loading--4cf13","loadingOverlay":"bp_modal_module_loadingOverlay--4cf13","loadingContent":"bp_modal_module_loadingContent--4cf13","loadingContentVisible":"bp_modal_module_loadingContentVisible--4cf13"};
+var styles = {"overlay":"bp_modal_module_overlay--50730","headerDividerLine":"bp_modal_module_headerDividerLine--50730","footerDividerLine":"bp_modal_module_footerDividerLine--50730","content":"bp_modal_module_content--50730","popup_bounce_in":"bp_modal_module_popup_bounce_in--50730","smallSizeModal":"bp_modal_module_smallSizeModal--50730","mediumSizeModal":"bp_modal_module_mediumSizeModal--50730","largeSizeModal":"bp_modal_module_largeSizeModal--50730","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--50730","loadingContainerActive":"bp_modal_module_loadingContainerActive--50730","scrollableContainer":"bp_modal_module_scrollableContainer--50730","close":"bp_modal_module_close--50730","onColor":"bp_modal_module_onColor--50730","backButton":"bp_modal_module_backButton--50730","modalHeader":"bp_modal_module_modalHeader--50730","modalTitle":"bp_modal_module_modalTitle--50730","body":"bp_modal_module_body--50730","footer":"bp_modal_module_footer--50730","footerButton":"bp_modal_module_footerButton--50730","loadingContainer":"bp_modal_module_loadingContainer--50730","loading":"bp_modal_module_loading--50730","loadingOverlay":"bp_modal_module_loadingOverlay--50730","loadingContent":"bp_modal_module_loadingContent--50730","loadingContentVisible":"bp_modal_module_loadingContentVisible--50730"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.108.1",
+    "version": "12.108.3",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.15",
         "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.89.0",
+        "@box/blueprint-web-assets": "^4.89.2",
         "@internationalized/date": "^3.7.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.14.34",
+        "@box/storybook-utils": "^0.14.36",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "react": "^18.3.0",