@box/blueprint-web 12.73.0 → 12.75.0

package/dist/lib-esm/index.css

@@ -6453,138 +6453,164 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
 .bp_navigation_menu_module_navigationMenuSeparator--a2f10{
   margin-block:var(--space-2);
 }
-.bp_page_module_page--41d33{
-  --navigation-width-collapsed:var(--space-20);
-  --navigation-width-expanded:calc(var(--space-20)*3);
-  --large-viewport-inline-space:var(--space-8);
+.bp_page_module_page--96006[data-modern=false]{
+  --page-navigation-width-collapsed:var(--space-20);
+  --page-navigation-width-expanded:calc(var(--space-20)*3);
+  --page-viewport-inline-space:var(--space-8);
+  --page-height:calc(100vh - var(--space-5));
+  --page-padding-block-start:var(--space-5);
+  --page-top-section-gap:var(--space-5);
+  --page-content-margin-block-start:var(--space-4);
+  --page-sidebar-margin-inline-start:var(--space-4);
+  --page-padding-with-sidebar-inline-end:var(--space-8);
+  --page-navigation-portal-background-color:var(--box-blue-100);
+  --page-medium-global-header-fixed-size-section-height:var(--space-16);
+  --page-medium-global-header-fixed-size-section-collapsed:var(--space-16);
+  --page-medium-page-main-padding-inline:var(--space-4);
+}
+
+.bp_page_module_page--96006[data-modern=true]{
+  --page-navigation-width-collapsed:var(--bp-space-200);
+  --page-navigation-width-expanded:calc(var(--bp-space-200)*3);
+  --page-viewport-inline-space:var(--bp-space-080);
+  --page-height:calc(100vh - var(--bp-space-050));
+  --page-padding-block-start:var(--bp-space-050);
+  --page-top-section-gap:var(--bp-space-050);
+  --page-content-margin-block-start:var(--bp-space-040);
+  --page-sidebar-margin-inline-start:var(--bp-space-040);
+  --page-navigation-portal-background-color:var(--bp-box-blue-100);
+  --page-medium-global-header-fixed-size-section-height:var(--bp-space-160);
+  --page-medium-global-header-fixed-size-section-collapsed:var(--bp-space-160);
+  --page-medium-page-main-padding-inline:var(--bp-space-040);
+}
+
+.bp_page_module_page--96006{
   display:flex;
   flex-direction:column;
-  height:calc(100vh - var(--space-5));
+  height:var(--page-height);
   overflow:hidden;
-  padding-block-start:var(--space-5);
-  padding-inline-start:var(--navigation-width-collapsed);
+  padding-block-start:var(--page-padding-block-start);
+  padding-inline-start:var(--page-navigation-width-collapsed);
   position:relative;
 }
-.bp_page_module_page--41d33 .bp_page_module_globalHeader--41d33{
+.bp_page_module_page--96006 .bp_page_module_globalHeader--96006{
   align-items:center;
   display:flex;
   flex-direction:row;
   justify-content:space-between;
-  padding-inline:var(--large-viewport-inline-space);
+  padding-inline:var(--page-viewport-inline-space);
   position:relative;
 }
-.bp_page_module_page--41d33 .bp_page_module_globalHeader--41d33 .bp_page_module_searchContainer--41d33,.bp_page_module_page--41d33 .bp_page_module_globalHeader--41d33 .bp_page_module_sideContentContainer--41d33{
+.bp_page_module_page--96006 .bp_page_module_globalHeader--96006 .bp_page_module_searchContainer--96006,.bp_page_module_page--96006 .bp_page_module_globalHeader--96006 .bp_page_module_sideContentContainer--96006{
   display:flex;
   flex:none;
 }
-.bp_page_module_page--41d33 .bp_page_module_pageMain--41d33{
+.bp_page_module_page--96006 .bp_page_module_pageMain--96006{
   display:flex;
   flex-direction:column;
   height:inherit;
   overflow:hidden;
-  padding-block-start:var(--space-5);
-  padding-inline:var(--large-viewport-inline-space);
+  padding-block-start:var(--page-padding-block-start);
+  padding-inline:var(--page-viewport-inline-space);
 }
-.bp_page_module_page--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_topSection--41d33{
+.bp_page_module_page--96006 .bp_page_module_pageMain--96006 .bp_page_module_topSection--96006{
   display:flex;
   flex-direction:column;
   flex-shrink:0;
-  gap:var(--space-5);
+  gap:var(--page-top-section-gap);
   overflow:hidden;
 }
-.bp_page_module_page--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_mainSection--41d33{
+.bp_page_module_page--96006 .bp_page_module_pageMain--96006 .bp_page_module_mainSection--96006{
   display:flex;
   flex-direction:row;
   height:inherit;
   overflow:hidden;
 }
-.bp_page_module_page--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_mainSection--41d33 .bp_page_module_content--41d33{
+.bp_page_module_page--96006 .bp_page_module_pageMain--96006 .bp_page_module_mainSection--96006 .bp_page_module_content--96006{
   flex-grow:1;
-  margin-block-start:var(--space-4);
+  margin-block-start:var(--page-content-margin-block-start);
   overflow-y:auto;
 }
-.bp_page_module_page--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_mainSection--41d33 .bp_page_module_paddingWithSidebarVisible--41d33{
-  padding-inline-end:var(--space-8);
+.bp_page_module_page--96006 .bp_page_module_pageMain--96006 .bp_page_module_mainSection--96006 .bp_page_module_paddingWithSidebarVisible--96006{
+  padding-inline-end:var(--page-padding-with-sidebar-inline-end);
 }
-.bp_page_module_page--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_mainSection--41d33 .bp_page_module_sidebar--41d33{
+.bp_page_module_page--96006 .bp_page_module_pageMain--96006 .bp_page_module_mainSection--96006 .bp_page_module_sidebar--96006{
   flex-shrink:0;
-  margin-inline-start:var(--space-4);
+  margin-inline-start:var(--page-sidebar-margin-inline-start);
 }
-.bp_page_module_page--41d33 .bp_page_module_navigationPortal--41d33{
-  background-color:var(--box-blue-100);
+.bp_page_module_page--96006 .bp_page_module_navigationPortal--96006{
+  background-color:var(--page-navigation-portal-background-color);
   height:100%;
   left:0;
   position:absolute;
   top:0;
   width:var(--navigation-width);
 }
-.bp_page_module_page--41d33 .bp_page_module_navigationPortal--41d33 .bp_page_module_navigationContent--41d33{
+.bp_page_module_page--96006 .bp_page_module_navigationPortal--96006 .bp_page_module_navigationContent--96006{
   height:100%;
 }
-.bp_page_module_page--41d33 .bp_page_module_navigationPortalLargeCollapsed--41d33{
-  --navigation-width:var(--navigation-width-collapsed);
+.bp_page_module_page--96006 .bp_page_module_navigationPortalLargeCollapsed--96006{
+  --navigation-width:var(--page-navigation-width-collapsed);
 }
-.bp_page_module_page--41d33 .bp_page_module_navigationPortalLargeExpanded--41d33{
-  --navigation-width:var(--navigation-width-expanded);
+.bp_page_module_page--96006 .bp_page_module_navigationPortalLargeExpanded--96006{
+  --navigation-width:var(--page-navigation-width-expanded);
 }
 
-.bp_page_module_hide--41d33{
+.bp_page_module_hide--96006{
   visibility:hidden;
 }
 
-.bp_page_module_pageMediumOrLessViewport--41d33{
-  --global-header-fixed-size-section-height:var(--space-16);
-  --global-header-fixed-size-section-collapsed:var(--space-16);
-  height:calc(100vh - var(--global-header-fixed-size-section-height));
-  padding-block-start:var(--global-header-fixed-size-section-height);
+.bp_page_module_pageMediumOrLessViewport--96006{
+  height:calc(100vh - var(--page-medium-global-header-fixed-size-section-height));
+  padding-block-start:var(--page-medium-global-header-fixed-size-section-height);
   padding-inline-start:0;
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_globalHeader--41d33{
-  height:var(--global-header-fixed-size-section-height);
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_globalHeader--96006{
+  height:var(--page-medium-global-header-fixed-size-section-height);
   left:0;
   padding-inline:0;
-  padding-inline-start:var(--global-header-fixed-size-section-collapsed);
+  padding-inline-start:var(--page-medium-global-header-fixed-size-section-collapsed);
   position:fixed;
   top:0;
-  width:calc(100vw - var(--global-header-fixed-size-section-collapsed));
+  width:calc(100vw - var(--page-medium-global-header-fixed-size-section-collapsed));
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_globalHeader--41d33 .bp_page_module_search--41d33{
-  width:var(--global-header-fixed-size-section-collapsed);
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_globalHeader--96006 .bp_page_module_search--96006{
+  width:var(--page-medium-global-header-fixed-size-section-collapsed);
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_pageMain--41d33{
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_pageMain--96006{
   overflow-y:auto;
-  padding-inline:var(--space-4);
+  padding-inline:var(--page-medium-page-main-padding-inline);
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_mainSection--41d33{
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_pageMain--96006 .bp_page_module_mainSection--96006{
   overflow:unset;
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_pageMain--41d33 .bp_page_module_mainSection--41d33 .bp_page_module_content--41d33{
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_pageMain--96006 .bp_page_module_mainSection--96006 .bp_page_module_content--96006{
   overflow-y:unset;
   padding-inline-end:unset;
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_navigationPortalOverlayCollapsed--41d33{
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_navigationPortalOverlayCollapsed--96006{
   height:100%;
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_navigationPortalOverlayCollapsed--41d33 .bp_page_module_navigationContent--41d33{
-  width:var(--global-header-fixed-size-section-collapsed);
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_navigationPortalOverlayCollapsed--96006 .bp_page_module_navigationContent--96006{
+  width:var(--page-medium-global-header-fixed-size-section-collapsed);
 }
-.bp_page_module_pageMediumOrLessViewport--41d33 .bp_page_module_navigationPortalOverlayExpanded--41d33{
+.bp_page_module_pageMediumOrLessViewport--96006 .bp_page_module_navigationPortalOverlayExpanded--96006{
   height:100vh;
   width:100vw;
   z-index:1;
 }
 
-.bp_page_module_pageNavigationXXLargeCollapsed--41d33{
-  --navigation-width:var(--navigation-width-collapsed);
-  padding-inline-start:var(--navigation-width-collapsed);
+.bp_page_module_pageNavigationXXLargeCollapsed--96006{
+  --navigation-width:var(--page-navigation-width-collapsed);
+  padding-inline-start:var(--page-navigation-width-collapsed);
 }
 
-.bp_page_module_pageNavigationXXLargeExpanded--41d33{
-  --navigation-width:var(--navigation-width-expanded);
-  padding-inline-start:var(--navigation-width-expanded);
+.bp_page_module_pageNavigationXXLargeExpanded--96006{
+  --navigation-width:var(--page-navigation-width-expanded);
+  padding-inline-start:var(--page-navigation-width-expanded);
 }
 
-.bp_page_module_portalEntry--41d33{
+.bp_page_module_portalEntry--96006{
   display:contents;
 }
 .bp_page_header_module_pageHeader--2768d[data-modern=false]{
@@ -8006,7 +8032,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   opacity:.3;
 }
 
-.bp_tabs_module_hiddenWidthSetter--9f3da{
+.bp_tabs_module_hiddenWidthSetter--c5f51{
   display:block;
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
@@ -8020,11 +8046,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-bold-text-case);
   visibility:hidden;
 }
-.bp_tabs_module_hiddenWidthSetter--9f3da > *{
+.bp_tabs_module_hiddenWidthSetter--c5f51 > *{
   visibility:hidden;
 }
 
-.bp_tabs_module_contentSwitchTabList--9f3da[data-modern=false]{
+.bp_tabs_module_contentSwitchTabList--c5f51[data-modern=false]{
   --content-switch-tab-list-gap:var(--space-1);
   --content-switch-tab-list-padding:var(--space-1);
   --content-switch-tab-list-background:var(--surface-contentswitcher-surface);
@@ -8040,7 +8066,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
 }
 
-.bp_tabs_module_contentSwitchTabList--9f3da[data-modern=true]{
+.bp_tabs_module_contentSwitchTabList--c5f51[data-modern=true]{
   --content-switch-tab-list-gap:var(--bp-space-010);
   --content-switch-tab-list-padding:var(--bp-space-010);
   --content-switch-tab-list-background:var(--bp-gray-10);
@@ -8055,7 +8081,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --content-switch-tab-hover-background:var(--bp-gray-05);
 }
 
-.bp_tabs_module_tabsListContainer--9f3da[data-modern=false]{
+.bp_tabs_module_tabsListContainer--c5f51[data-modern=false]{
   --tab-height:var(--size-10);
   --tab-inline-padding:var(--space-3);
   --tab-background:var(--background-background);
@@ -8080,7 +8106,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --tab-border-hover-color:var(--border-tab-border-hover);
 }
 
-.bp_tabs_module_tabsListContainer--9f3da[data-modern=true]{
+.bp_tabs_module_tabsListContainer--c5f51[data-modern=true]{
   --tab-height:var(--bp-size-100);
   --tab-inline-padding:var(--bp-space-030);
   --tab-background:var(--bp-background-background);
@@ -8106,7 +8132,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --tab-border-selected-color:var(--bp-border-tab-border-selected);
 }
 
-.bp_tabs_module_contentSwitchTabList--9f3da{
+.bp_tabs_module_contentSwitchTabList--c5f51{
   background:var(--content-switch-tab-list-background);
   border-radius:var(--content-switch-tab-list-border-radius);
   display:grid;
@@ -8117,7 +8143,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   min-width:fit-content;
   padding:var(--content-switch-tab-list-padding);
 }
-.bp_tabs_module_contentSwitchTabList--9f3da .bp_tabs_module_contentSwitchTab--9f3da{
+.bp_tabs_module_contentSwitchTabList--c5f51 .bp_tabs_module_contentSwitchTab--c5f51{
   align-items:center;
   background:#0000;
   border:none;
@@ -8138,7 +8164,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-text-case);
   white-space:nowrap;
 }
-.bp_tabs_module_contentSwitchTabList--9f3da .bp_tabs_module_contentSwitchTab--9f3da[aria-selected=true]{
+.bp_tabs_module_contentSwitchTabList--c5f51 .bp_tabs_module_contentSwitchTab--c5f51[aria-selected=true]{
   background:var(--content-switch-tab-selected-background);
   box-shadow:var(--content-switch-tab-selected-box-shadow);
   color:var(--content-switch-tab-selected-color);
@@ -8151,44 +8177,45 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
           text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_tabs_module_contentSwitchTabList--9f3da .bp_tabs_module_contentSwitchTab--9f3da:not([aria-disabled=true])[data-focus-visible]{
+.bp_tabs_module_contentSwitchTabList--c5f51 .bp_tabs_module_contentSwitchTab--c5f51:not([aria-disabled=true])[data-focus-visible]{
   border-color:#0000;
   box-shadow:var(--content-switch-tab-focus-box-shadow);
 }
-.bp_tabs_module_contentSwitchTabList--9f3da .bp_tabs_module_contentSwitchTab--9f3da:not([aria-disabled=true]):hover{
+.bp_tabs_module_contentSwitchTabList--c5f51 .bp_tabs_module_contentSwitchTab--c5f51:not([aria-disabled=true]):hover{
   background:var(--content-switch-tab-hover-background);
 }
-.bp_tabs_module_contentSwitchTabList--9f3da .bp_tabs_module_contentSwitchTab--9f3da:not([aria-disabled=true]):active{
+.bp_tabs_module_contentSwitchTabList--c5f51 .bp_tabs_module_contentSwitchTab--c5f51:not([aria-disabled=true]):active{
   background:var(--content-switch-tab-active-background);
 }
-.bp_tabs_module_contentSwitchTabList--9f3da .bp_tabs_module_contentSwitchTab--9f3da[aria-disabled=true]{
+.bp_tabs_module_contentSwitchTabList--c5f51 .bp_tabs_module_contentSwitchTab--c5f51[aria-disabled=true]{
   opacity:.3;
   pointer-events:none;
 }
 
-.bp_tabs_module_tabsListContainer--9f3da{
+.bp_tabs_module_tabsListContainer--c5f51{
   height:calc(var(--tab-height) + (var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset))*2);
   overflow-y:hidden;
   scroll-behavior:smooth;
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51{
   display:flex;
   overflow-x:auto;
   padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tabSeparator--9f3da{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tabSeparator--c5f51{
   border-bottom:var(--tab-separator-border);
   min-width:var(--tab-gap);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tabSeparator--9f3da:last-child{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tabSeparator--c5f51:last-child{
   display:none;
 }
 @media only screen and (max-width: 1023px){
-  .bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tabSeparator--9f3da{
+  .bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tabSeparator--c5f51{
     min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
   }
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51{
+  align-items:center;
   background:var(--tab-background);
   border-style:none;
   border-bottom:var(--tab-border);
@@ -8196,6 +8223,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   border-top-right-radius:var(--tab-border-radius-top-right);
   color:var(--tab-font-color);
   cursor:pointer;
+  display:flex;
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -8209,7 +8237,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-text-case);
   z-index:2;
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51[aria-selected=true]{
   border-bottom:var(--tab-border-selected);
   color:var(--tab-font-selected-color);
   font-family:var(--body-default-bold-font-family);
@@ -8221,23 +8249,23 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
           text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da:hover{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51:hover{
   background-color:var(--tab-background-hover);
   border-bottom:var(--tab-border-hover);
   color:var(--tab-font-color-hover);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da:hover[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51:hover[aria-selected=true]{
   border-bottom:var(--tab-border-selected-hover);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da:active{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51:active{
   background-color:var(--tab-background-pressed);
   color:var(--tab-font-color-hover);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da:active[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51:active[aria-selected=true]{
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da:focus-visible,.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da[data-focus-visible]{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51:focus-visible,.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51[data-focus-visible]{
   background-color:var(--tab-background-hover);
   border-bottom:var(--tab-border-focus);
   border-radius:var(--tab-border-radius);
@@ -8246,11 +8274,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   outline:var(--tab-border-focus-outline-width) solid var(--tab-border-focus-outline-color);
   outline-offset:var(--tab-border-focus-outline-offset);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da[data-focus-visible][aria-selected=true]{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51[data-focus-visible][aria-selected=true]{
   border-bottom:var(--tab-border-selected);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--9f3da .bp_tabs_module_tabList--9f3da .bp_tabs_module_tab--9f3da[aria-disabled=true]{
+.bp_tabs_module_tabsListContainer--c5f51 .bp_tabs_module_tabList--c5f51 .bp_tabs_module_tab--c5f51[aria-disabled=true]{
   opacity:.5;
 }
 

package/dist/lib-esm/page/page-root.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef, useEffect, Children, isValidElement } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { useBreakpoint, Breakpoint } from '../utils/useBreakpoint.js';
 import { useRefWithEffect as useRefWithEffectMemoized } from '../utils/useRefWithEffect.js';
 import { PageProvider, usePageStore } from './page-context.js';
@@ -50,6 +51,9 @@ const PageLayout = /*#__PURE__*/forwardRef(({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const Slots = getChildrenForLandmarks(children);
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsxs("div", {
     ...rest,
     ref: setRefs,
@@ -58,6 +62,7 @@ const PageLayout = /*#__PURE__*/forwardRef(({
       [styles.pageNavigationXXLargeCollapsed]: xxLargeBreakpointActive && !navigationExpanded,
       [styles.pageMediumOrLessViewport]: breakpoint <= Breakpoint.Medium
     }, className),
+    "data-modern": enableModernizedComponents,
     children: [Slots.Navigation, Slots.GlobalHeader, jsxs("div", {
       // hide fixed focus trap region problem and overlaying content on the navigation
       className: clsx(styles.pageMain, {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"page":"bp_page_module_page--41d33","globalHeader":"bp_page_module_globalHeader--41d33","sideContentContainer":"bp_page_module_sideContentContainer--41d33","searchContainer":"bp_page_module_searchContainer--41d33","pageMain":"bp_page_module_pageMain--41d33","topSection":"bp_page_module_topSection--41d33","mainSection":"bp_page_module_mainSection--41d33","content":"bp_page_module_content--41d33","paddingWithSidebarVisible":"bp_page_module_paddingWithSidebarVisible--41d33","sidebar":"bp_page_module_sidebar--41d33","navigationPortal":"bp_page_module_navigationPortal--41d33","navigationContent":"bp_page_module_navigationContent--41d33","navigationPortalLargeCollapsed":"bp_page_module_navigationPortalLargeCollapsed--41d33","navigationPortalLargeExpanded":"bp_page_module_navigationPortalLargeExpanded--41d33","hide":"bp_page_module_hide--41d33","pageMediumOrLessViewport":"bp_page_module_pageMediumOrLessViewport--41d33","search":"bp_page_module_search--41d33","navigationPortalOverlayCollapsed":"bp_page_module_navigationPortalOverlayCollapsed--41d33","navigationPortalOverlayExpanded":"bp_page_module_navigationPortalOverlayExpanded--41d33","pageNavigationXXLargeCollapsed":"bp_page_module_pageNavigationXXLargeCollapsed--41d33","pageNavigationXXLargeExpanded":"bp_page_module_pageNavigationXXLargeExpanded--41d33","portalEntry":"bp_page_module_portalEntry--41d33"};
+var styles = {"page":"bp_page_module_page--96006","globalHeader":"bp_page_module_globalHeader--96006","sideContentContainer":"bp_page_module_sideContentContainer--96006","searchContainer":"bp_page_module_searchContainer--96006","pageMain":"bp_page_module_pageMain--96006","topSection":"bp_page_module_topSection--96006","mainSection":"bp_page_module_mainSection--96006","content":"bp_page_module_content--96006","paddingWithSidebarVisible":"bp_page_module_paddingWithSidebarVisible--96006","sidebar":"bp_page_module_sidebar--96006","navigationPortal":"bp_page_module_navigationPortal--96006","navigationContent":"bp_page_module_navigationContent--96006","navigationPortalLargeCollapsed":"bp_page_module_navigationPortalLargeCollapsed--96006","navigationPortalLargeExpanded":"bp_page_module_navigationPortalLargeExpanded--96006","hide":"bp_page_module_hide--96006","pageMediumOrLessViewport":"bp_page_module_pageMediumOrLessViewport--96006","search":"bp_page_module_search--96006","navigationPortalOverlayCollapsed":"bp_page_module_navigationPortalOverlayCollapsed--96006","navigationPortalOverlayExpanded":"bp_page_module_navigationPortalOverlayExpanded--96006","pageNavigationXXLargeCollapsed":"bp_page_module_pageNavigationXXLargeCollapsed--96006","pageNavigationXXLargeExpanded":"bp_page_module_pageNavigationXXLargeExpanded--96006","portalEntry":"bp_page_module_portalEntry--96006"};
 
 export { styles as default };

package/dist/lib-esm/primitives/tabs/default-tab.js

@@ -38,15 +38,17 @@ const DefaultTab = /*#__PURE__*/forwardRef(function Tab$1(props, ref) {
     checkedScrollOnMount.current = true;
   }, [isTabSelected]);
   return jsxs(Fragment, {
-    children: [jsxs(Tab, {
+    children: [jsx(Tab, {
       ...rest,
       ref: useForkRef(tabRef, ref),
       className: clsx(styles.tab, className),
-      children: [children, jsx("span", {
-        "aria-hidden": "true",
-        className: styles.hiddenWidthSetter,
-        children: children
-      })]
+      children: jsxs("div", {
+        children: [children, jsx("span", {
+          "aria-hidden": "true",
+          className: styles.hiddenWidthSetter,
+          children: children
+        })]
+      })
     }), jsx("div", {
       "aria-hidden": "true",
       className: styles.tabSeparator,

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--9f3da","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--9f3da","tabsListContainer":"bp_tabs_module_tabsListContainer--9f3da","contentSwitchTab":"bp_tabs_module_contentSwitchTab--9f3da","tabList":"bp_tabs_module_tabList--9f3da","tabSeparator":"bp_tabs_module_tabSeparator--9f3da","tab":"bp_tabs_module_tab--9f3da"};
+var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--c5f51","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--c5f51","tabsListContainer":"bp_tabs_module_tabsListContainer--c5f51","contentSwitchTab":"bp_tabs_module_contentSwitchTab--c5f51","tabList":"bp_tabs_module_tabList--c5f51","tabSeparator":"bp_tabs_module_tabSeparator--c5f51","tab":"bp_tabs_module_tab--c5f51"};
 
 export { styles as default };

package/package.json

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