@box/blueprint-web 12.90.0 → 12.90.1

package/dist/lib-esm/combobox/combobox.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_module_container--42313","label":"bp_combobox_module_label--42313","textInput":"bp_combobox_module_textInput--42313","popover":"bp_combobox_module_popover--42313","disabled":"bp_combobox_module_disabled--42313","hiddenLabel":"bp_combobox_module_hiddenLabel--42313","comboboxContainer":"bp_combobox_module_comboboxContainer--42313","withComboboxButtons":"bp_combobox_module_withComboboxButtons--42313","error":"bp_combobox_module_error--42313","textInputWrapper":"bp_combobox_module_textInputWrapper--42313","errorIcon":"bp_combobox_module_errorIcon--42313","comboboxButtons":"bp_combobox_module_comboboxButtons--42313","withChips":"bp_combobox_module_withChips--42313","inlineError":"bp_combobox_module_inlineError--42313","option":"bp_combobox_module_option--42313","indicator":"bp_combobox_module_indicator--42313","indicatorIcon":"bp_combobox_module_indicatorIcon--42313","optionWithIndicator":"bp_combobox_module_optionWithIndicator--42313","loadingIndicator":"bp_combobox_module_loadingIndicator--42313","noResultOption":"bp_combobox_module_noResultOption--42313"};
+var styles = {"container":"bp_combobox_module_container--80c88","label":"bp_combobox_module_label--80c88","textInput":"bp_combobox_module_textInput--80c88","popover":"bp_combobox_module_popover--80c88","disabled":"bp_combobox_module_disabled--80c88","hiddenLabel":"bp_combobox_module_hiddenLabel--80c88","comboboxContainer":"bp_combobox_module_comboboxContainer--80c88","withComboboxButtons":"bp_combobox_module_withComboboxButtons--80c88","error":"bp_combobox_module_error--80c88","textInputWrapper":"bp_combobox_module_textInputWrapper--80c88","errorIcon":"bp_combobox_module_errorIcon--80c88","comboboxButtons":"bp_combobox_module_comboboxButtons--80c88","withChips":"bp_combobox_module_withChips--80c88","inlineError":"bp_combobox_module_inlineError--80c88","option":"bp_combobox_module_option--80c88","indicator":"bp_combobox_module_indicator--80c88","indicatorIcon":"bp_combobox_module_indicatorIcon--80c88","optionWithIndicator":"bp_combobox_module_optionWithIndicator--80c88","loadingIndicator":"bp_combobox_module_loadingIndicator--80c88","noResultOption":"bp_combobox_module_noResultOption--80c88"};
 
 export { styles as default };

package/dist/lib-esm/index.css

@@ -2936,7 +2936,7 @@
   margin-block-start:var(--text-area-container-row-gap);
 }
 
-.bp_combobox_module_container--42313[data-modern=false]{
+.bp_combobox_module_container--80c88[data-modern=false]{
   --max-lines:3;
   --input-height:var(--space-5);
   --chip-height:var(--space-7);
@@ -2999,7 +2999,7 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_combobox_module_container--42313[data-modern=false] .bp_combobox_module_label--42313{
+.bp_combobox_module_container--80c88[data-modern=false] .bp_combobox_module_label--80c88{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -3009,7 +3009,7 @@
           text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_combobox_module_container--42313[data-modern=false] .bp_combobox_module_textInput--42313{
+.bp_combobox_module_container--80c88[data-modern=false] .bp_combobox_module_textInput--80c88{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -3020,7 +3020,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_combobox_module_container--42313[data-modern=true]{
+.bp_combobox_module_container--80c88[data-modern=true]{
   --max-lines:3;
   --bp-innershadow-01:var(--innershadow-1);
   --bp-input-height:var(--bp-space-050);
@@ -3082,17 +3082,17 @@
   --combobox-button-spacing:var(--bp-space-020);
   font-weight:var(--bp-font-weight-regular);
 }
-.bp_combobox_module_container--42313[data-modern=true],.bp_combobox_module_container--42313[data-modern=true] .bp_combobox_module_label--42313{
+.bp_combobox_module_container--80c88[data-modern=true],.bp_combobox_module_container--80c88[data-modern=true] .bp_combobox_module_label--80c88{
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_combobox_module_container--42313[data-modern=true] .bp_combobox_module_label--42313{
+.bp_combobox_module_container--80c88[data-modern=true] .bp_combobox_module_label--80c88{
   font-weight:var(--bp-font-weight-bold);
 }
-.bp_combobox_module_container--42313[data-modern=true] .bp_combobox_module_textInput--42313{
+.bp_combobox_module_container--80c88[data-modern=true] .bp_combobox_module_textInput--80c88{
   font-family:var(--bp-font-font-family);
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -3101,7 +3101,7 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_combobox_module_popover--42313[data-modern=false]{
+.bp_combobox_module_popover--80c88[data-modern=false]{
   --option-height:2.25rem;
   --dropdown-max-height:12.5rem;
   --combobox-popover-max-height:min(
@@ -3118,7 +3118,7 @@
   --combobox-option-border-radius:var(--radius-3);
   --combobox-option-padding-block:var(--space-2);
   --combobox-option-padding-inline:var(--space-2);
-  --combobox-option-disabled-opacity:tokens.$disabled-opacity;
+  --combobox-option-disabled-opacity:60%;
   --combobox-option-active-background-color:var(--surface-menu-surface-focus);
   --combobox-option-active-border:var(--border-2) solid var(--outline-focus-on-light);
   --combobox-option-active-padding-block:var(--space-2);
@@ -3143,7 +3143,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_combobox_module_popover--42313[data-modern=true]{
+.bp_combobox_module_popover--80c88[data-modern=true]{
   --option-height:2.25rem;
   --dropdown-max-height:12.5rem;
   --bp-dropshadow-03:var(--dropshadow-3);
@@ -3184,22 +3184,22 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_combobox_module_container--42313{
+.bp_combobox_module_container--80c88{
   display:flex;
   flex-direction:column;
 }
-.bp_combobox_module_container--42313.bp_combobox_module_disabled--42313{
+.bp_combobox_module_container--80c88.bp_combobox_module_disabled--80c88{
   opacity:60%;
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_label--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_label--80c88{
   color:var(--combobox-label-color);
   flex:0 0 fit-content;
   overflow-wrap:break-word;
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_label--42313:not(.bp_combobox_module_hiddenLabel--42313){
+.bp_combobox_module_container--80c88 .bp_combobox_module_label--80c88:not(.bp_combobox_module_hiddenLabel--80c88){
   margin-block-end:var(--combobox-label-margin-block-end);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88{
   background-color:var(--combobox-container-background-color);
   border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color);
   border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color);
@@ -3216,15 +3216,15 @@
   padding-inline:var(--combobox-container-padding-inline);
   position:relative;
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withComboboxButtons--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withComboboxButtons--80c88{
   padding-inline-end:var(--combobox-container-padding-inline-end-with-buttons);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled):has(input:focus){
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled):has(input:focus){
   background-color:var(--combobox-container-focus-background-color);
   border:var(--combobox-container-focus-border);
   padding-block:var(--combobox-container-focus-padding-block);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled).bp_combobox_module_error--42313,.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled):has([aria-invalid=true]){
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled).bp_combobox_module_error--80c88,.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled):has([aria-invalid=true]){
   background-color:var(--combobox-container-error-background-color);
   border-bottom:var(--combobox-container-error-border-bottom-width) solid var(--combobox-container-error-border-color);
   border-left:var(--combobox-container-error-border-left-width) solid var(--combobox-container-error-border-color);
@@ -3232,19 +3232,19 @@
   border-top:var(--combobox-container-error-border-top-width) solid var(--combobox-container-error-border-color);
   padding-block:var(--combobox-container-error-padding-block);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--42313):not(:has([aria-invalid=true])){
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88:not(:disabled):not(:has(input:focus)):has(input:hover):not(.bp_combobox_module_error--80c88):not(:has([aria-invalid=true])){
   border-bottom:var(--combobox-container-border-bottom-width) solid var(--combobox-container-border-color-hover);
   border-left:var(--combobox-container-border-left-width) solid var(--combobox-container-border-color-hover);
   border-right:var(--combobox-container-border-right-width) solid var(--combobox-container-border-color-hover);
   border-top:var(--combobox-container-border-top-width) solid var(--combobox-container-border-color-hover);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88{
   align-items:center;
   display:flex;
   flex:content;
   gap:var(--combobox-text-input-wrapper-gap);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313 .bp_combobox_module_textInput--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88 .bp_combobox_module_textInput--80c88{
   background-color:var(--combobox-text-input-background-color);
   border:none;
   color:var(--combobox-text-input-color);
@@ -3253,31 +3253,31 @@
   padding:0;
   width:100%;
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313 .bp_combobox_module_errorIcon--42313 path{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88 .bp_combobox_module_errorIcon--80c88 path{
   fill:var(--combobox-error-icon-fill);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313 .bp_combobox_module_textInputWrapper--42313 .bp_combobox_module_comboboxButtons--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88 .bp_combobox_module_textInputWrapper--80c88 .bp_combobox_module_comboboxButtons--80c88{
   align-items:center;
   display:flex;
   position:absolute;
   right:var(--combobox-button-spacing);
   top:var(--combobox-button-spacing);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withChips--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withChips--80c88{
   max-height:var(--combobox-container-with-chips-max-height);
   padding-block:var(--combobox-container-with-chips-padding-block);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withChips--42313:not(:disabled).bp_combobox_module_error--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withChips--80c88:not(:disabled).bp_combobox_module_error--80c88{
   padding-block:var(--combobox-container-with-chips-error-padding-block);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_comboboxContainer--42313.bp_combobox_module_withChips--42313:not(:disabled):has(input:focus){
+.bp_combobox_module_container--80c88 .bp_combobox_module_comboboxContainer--80c88.bp_combobox_module_withChips--80c88:not(:disabled):has(input:focus){
   padding-block:var(--combobox-container-with-chips-focus-padding-block);
 }
-.bp_combobox_module_container--42313 .bp_combobox_module_inlineError--42313{
+.bp_combobox_module_container--80c88 .bp_combobox_module_inlineError--80c88{
   margin-block-start:var(--combobox-inline-error-margin-block-start);
 }
 
-.bp_combobox_module_popover--42313{
+.bp_combobox_module_popover--80c88{
   backdrop-filter:var(--combobox-popover-backdrop-filter);
   background-color:var(--combobox-popover-background-color);
   border:var(--combobox-popover-border);
@@ -3289,7 +3289,7 @@
   padding-inline:var(--combobox-popover-padding-inline);
   z-index:var(--z-index-popover);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88{
   border:var(--combobox-option-border);
   border-radius:var(--combobox-option-border-radius);
   box-sizing:border-box;
@@ -3304,21 +3304,21 @@
           user-select:none;
   width:100%;
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313[aria-disabled]{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88[aria-disabled]{
   opacity:var(--combobox-option-disabled-opacity);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313[data-active-item]:not([aria-disabled]){
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88[data-active-item]:not([aria-disabled]){
   background-color:var(--combobox-option-active-background-color);
   border:var(--combobox-option-active-border);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313:active{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88:active{
   background-color:var(--combobox-option-hover-background-color);
   border:var(--combobox-option-border);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313:hover{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88:hover{
   background-color:var(--combobox-option-hover-background-color);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313 .bp_combobox_module_indicator--42313{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88 .bp_combobox_module_indicator--80c88{
   align-items:center;
   display:flex;
   height:var(--combobox-option-indicator-height);
@@ -3327,16 +3327,16 @@
   position:absolute;
   top:var(--combobox-option-indicator-top);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_option--42313 .bp_combobox_module_indicator--42313 .bp_combobox_module_indicatorIcon--42313 path{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_option--80c88 .bp_combobox_module_indicator--80c88 .bp_combobox_module_indicatorIcon--80c88 path{
   fill:var(--combobox-option-indicator-icon-fill);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_optionWithIndicator--42313{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_optionWithIndicator--80c88{
   padding-inline:var(--combobox-option-with-indicator-padding-inline);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_loadingIndicator--42313{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_loadingIndicator--80c88{
   position:var(--combobox-loading-indicator-position);
 }
-.bp_combobox_module_popover--42313 .bp_combobox_module_noResultOption--42313{
+.bp_combobox_module_popover--80c88 .bp_combobox_module_noResultOption--80c88{
   color:var(--combobox-no-result-option-color);
   -webkit-user-select:none;
           user-select:none;

package/dist/lib-esm/split-button/split-button.d.ts

@@ -10,6 +10,7 @@ export declare const SplitButton: import("react").ForwardRefExoticComponent<(Omi
     onOpenChange?(pressed: boolean): void;
     disabled?: boolean;
     container?: import("../primitives/dropdown-menu").DropdownMenuContentProps["container"];
+    splitTriggerResinTarget?: string;
 } & Required<Pick<import("./types").Loading, keyof import("./types").Loading>> & Omit<import("./types").Loading, keyof import("./types").Loading>, "ref"> | Omit<Omit<import("../button").ButtonProps, "children"> & {
     children: React.ReactNode;
     label: string;
@@ -22,4 +23,5 @@ export declare const SplitButton: import("react").ForwardRefExoticComponent<(Omi
     onOpenChange?(pressed: boolean): void;
     disabled?: boolean;
     container?: import("../primitives/dropdown-menu").DropdownMenuContentProps["container"];
+    splitTriggerResinTarget?: string;
 } & Partial<Record<keyof import("./types").Loading, never>> & Omit<import("./types").Loading, keyof import("./types").Loading>, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -36,6 +36,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     defaultOpen = false,
     size = 'large',
     variant = 'primary',
+    splitTriggerResinTarget,
     ...rest
   } = props;
   const [leftButtonSize, setLeftButtonSize] = useState(undefined);
@@ -105,6 +106,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         children: jsx(SplitTriggerButton, {
           ref: onRightButtonMountCallback,
           ariaLabel: dropdownTriggerAriaLabel,
+          "data-resin-target": splitTriggerResinTarget,
           disabled: !!disabled,
           isInvisible: loading,
           isOpened: open,

package/dist/lib-esm/split-button/types.d.ts

@@ -39,5 +39,7 @@ export type BasicSplitButtonProps = Omit<ButtonProps, 'children'> & {
     /** Specify a container element to portal the content into. */
     /** @default document.body */
     container?: DropdownMenuContentProps['container'];
+    /** The resin target for the split trigger button. */
+    splitTriggerResinTarget?: string;
 };
 export type SplitButtonProps = BasicSplitButtonProps & RequireAllOrNone<Loading, keyof Loading>;

package/package.json

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