@box/blueprint-web 12.74.0 → 12.75.0

package/dist/lib-esm/index.css

@@ -8032,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);
@@ -8046,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);
@@ -8066,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);
@@ -8081,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);
@@ -8106,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);
@@ -8132,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;
@@ -8143,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;
@@ -8164,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);
@@ -8177,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);
@@ -8222,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);
@@ -8235,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);
@@ -8247,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);
@@ -8272,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/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.74.0",
+    "version": "12.75.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {