@box/blueprint-web 12.75.1 → 12.75.3

package/dist/lib-esm/index.css

@@ -9075,75 +9075,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/list-item/table-column.js

@@ -1,6 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ArrowUp, ArrowDown } from '@box/blueprint-web-assets/icons/Fill';
-import { Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { useFocusRing } from 'react-aria';
@@ -16,7 +15,7 @@ function SortingArrowIcon({
   direction
 }) {
   const props = {
-    color: Gray100,
+    color: 'var(--icon-icon-on-light)',
     height: '1rem',
     role: 'presentation',
     visibility,

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.1",
+    "version": "12.75.3",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {