@box/blueprint-web 12.78.0 → 12.78.2

package/dist/lib-esm/index.css

@@ -8086,7 +8086,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   opacity:.3;
 }
 
-.bp_tabs_module_hiddenWidthSetter--923da{
+.bp_tabs_module_hiddenWidthSetter--e5edb{
   display:block;
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
@@ -8100,11 +8100,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--923da > *{
+.bp_tabs_module_hiddenWidthSetter--e5edb > *{
   visibility:hidden;
 }
 
-.bp_tabs_module_contentSwitchTabList--923da[data-modern=false]{
+.bp_tabs_module_contentSwitchTabList--e5edb[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);
@@ -8112,6 +8112,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --content-switch-tab-height:var(--size-8);
   --content-switch-tab-border-radius:var(--radius-6);
   --content-switch-tab-padding-inline:var(--space-4);
+  --content-switch-tab-color:var(--text-text-on-light);
   --content-switch-tab-selected-color:var(--text-text-on-light);
   --content-switch-tab-selected-background:var(--surface-cta-surface-secondary);
   --content-switch-tab-selected-box-shadow:0 0 0 var(--border-1) var(--gray-50);
@@ -8120,22 +8121,23 @@ 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--923da[data-modern=true]{
+.bp_tabs_module_contentSwitchTabList--e5edb[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);
+  --content-switch-tab-list-background:var(--bp-surface-content-switcher-surface);
   --content-switch-tab-list-border-radius:var(--bp-radius-10);
   --content-switch-tab-height:var(--bp-size-080);
   --content-switch-tab-border-radius:var(--bp-radius-10);
   --content-switch-tab-padding-inline:var(--bp-space-040);
+  --content-switch-tab-color:var(--bp-text-text-on-light);
   --content-switch-tab-selected-color:var(--bp-text-text-on-light);
-  --content-switch-tab-selected-background:var(--bp-gray-white);
-  --content-switch-tab-selected-box-shadow:0 0 0 var(--bp-border-01) var(--bp-gray-50);
+  --content-switch-tab-selected-background:var(--bp-surface-content-switcher-surface-selected);
+  --content-switch-tab-selected-box-shadow:0 0 0 var(--bp-border-01) var(--bp-border-content-switcher-border);
   --content-switch-tab-focus-box-shadow:0 0 0 var(--bp-border-02) var(--bp-outline-focus-on-light);
-  --content-switch-tab-hover-background:var(--bp-gray-05);
+  --content-switch-tab-hover-background:var(--bp-surface-content-switcher-surface-hover);
 }
 
-.bp_tabs_module_tabsListContainer--923da[data-modern=false]{
+.bp_tabs_module_tabsListContainer--e5edb[data-modern=false]{
   --tab-height:var(--size-10);
   --tab-inline-padding:var(--space-3);
   --tab-background:var(--background-background);
@@ -8160,7 +8162,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--923da[data-modern=true]{
+.bp_tabs_module_tabsListContainer--e5edb[data-modern=true]{
   --tab-height:var(--bp-size-100);
   --tab-inline-padding:var(--bp-space-030);
   --tab-background:var(--bp-background-background);
@@ -8186,7 +8188,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--923da{
+.bp_tabs_module_contentSwitchTabList--e5edb{
   background:var(--content-switch-tab-list-background);
   border-radius:var(--content-switch-tab-list-border-radius);
   display:grid;
@@ -8197,11 +8199,12 @@ 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--923da .bp_tabs_module_contentSwitchTab--923da{
+.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb{
   align-items:center;
   background:#0000;
   border:none;
   border-radius:var(--content-switch-tab-border-radius);
+  color:var(--content-switch-tab-color);
   display:flex;
   flex-direction:column;
   font-family:var(--body-default-font-family);
@@ -8218,7 +8221,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--923da .bp_tabs_module_contentSwitchTab--923da[aria-selected=true]{
+.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb[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);
@@ -8231,44 +8234,44 @@ 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--923da .bp_tabs_module_contentSwitchTab--923da:not([aria-disabled=true])[data-focus-visible]{
+.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb:not([aria-disabled=true])[data-focus-visible]{
   border-color:#0000;
   box-shadow:var(--content-switch-tab-focus-box-shadow);
 }
-.bp_tabs_module_contentSwitchTabList--923da .bp_tabs_module_contentSwitchTab--923da:not([aria-disabled=true]):hover{
+.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
   background:var(--content-switch-tab-hover-background);
 }
-.bp_tabs_module_contentSwitchTabList--923da .bp_tabs_module_contentSwitchTab--923da:not([aria-disabled=true]):active{
+.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb:not([aria-disabled=true]):active{
   background:var(--content-switch-tab-active-background);
 }
-.bp_tabs_module_contentSwitchTabList--923da .bp_tabs_module_contentSwitchTab--923da[aria-disabled=true]{
+.bp_tabs_module_contentSwitchTabList--e5edb .bp_tabs_module_contentSwitchTab--e5edb[aria-disabled=true]{
   opacity:.3;
   pointer-events:none;
 }
 
-.bp_tabs_module_tabsListContainer--923da{
+.bp_tabs_module_tabsListContainer--e5edb{
   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--923da .bp_tabs_module_tabList--923da{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb{
   display:flex;
   overflow-x:auto;
   padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tabSeparator--923da{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tabSeparator--e5edb{
   border-bottom:var(--tab-separator-border);
   min-width:var(--tab-gap);
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tabSeparator--923da:last-child{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tabSeparator--e5edb:last-child{
   display:none;
 }
 @media only screen and (max-width: 1023px){
-  .bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tabSeparator--923da{
+  .bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tabSeparator--e5edb{
     min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
   }
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb{
   align-items:center;
   background:var(--tab-background);
   border-style:none;
@@ -8291,7 +8294,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--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb[aria-selected=true]{
   border-bottom:var(--tab-border-selected);
   color:var(--tab-font-selected-color);
   font-family:var(--body-default-bold-font-family);
@@ -8303,23 +8306,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--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da:hover{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb:hover{
   background-color:var(--tab-background-hover);
   border-bottom:var(--tab-border-hover);
   color:var(--tab-font-color-hover);
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da:hover[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb:hover[aria-selected=true]{
   border-bottom:var(--tab-border-selected-hover);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da:active{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb:active{
   background-color:var(--tab-background-pressed);
   color:var(--tab-font-color-hover);
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da:active[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb:active[aria-selected=true]{
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da:focus-visible,.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da[data-focus-visible]{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb:focus-visible,.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb[data-focus-visible]{
   background-color:var(--tab-background-hover);
   border-bottom:var(--tab-border-focus);
   border-radius:var(--tab-border-radius);
@@ -8328,11 +8331,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--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da[data-focus-visible][aria-selected=true]{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb[data-focus-visible][aria-selected=true]{
   border-bottom:var(--tab-border-selected);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--923da .bp_tabs_module_tabList--923da .bp_tabs_module_tab--923da[aria-disabled=true]{
+.bp_tabs_module_tabsListContainer--e5edb .bp_tabs_module_tabList--e5edb .bp_tabs_module_tab--e5edb[aria-disabled=true]{
   opacity:.5;
 }
 

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

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

package/package.json

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