@box/blueprint-web 12.75.2 → 12.75.4

package/dist/lib-esm/index.css

@@ -7211,7 +7211,8 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
   }
 }
 
-.bp_context_menu_module_menuBlock--c2c3f[data-modern=false]{
+.bp_context_menu_module_menuBlock--d3615[data-modern=false]{
+  --context-menu-block-font-color:unset;
   --context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
   --context-menu-block-max-width:var(--blueprint-web-context-menu-max-width);
   --context-menu-block-max-height:var(
@@ -7236,7 +7237,8 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
   --context-menu-items-separator-margin:var(--space-2);
 }
 
-.bp_context_menu_module_menuBlock--c2c3f[data-modern=true]{
+.bp_context_menu_module_menuBlock--d3615[data-modern=true]{
+  --context-menu-block-font-color:var(--bp-text-text-on-light);
   --context-menu-block-min-width:var(--blueprint-web-context-menu-min-width, 160px);
   --context-menu-block-max-width:var(--blueprint-web-context-menu-max-width);
   --context-menu-block-max-height:var(
@@ -7261,31 +7263,32 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
   --context-menu-items-separator-margin:var(--bp-space-020);
 }
 
-.bp_context_menu_module_menuHeader--c2c3f[data-modern=false]{
+.bp_context_menu_module_menuHeader--d3615[data-modern=false]{
   --context-menu-header-padding:var(--space-3);
   --context-menu-header-gap:var(--space-2);
   --context-menu-header-shadow:var(--dropshadow-1);
 }
 
-.bp_context_menu_module_menuHeader--c2c3f[data-modern=true]{
+.bp_context_menu_module_menuHeader--d3615[data-modern=true]{
   --context-menu-header-padding:var(--bp-space-030) var(--bp-space-040);
   --context-menu-header-gap:var(--bp-space-030);
   --context-menu-header-shadow:var(--dropshadow-1);
 }
 
-.bp_context_menu_module_menuBlock--c2c3f{
+.bp_context_menu_module_menuBlock--d3615{
   backdrop-filter:var(--context-menu-block-backdrop-filter);
   background-color:var(--context-menu-block-background-color);
   border:var(--context-menu-block-border);
   border-radius:var(--context-menu-block-radius);
   box-shadow:var(--context-menu-block-shadow);
   box-sizing:border-box;
+  color:var(--context-menu-block-font-color);
   max-height:var(--context-menu-block-max-height);
   max-width:var(--context-menu-block-max-width);
   min-width:var(--context-menu-block-min-width);
   padding:var(--context-menu-block-padding);
 }
-.bp_context_menu_module_menuBlock--c2c3f[data-menu-fullscreen=true]{
+.bp_context_menu_module_menuBlock--d3615[data-menu-fullscreen=true]{
   border:unset;
   border-radius:unset;
   display:flex;
@@ -7298,14 +7301,14 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
   position:relative;
   width:100vw;
 }
-.bp_context_menu_module_menuBlock--c2c3f[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--c2c3f{
+.bp_context_menu_module_menuBlock--d3615[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--d3615{
   overflow-y:auto;
   padding:var(--context-menu-fullscreen-content-padding);
 }
-.bp_context_menu_module_menuBlock--c2c3f .bp_context_menu_module_menuItemsSeparator--c2c3f{
+.bp_context_menu_module_menuBlock--d3615 .bp_context_menu_module_menuItemsSeparator--d3615{
   margin:var(--context-menu-items-separator-margin);
 }
-.bp_context_menu_module_menuBlock--c2c3f .bp_context_menu_module_menuItem--c2c3f{
+.bp_context_menu_module_menuBlock--d3615 .bp_context_menu_module_menuItem--d3615{
   align-items:center;
   background-color:var(--context-menu-background-color);
   border:var(--context-menu-item-border);
@@ -7318,19 +7321,19 @@ table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,
   padding-inline:var(--context-menu-item-padding);
   position:relative;
 }
-.bp_context_menu_module_menuBlock--c2c3f .bp_context_menu_module_menuItem--c2c3f[data-disabled]{
+.bp_context_menu_module_menuBlock--d3615 .bp_context_menu_module_menuItem--d3615[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_context_menu_module_menuBlock--c2c3f .bp_context_menu_module_menuItem--c2c3f[data-highlighted]:not(:hover){
+.bp_context_menu_module_menuBlock--d3615 .bp_context_menu_module_menuItem--d3615[data-highlighted]:not(:hover){
   background-color:var(--context-menu-item-background-color-hover);
   border:var(--context-menu-item-focus-border);
 }
-.bp_context_menu_module_menuBlock--c2c3f .bp_context_menu_module_menuItem--c2c3f:active{
+.bp_context_menu_module_menuBlock--d3615 .bp_context_menu_module_menuItem--d3615:active{
   background-color:var(--context-menu-item-background-color-pressed);
   border:var(--context-menu-item-border);
 }
-.bp_context_menu_module_menuBlock--c2c3f .bp_context_menu_module_menuItem--c2c3f:hover{
+.bp_context_menu_module_menuBlock--d3615 .bp_context_menu_module_menuItem--d3615:hover{
   background-color:var(--context-menu-item-background-color-hover);
 }
 div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):has([data-menu-fullscreen=true]){
@@ -7339,7 +7342,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:100%;
 }
 
-.bp_context_menu_module_menuHeader--c2c3f{
+.bp_context_menu_module_menuHeader--d3615{
   align-items:center;
   box-shadow:var(--context-menu-header-shadow);
   display:grid;
@@ -7349,19 +7352,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   padding:var(--context-menu-header-padding);
 }
 
-.bp_context_menu_module_headerTextContent--c2c3f{
+.bp_context_menu_module_headerTextContent--d3615{
   display:grid;
 }
 
-.bp_context_menu_module_submenuCloseButton--c2c3f{
+.bp_context_menu_module_submenuCloseButton--d3615{
   grid-area:submenu-close;
 }
 
-.bp_context_menu_module_menuCloseButton--c2c3f{
+.bp_context_menu_module_menuCloseButton--d3615{
   grid-area:close;
 }
 
-.bp_context_menu_module_ellipsis--c2c3f{
+.bp_context_menu_module_ellipsis--d3615{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
@@ -9075,75 +9078,85 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
 .bp_trigger_button_module_triggerButton--6f670.bp_trigger_button_module_large--6f670{
   padding:var(--button-large-padding);
 }
-.bp_styles_module_splitButton--0eee5[data-modern=false]{
+.bp_styles_module_splitButton--75e0b[data-modern=false]{
   --split-button-left-width:100%;
   --split-button-left-gap-margin-inline-end:calc(var(--space-05)/2);
   --split-button-left-skip-right-border-border-inline-end-color:#0000;
-  --split-button-left-skip-right-border-focus-visible-border-inline-end-color:var(--border-cta-border-secondary-hover);
+  --split-button-left-skip-right-border-focus-visible-border-inline-end-color:var(
+          --border-cta-border-secondary-hover
+      );
+  --split-button-left-element-padding:0 var(--size-4);
   --split-button-right-element-padding:0 var(--size-4);
   --split-button-right-svg-width:var(--size-3);
   --split-button-right-svg-height:var(--size-3);
+  --split-button-right-element-border-color:var(--border-cta-border-secondary);
 }
 
-.bp_styles_module_splitButton--0eee5[data-modern=true]{
+.bp_styles_module_splitButton--75e0b[data-modern=true]{
   --split-button-left-width:100%;
   --split-button-left-gap-margin-inline-end:calc(var(--bp-space-005)/2);
   --split-button-left-skip-right-border-border-inline-end-color:#0000;
   --split-button-left-skip-right-border-focus-visible-border-inline-end-color:var(--bp-border-cta-border-secondary);
+  --split-button-left-element-padding:0 var(--bp-space-030) 0 var(--bp-space-040);
   --split-button-right-element-padding:var(--bp-size-030) var(--bp-size-040) var(--bp-size-030) var(--bp-size-030);
-  --split-button-right-svg-width:var(--bp-size-030);
-  --split-button-right-svg-height:var(--bp-size-030);
+  --split-button-right-svg-width:var(--bp-size-040);
+  --split-button-right-svg-height:var(--bp-size-040);
+  --split-button-right-element-border-color:var(--bp-border-cta-border-secondary);
 }
 
-.bp_styles_module_dropdown--0eee5[data-modern=false],.bp_styles_module_dropdown--0eee5[data-modern=true]{
+.bp_styles_module_dropdown--75e0b[data-modern=false],.bp_styles_module_dropdown--75e0b[data-modern=true]{
   --split-button-dropdown-min-width:160px;
 }
 
-.bp_styles_module_splitButton--0eee5{
+.bp_styles_module_splitButton--75e0b{
   display:inline-flex;
   position:relative;
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonLeft--0eee5{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b{
   border-bottom-right-radius:0;
   border-top-right-radius:0;
+  padding:var(--split-button-left-element-padding);
   width:var(--split-button-left-width);
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonLeft--0eee5.bp_styles_module_gap--0eee5{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b.bp_styles_module_gap--75e0b{
   margin-inline-end:var(--split-button-left-gap-margin-inline-end);
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonLeft--0eee5:focus-visible{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b:focus-visible{
   z-index:1;
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonLeft--0eee5.bp_styles_module_skipRightBorder--0eee5{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b.bp_styles_module_skipRightBorder--75e0b{
   border-inline-end-color:var(--split-button-left-skip-right-border-border-inline-end-color) !important;
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonLeft--0eee5.bp_styles_module_skipRightBorder--0eee5:focus-visible{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonLeft--75e0b.bp_styles_module_skipRightBorder--75e0b:focus-visible{
   border-inline-end-color:var(--split-button-left-skip-right-border-focus-visible-border-inline-end-color) !important;
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_loadingButton--0eee5{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_loadingButton--75e0b{
   width:100%;
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonRight--0eee5{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b{
   border-end-start-radius:0;
   border-start-start-radius:0;
   padding:var(--split-button-right-element-padding) !important;
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonRight--0eee5 svg{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b svg{
   height:var(--split-button-right-svg-height);
   width:var(--split-button-right-svg-width);
 }
-.bp_styles_module_splitButton--0eee5 .bp_styles_module_splitButtonRight--0eee5:focus-visible{
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b:focus-visible{
   z-index:1;
 }
+.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b,.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b:active,.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b:focus-visible,.bp_styles_module_splitButton--75e0b .bp_styles_module_splitButtonRight--75e0b.bp_styles_module_secondary--75e0b:hover{
+  border-color:var(--split-button-right-element-border-color);
+}
 
-.bp_styles_module_invisible--0eee5{
+.bp_styles_module_invisible--75e0b{
   left:0;
   position:absolute;
   top:0;
   visibility:hidden;
 }
 
-.bp_styles_module_dropdown--0eee5{
+.bp_styles_module_dropdown--75e0b{
   min-width:var(--split-button-dropdown-min-width);
 }
 

package/dist/lib-esm/primitives/context-menu/context-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuBlock":"bp_context_menu_module_menuBlock--c2c3f","menuHeader":"bp_context_menu_module_menuHeader--c2c3f","fullScreenContent":"bp_context_menu_module_fullScreenContent--c2c3f","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--c2c3f","menuItem":"bp_context_menu_module_menuItem--c2c3f","headerTextContent":"bp_context_menu_module_headerTextContent--c2c3f","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--c2c3f","menuCloseButton":"bp_context_menu_module_menuCloseButton--c2c3f","ellipsis":"bp_context_menu_module_ellipsis--c2c3f"};
+var styles = {"menuBlock":"bp_context_menu_module_menuBlock--d3615","menuHeader":"bp_context_menu_module_menuHeader--d3615","fullScreenContent":"bp_context_menu_module_fullScreenContent--d3615","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--d3615","menuItem":"bp_context_menu_module_menuItem--d3615","headerTextContent":"bp_context_menu_module_headerTextContent--d3615","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--d3615","menuCloseButton":"bp_context_menu_module_menuCloseButton--d3615","ellipsis":"bp_context_menu_module_ellipsis--d3615"};
 
 export { styles as default };

package/dist/lib-esm/split-button/SplitTriggerButton.js

@@ -18,7 +18,7 @@ const SplitTriggerButton = /*#__PURE__*/forwardRef((props, ref) => {
     ref: ref,
     "aria-label": dropdownTriggerAriaLabel,
     caretDirection: isOpened ? 'up' : 'down',
-    className: clsx(styles.splitButtonRight, {
+    className: clsx(styles.splitButtonRight, styles[`${variant}`], {
       [styles.invisible]: isInvisible,
       [styles.gap]: variant === 'primary'
     }),

package/dist/lib-esm/split-button/styles.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"splitButton":"bp_styles_module_splitButton--0eee5","dropdown":"bp_styles_module_dropdown--0eee5","splitButtonLeft":"bp_styles_module_splitButtonLeft--0eee5","gap":"bp_styles_module_gap--0eee5","skipRightBorder":"bp_styles_module_skipRightBorder--0eee5","loadingButton":"bp_styles_module_loadingButton--0eee5","splitButtonRight":"bp_styles_module_splitButtonRight--0eee5","invisible":"bp_styles_module_invisible--0eee5"};
+var styles = {"splitButton":"bp_styles_module_splitButton--75e0b","dropdown":"bp_styles_module_dropdown--75e0b","splitButtonLeft":"bp_styles_module_splitButtonLeft--75e0b","gap":"bp_styles_module_gap--75e0b","skipRightBorder":"bp_styles_module_skipRightBorder--75e0b","loadingButton":"bp_styles_module_loadingButton--75e0b","splitButtonRight":"bp_styles_module_splitButtonRight--75e0b","secondary":"bp_styles_module_secondary--75e0b","invisible":"bp_styles_module_invisible--75e0b"};
 
 export { styles as default };

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { CaretUp, CaretDown } from '@box/blueprint-web-assets/icons/Fill';
+import { ChevronUp, ChevronDown } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
@@ -45,7 +46,9 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       }
     }), label && jsx(BaseButton.Label, {
       children: label
-    }), jsx(BaseButton.Icon, {
+    }), enableModernizedComponents ? jsx(BaseButton.Icon, {
+      icon: caretDirection === 'up' ? ChevronUp : ChevronDown
+    }) : jsx(BaseButton.Icon, {
       icon: caretDirection === 'up' ? CaretUp : CaretDown
     })]
   });

package/package.json

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