@box/blueprint-web 12.93.2 → 12.93.4

package/dist/lib-esm/index.css

@@ -8910,17 +8910,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
 .bp_select_menu_grid_option_module_optionButton--3decf:disabled:not(.bp_select_menu_grid_option_module_loading--3decf){
   opacity:.3;
 }
-.bp_tabs_module_hiddenWidthSetter--cd04a{
+.bp_tabs_module_hiddenWidthSetter--a9468{
   display:block;
   height:0;
   overflow:hidden;
   visibility:hidden;
 }
-.bp_tabs_module_hiddenWidthSetter--cd04a > *{
+.bp_tabs_module_hiddenWidthSetter--a9468 > *{
   visibility:hidden;
 }
 
-.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=false]{
+.bp_tabs_module_contentSwitchTabList--a9468[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);
@@ -8936,7 +8936,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --content-switch-tab-hover-background:var(--surface-surface-hover);
   --content-switch-tab-active-background:var(--surface-cta-surface-secondary-pressed);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=false] .bp_tabs_module_contentSwitchTab--cd04a{
+.bp_tabs_module_contentSwitchTabList--a9468[data-modern=false] .bp_tabs_module_contentSwitchTab--a9468{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -8946,7 +8946,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=false] .bp_tabs_module_contentSwitchTab--cd04a .bp_tabs_module_hiddenWidthSetter--cd04a,.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=false] .bp_tabs_module_contentSwitchTab--cd04a[aria-selected=true]{
+.bp_tabs_module_contentSwitchTabList--a9468[data-modern=false] .bp_tabs_module_contentSwitchTab--a9468 .bp_tabs_module_hiddenWidthSetter--a9468,.bp_tabs_module_contentSwitchTabList--a9468[data-modern=false] .bp_tabs_module_contentSwitchTab--a9468[aria-selected=true]{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -8957,7 +8957,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-bold-text-case);
 }
 
-.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=true]{
+.bp_tabs_module_contentSwitchTabList--a9468[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-surface-content-switcher-surface);
@@ -8972,7 +8972,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --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-surface-content-switcher-surface-hover);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=true] .bp_tabs_module_contentSwitchTab--cd04a{
+.bp_tabs_module_contentSwitchTabList--a9468[data-modern=true] .bp_tabs_module_contentSwitchTab--a9468{
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -8980,7 +8980,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=true] .bp_tabs_module_contentSwitchTab--cd04a .bp_tabs_module_hiddenWidthSetter--cd04a,.bp_tabs_module_contentSwitchTabList--cd04a[data-modern=true] .bp_tabs_module_contentSwitchTab--cd04a[aria-selected=true]{
+.bp_tabs_module_contentSwitchTabList--a9468[data-modern=true] .bp_tabs_module_contentSwitchTab--a9468 .bp_tabs_module_hiddenWidthSetter--a9468,.bp_tabs_module_contentSwitchTabList--a9468[data-modern=true] .bp_tabs_module_contentSwitchTab--a9468[aria-selected=true]{
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -8989,7 +8989,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_tabs_module_tabsListContainer--cd04a[data-modern=false]{
+.bp_tabs_module_tabsListContainer--a9468[data-modern=false]{
   --tab-height:var(--size-10);
   --tab-inline-padding:var(--space-3);
   --tab-background:var(--background-background);
@@ -9001,19 +9001,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --tab-font-color:var(--text-text-on-light-secondary);
   --tab-font-color-hover:var(--text-text-on-light-secondary-hover);
   --tab-font-selected-color:var(--text-cta-link);
-  --tab-border:var(--border-2) solid var(--border-tab-border);
-  --tab-border-hover:var(--border-2) solid var(--border-tab-border);
+  --tab-border:var(--border-1) solid var(--border-tab-border);
+  --tab-border-hover:var(--border-1) solid var(--border-tab-border);
   --tab-border-selected:var(--border-2) solid var(--border-tab-border-selected);
   --tab-border-selected-hover:var(--border-2) solid var(--border-tab-border-selected-hover);
   --tab-border-focus:var(--border-2) solid var(--border-tab-border);
   --tab-gap:var(--space-4);
-  --tab-separator-border:var(--border-2) solid var(--border-tab-border);
+  --tab-separator-border:var(--border-1) solid var(--border-tab-border);
   --tab-border-focus-outline-width:var(--border-3);
   --tab-border-focus-outline-color:var(--outline-focus-on-light);
   --tab-border-focus-outline-offset:var(--border-1);
   --tab-border-hover-color:var(--border-tab-border-hover);
 }
-.bp_tabs_module_tabsListContainer--cd04a[data-modern=false] .bp_tabs_module_tab--cd04a{
+.bp_tabs_module_tabsListContainer--a9468[data-modern=false] .bp_tabs_module_tab--a9468{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -9023,7 +9023,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_tabs_module_tabsListContainer--cd04a[data-modern=false] .bp_tabs_module_tab--cd04a .bp_tabs_module_hiddenWidthSetter--cd04a,.bp_tabs_module_tabsListContainer--cd04a[data-modern=false] .bp_tabs_module_tab--cd04a[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--a9468[data-modern=false] .bp_tabs_module_tab--a9468 .bp_tabs_module_hiddenWidthSetter--a9468,.bp_tabs_module_tabsListContainer--a9468[data-modern=false] .bp_tabs_module_tab--a9468[aria-selected=true]{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -9034,7 +9034,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-bold-text-case);
 }
 
-.bp_tabs_module_tabsListContainer--cd04a[data-modern=true]{
+.bp_tabs_module_tabsListContainer--a9468[data-modern=true]{
   --tab-height:var(--bp-size-100);
   --tab-inline-padding:var(--bp-space-030);
   --tab-background:var(--bp-surface-tab-surface);
@@ -9059,7 +9059,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --tab-border-hover-color:var(--bp-border-tab-border-hover);
   --tab-border-selected-color:var(--bp-border-tab-border-selected);
 }
-.bp_tabs_module_tabsListContainer--cd04a[data-modern=true] .bp_tabs_module_tab--cd04a{
+.bp_tabs_module_tabsListContainer--a9468[data-modern=true] .bp_tabs_module_tab--a9468{
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -9067,7 +9067,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_tabs_module_tabsListContainer--cd04a[data-modern=true] .bp_tabs_module_tab--cd04a .bp_tabs_module_hiddenWidthSetter--cd04a,.bp_tabs_module_tabsListContainer--cd04a[data-modern=true] .bp_tabs_module_tab--cd04a[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--a9468[data-modern=true] .bp_tabs_module_tab--a9468 .bp_tabs_module_hiddenWidthSetter--a9468,.bp_tabs_module_tabsListContainer--a9468[data-modern=true] .bp_tabs_module_tab--a9468[aria-selected=true]{
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -9076,7 +9076,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_tabs_module_contentSwitchTabList--cd04a{
+.bp_tabs_module_contentSwitchTabList--a9468{
   background:var(--content-switch-tab-list-background);
   border-radius:var(--content-switch-tab-list-border-radius);
   display:grid;
@@ -9087,7 +9087,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--cd04a .bp_tabs_module_contentSwitchTab--cd04a{
+.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468{
   align-items:center;
   background:#0000;
   border:none;
@@ -9101,49 +9101,58 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   padding-inline:var(--content-switch-tab-padding-inline);
   white-space:nowrap;
 }
-.bp_tabs_module_contentSwitchTabList--cd04a .bp_tabs_module_contentSwitchTab--cd04a[aria-selected=true]{
+.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468[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);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a .bp_tabs_module_contentSwitchTab--cd04a:not([aria-disabled=true])[data-focus-visible]{
+.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468:not([aria-disabled=true])[data-focus-visible]{
   border-color:#0000;
   box-shadow:var(--content-switch-tab-focus-box-shadow);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a .bp_tabs_module_contentSwitchTab--cd04a:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--cd04a .bp_tabs_module_contentSwitchTab--cd04a:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
+.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468:not([aria-disabled=true]):hover,.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468:not([aria-disabled=true])[data-focus-visible]:not([aria-selected=true]){
   background:var(--content-switch-tab-hover-background);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a .bp_tabs_module_contentSwitchTab--cd04a:not([aria-disabled=true]):active{
+.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468:not([aria-disabled=true]):active{
   background:var(--content-switch-tab-active-background);
 }
-.bp_tabs_module_contentSwitchTabList--cd04a .bp_tabs_module_contentSwitchTab--cd04a[aria-disabled=true]{
+.bp_tabs_module_contentSwitchTabList--a9468 .bp_tabs_module_contentSwitchTab--a9468[aria-disabled=true]{
   opacity:.3;
   pointer-events:none;
 }
 
-.bp_tabs_module_tabsListContainer--cd04a{
+.bp_tabs_module_tabsListContainer--a9468{
   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--cd04a .bp_tabs_module_tabList--cd04a{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468{
   display:flex;
   overflow-x:auto;
   padding:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
+  position:relative;
+}
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468::after{
+  border-bottom:var(--tab-border);
+  bottom:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
+  content:"";
+  left:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
+  position:absolute;
+  right:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tabSeparator--cd04a{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tabSeparator--a9468{
   border-bottom:var(--tab-separator-border);
   min-width:var(--tab-gap);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tabSeparator--cd04a:last-child{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tabSeparator--a9468:last-child{
   display:none;
 }
 @media only screen and (max-width: 1023px){
-  .bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tabSeparator--cd04a{
+  .bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tabSeparator--a9468{
     min-width:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
   }
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468{
   align-items:center;
   background:var(--tab-background);
   border-style:none;
@@ -9158,27 +9167,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   scroll-margin:calc(var(--tab-border-focus-outline-width) + var(--tab-border-focus-outline-offset));
   z-index:2;
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468[aria-selected=true]{
   border-bottom:var(--tab-border-selected);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a:hover{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468:hover{
   background-color:var(--tab-background-hover);
   border-bottom:var(--tab-border-hover);
   color:var(--tab-font-color-hover);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a:hover[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468:hover[aria-selected=true]{
   border-bottom:var(--tab-border-selected-hover);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a:active{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468:active{
   background-color:var(--tab-background-pressed);
   color:var(--tab-font-color-hover);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a:active[aria-selected=true]{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468:active[aria-selected=true]{
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a:focus-visible,.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a[data-focus-visible]{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468:focus-visible,.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468[data-focus-visible]{
   background-color:var(--tab-background-hover);
   border-bottom:var(--tab-border-focus);
   border-radius:var(--tab-border-radius);
@@ -9187,11 +9196,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--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a[data-focus-visible][aria-selected=true]{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468:focus-visible[aria-selected=true],.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468[data-focus-visible][aria-selected=true]{
   border-bottom:var(--tab-border-selected);
   color:var(--tab-font-selected-color);
 }
-.bp_tabs_module_tabsListContainer--cd04a .bp_tabs_module_tabList--cd04a .bp_tabs_module_tab--cd04a[aria-disabled=true]{
+.bp_tabs_module_tabsListContainer--a9468 .bp_tabs_module_tabList--a9468 .bp_tabs_module_tab--a9468[aria-disabled=true]{
   opacity:.5;
 }
 .bp_radio_group_module_root--cff54[data-modern=false]{

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

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

package/dist/lib-esm/toolbar/toolbar-button.js

@@ -21,7 +21,9 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarButton, className),
-    "data-disabled": disabled,
+    ...(disabled ? {
+      'data-disabled': ''
+    } : {}),
     "data-modern": enableModernizedComponents ? 'true' : 'false',
     disabled: disabled,
     style: {

package/package.json

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