@box/blueprint-web 12.33.2 → 12.34.0

package/dist/lib-esm/index.css

@@ -3220,13 +3220,75 @@
   transform:translateZ(0);
 }
 
-.bp_dropdown_menu_module_content--cffe4{
-  background-color:var(--surface-menu-surface);
-  border:var(--border-1) solid var(--border-card-border);
-  border-radius:var(--radius-3);
-  box-shadow:var(--dropshadow-3);
+.bp_dropdown_menu_module_content--cfc7b[data-modern=false]{
+  --dropdown-menu-radius:var(--radius-3);
+  --dropdown-menu-padding:var(--space-3);
+  --dropdown-menu-text-color:var(--text-text-on-light);
+  --dropdown-menu-background:var(--surface-menu-surface);
+  --dropdown-menu-border:var(--border-1) solid var(--border-card-border);
+  --dropdown-menu-shadow:var(--dropshadow-3);
+  --dropdown-menu-full-screen-padding:var(--space-3);
+  --dropdown-menu-item-background-hover:var(--surface-menu-surface-hover);
+  --dropdown-menu-item-background-focus:var(--surface-menu-surface-hover);
+  --dropdown-menu-item-border-focus:var(--border-2) solid var(--outline-focus-on-light);
+  --dropdown-menu-item-border-active:var(--border-2) solid #0000;
+  --dropdown-menu-item-background-active:var(--surface-menu-surface-hover);
+  --dropdown-menu-item-background-selected:var(--surface-menu-surface-hover);
+  --dropdown-menu-item-padding:var(--space-2);
+  --dropdown-menu-item-border-width:var(--border-2);
+  --dropdown-menu-item-border:var(--border-2) solid #0000;
+  --dropdown-menu-item-radius:var(--radius-3);
+  --dropdown-menu-item-gap:var(--space-4);
+  --dropdown-menu-medium-item-layout-gap:var(--space-2);
+  --dropdown-menu-checkbox-item-medium-padding-start:var(--space-2);
+  --dropdown-menu-radio-item-medium-padding-start:var(--space-2);
+  --dropdown-menu-header-gap:var(--space-2);
+  --dropdown-menu-header-padding:var(--space-3);
+  --dropdown-menu-header-shadow:var(--dropshadow-1);
+  --dropdown-menu-subheader-padding:var(--space-2);
+  --dropdown-menu-end-element-color:var(--text-text-on-light-secondary);
+  --dropdown-menu-separator-margin:var(--space-2);
+  --dropdown-menu-checkmark-left:var(--space-2);
+}
+
+.bp_dropdown_menu_module_content--cfc7b[data-modern=true]{
+  --dropdown-menu-radius:var(--bp-radius-10);
+  --dropdown-menu-padding:var(--bp-space-030);
+  --dropdown-menu-text-color:var(--bp-text-text-on-light);
+  --dropdown-menu-background:var(--bp-surface-menu-surface);
+  --dropdown-menu-border:var(--bp-border-01) solid var(--bp-border-menu-border);
+  --dropdown-menu-shadow:var(--dropshadow-2);
+  --dropdown-menu-full-screen-padding:var(--bp-space-030);
+  --dropdown-menu-item-background-hover:var(--bp-surface-menu-item-surface-hover);
+  --dropdown-menu-item-background-focus:var(--bp-surface-menu-item-surface-hover);
+  --dropdown-menu-item-border-focus:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
+  --dropdown-menu-item-border-active:var(--bp-border-02) solid #0000;
+  --dropdown-menu-item-background-active:var(--bp-surface-menu-item-surface-hover);
+  --dropdown-menu-item-background-selected:var(--bp-surface-menu-item-surface-hover);
+  --dropdown-menu-item-padding:var(--bp-space-020);
+  --dropdown-menu-item-border-width:var(--bp-border-02);
+  --dropdown-menu-item-border:var(--bp-border-02) solid #0000;
+  --dropdown-menu-item-radius:var(--bp-radius-10);
+  --dropdown-menu-item-gap:var(--bp-space-040);
+  --dropdown-menu-medium-item-layout-gap:var(--bp-space-020);
+  --dropdown-menu-checkbox-item-medium-padding-start:var(--bp-space-020);
+  --dropdown-menu-radio-item-medium-padding-start:var(--bp-space-020);
+  --dropdown-menu-header-gap:var(--bp-space-020);
+  --dropdown-menu-header-padding:var(--bp-space-030);
+  --dropdown-menu-header-shadow:var(--dropshadow-1);
+  --dropdown-menu-subheader-padding:var(--bp-space-020);
+  --dropdown-menu-end-element-color:var(--bp-icon-icon-on-light-secondary);
+  --dropdown-menu-separator-margin:var(--bp-space-020);
+  --dropdown-menu-checkmark-left:var(--bp-space-020);
+}
+
+.bp_dropdown_menu_module_content--cfc7b{
+  background-color:var(--dropdown-menu-background);
+  border:var(--dropdown-menu-border);
+  border-radius:var(--dropdown-menu-radius);
+  box-shadow:var(--dropdown-menu-shadow);
   box-sizing:border-box;
-  color:var(--text-text-on-light);
+  color:var(--dropdown-menu-text-color);
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -3236,13 +3298,13 @@
   max-width:min(var(--blueprint-web-dropdown-content-max-width, 50vw), var(--radix-dropdown-menu-content-available-width));
   min-width:var(--blueprint-web-dropdown-content-min-width);
   overflow-y:auto;
-  padding:var(--space-3);
+  padding:var(--dropdown-menu-padding);
   -webkit-text-decoration:var(--body-default-text-decoration);
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
   z-index:2147483647;
 }
-.bp_dropdown_menu_module_content--cffe4[data-menu-fullscreen=true]{
+.bp_dropdown_menu_module_content--cfc7b[data-menu-fullscreen=true]{
   border:unset;
   border-radius:unset;
   display:flex;
@@ -3255,113 +3317,117 @@
   position:relative;
   width:100vw;
 }
-.bp_dropdown_menu_module_content--cffe4[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--cffe4{
+.bp_dropdown_menu_module_content--cfc7b[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--cfc7b{
   overflow-y:auto;
-  padding:var(--space-3);
+  padding:var(--dropdown-menu-full-screen-padding);
 }
-.bp_dropdown_menu_module_content--cffe4 .bp_dropdown_menu_module_subheader--cffe4{
-  padding:var(--space-2);
+.bp_dropdown_menu_module_content--cfc7b .bp_dropdown_menu_module_subheader--cfc7b{
+  padding:var(--dropdown-menu-subheader-padding);
 }
-.bp_dropdown_menu_module_content--cffe4 .bp_dropdown_menu_module_subheader--cffe4.bp_dropdown_menu_module_uppercased--cffe4{
+.bp_dropdown_menu_module_content--cfc7b .bp_dropdown_menu_module_subheader--cfc7b.bp_dropdown_menu_module_uppercased--cfc7b{
   text-transform:uppercase;
 }
-.bp_dropdown_menu_module_content--cffe4 .bp_dropdown_menu_module_dropdownMenuItemSeparator--cffe4{
-  margin-block:var(--space-2);
+.bp_dropdown_menu_module_content--cfc7b .bp_dropdown_menu_module_dropdownMenuItemSeparator--cfc7b{
+  margin-block:var(--dropdown-menu-separator-margin);
 }
 
-.bp_dropdown_menu_module_ellipsis--cffe4{
+.bp_dropdown_menu_module_ellipsis--cfc7b{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_dropdown_menu_module_checkmark--cffe4{
+.bp_dropdown_menu_module_checkmark--cfc7b{
   align-items:center;
   display:inline-flex;
   justify-content:center;
-  left:var(--space-2);
+  left:var(--dropdown-menu-checkmark-left);
   position:absolute;
 }
 
-.bp_dropdown_menu_module_item--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4{
+.bp_dropdown_menu_module_item--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b{
   align-items:center;
-  border:var(--border-2) solid #0000;
-  border-radius:var(--radius-3);
+  border:var(--dropdown-menu-item-border);
+  border-radius:var(--dropdown-menu-item-radius);
   cursor:pointer;
   display:flex;
+  gap:var(--dropdown-menu-item-gap);
   outline:none;
-  padding:calc(var(--border-8) - var(--border-2));
+  padding:calc(var(--dropdown-menu-item-padding) - var(--dropdown-menu-item-border-width));
   position:relative;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_dropdown_menu_module_item--cffe4[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--cffe4[data-disabled]{
+.bp_dropdown_menu_module_item--cfc7b[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--cfc7b[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_dropdown_menu_module_item--cffe4[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--cffe4[data-highlighted]{
-  background-color:var(--surface-menu-surface-hover);
-  border:var(--border-2) solid var(--outline-focus-on-light);
+.bp_dropdown_menu_module_item--cfc7b[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--cfc7b[data-highlighted]{
+  background-color:var(--dropdown-menu-item-background-focus);
+  border:var(--dropdown-menu-item-border-focus);
 }
-.bp_dropdown_menu_module_item--cffe4:active,.bp_dropdown_menu_module_subMenuTrigger--cffe4:active{
-  background-color:var(--surface-menu-surface-hover);
-  border:var(--border-2) solid #0000;
+.bp_dropdown_menu_module_item--cfc7b:active,.bp_dropdown_menu_module_subMenuTrigger--cfc7b:active{
+  background-color:var(--dropdown-menu-item-background-active);
+  border:var(--dropdown-menu-item-border-active);
 }
-.bp_dropdown_menu_module_item--cffe4:hover,.bp_dropdown_menu_module_item--cffe4[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--cffe4:hover,.bp_dropdown_menu_module_subMenuTrigger--cffe4[data-state=open]{
-  background-color:var(--surface-menu-surface-hover);
+.bp_dropdown_menu_module_item--cfc7b[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--cfc7b[data-state=open]{
+  background-color:var(--dropdown-menu-item-background-selected);
+}
+.bp_dropdown_menu_module_item--cfc7b:hover,.bp_dropdown_menu_module_subMenuTrigger--cfc7b:hover{
+  background-color:var(--dropdown-menu-item-background-hover);
 }
-.bp_dropdown_menu_module_item--cffe4.bp_dropdown_menu_module_radioItem--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4.bp_dropdown_menu_module_radioItem--cffe4{
+.bp_dropdown_menu_module_item--cfc7b.bp_dropdown_menu_module_radioItem--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b.bp_dropdown_menu_module_radioItem--cfc7b{
   padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
 }
-.bp_dropdown_menu_module_item--cffe4.bp_dropdown_menu_module_radioItem--cffe4 .bp_dropdown_menu_module_radioItemMediumSpacing--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4.bp_dropdown_menu_module_radioItem--cffe4 .bp_dropdown_menu_module_radioItemMediumSpacing--cffe4{
-  padding-inline-start:var(--space-2);
+.bp_dropdown_menu_module_item--cfc7b.bp_dropdown_menu_module_radioItem--cfc7b .bp_dropdown_menu_module_radioItemMediumSpacing--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b.bp_dropdown_menu_module_radioItem--cfc7b .bp_dropdown_menu_module_radioItemMediumSpacing--cfc7b{
+  padding-inline-start:var(--dropdown-menu-radio-item-medium-padding-start);
 }
-.bp_dropdown_menu_module_item--cffe4.bp_dropdown_menu_module_checkboxItem--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4.bp_dropdown_menu_module_checkboxItem--cffe4{
+.bp_dropdown_menu_module_item--cfc7b.bp_dropdown_menu_module_checkboxItem--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b.bp_dropdown_menu_module_checkboxItem--cfc7b{
   padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
 }
-.bp_dropdown_menu_module_item--cffe4.bp_dropdown_menu_module_checkboxItem--cffe4 .bp_dropdown_menu_module_checkboxItemMediumSpacing--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4.bp_dropdown_menu_module_checkboxItem--cffe4 .bp_dropdown_menu_module_checkboxItemMediumSpacing--cffe4{
-  padding-inline-start:var(--space-2);
+.bp_dropdown_menu_module_item--cfc7b.bp_dropdown_menu_module_checkboxItem--cfc7b .bp_dropdown_menu_module_checkboxItemMediumSpacing--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b.bp_dropdown_menu_module_checkboxItem--cfc7b .bp_dropdown_menu_module_checkboxItemMediumSpacing--cfc7b{
+  padding-inline-start:var(--dropdown-menu-checkbox-item-medium-padding-start);
 }
-.bp_dropdown_menu_module_item--cffe4 .bp_dropdown_menu_module_mediumItemLayout--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4 .bp_dropdown_menu_module_mediumItemLayout--cffe4{
+.bp_dropdown_menu_module_item--cfc7b .bp_dropdown_menu_module_mediumItemLayout--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b .bp_dropdown_menu_module_mediumItemLayout--cfc7b{
   align-items:center;
   display:flex;
-  gap:var(--space-2);
+  gap:var(--dropdown-menu-medium-item-layout-gap);
   justify-content:space-between;
   overflow:hidden;
   width:100%;
 }
-.bp_dropdown_menu_module_item--cffe4 .bp_dropdown_menu_module_startElement--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4 .bp_dropdown_menu_module_startElement--cffe4{
+.bp_dropdown_menu_module_item--cfc7b .bp_dropdown_menu_module_startElement--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b .bp_dropdown_menu_module_startElement--cfc7b{
   align-items:center;
   display:flex;
 }
-.bp_dropdown_menu_module_item--cffe4 .bp_dropdown_menu_module_menuItemMainContent--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4 .bp_dropdown_menu_module_menuItemMainContent--cffe4{
+.bp_dropdown_menu_module_item--cfc7b .bp_dropdown_menu_module_menuItemMainContent--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b .bp_dropdown_menu_module_menuItemMainContent--cfc7b{
   flex-grow:1;
 }
-.bp_dropdown_menu_module_item--cffe4 .bp_dropdown_menu_module_endElement--cffe4,.bp_dropdown_menu_module_subMenuTrigger--cffe4 .bp_dropdown_menu_module_endElement--cffe4{
+.bp_dropdown_menu_module_item--cfc7b .bp_dropdown_menu_module_endElement--cfc7b,.bp_dropdown_menu_module_subMenuTrigger--cfc7b .bp_dropdown_menu_module_endElement--cfc7b{
   align-items:center;
-  color:var(--text-text-on-light-secondary);
+  color:var(--dropdown-menu-end-element-color);
   display:flex;
 }
 
-.bp_dropdown_menu_module_menuHeader--cffe4{
+.bp_dropdown_menu_module_menuHeader--cfc7b{
   align-items:center;
-  box-shadow:var(--dropshadow-1);
+  box-shadow:var(--dropdown-menu-header-shadow);
   display:grid;
-  gap:var(--space-2);
+  gap:var(--dropdown-menu-header-gap);
   grid-template-areas:"submenu-close content close";
   grid-template-columns:auto minmax(0, 1fr) auto;
-  padding:var(--space-3);
+  padding:var(--dropdown-menu-header-padding);
 }
 
-.bp_dropdown_menu_module_headerTextContent--cffe4{
+.bp_dropdown_menu_module_headerTextContent--cfc7b{
   display:grid;
 }
 
-.bp_dropdown_menu_module_submenuCloseButton--cffe4{
+.bp_dropdown_menu_module_submenuCloseButton--cfc7b{
   grid-area:submenu-close;
 }
 
-.bp_dropdown_menu_module_menuCloseButton--cffe4{
+.bp_dropdown_menu_module_menuCloseButton--cfc7b{
   grid-area:close;
 }
 .bp_divider_module_divider--2f437{

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-content.js

@@ -3,6 +3,7 @@ import { Space2, Space4 } from '@box/blueprint-web-assets/tokens/px-tokens';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';
 import { forwardRef, Children, isValidElement } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useFullScreenDropdownMenu } from '../menu-utils/responsiveness/FullScreenDropdownMenuContext.js';
 import { DropdownMenuHeader } from './dropdown-menu-header.js';
 import styles from './dropdown-menu.module.js';
@@ -40,6 +41,9 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     isMenuFullScreenEnabled
   } = useFullScreenDropdownMenu();
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   if (isMenuFullScreenEnabled) {
     const {
       Header,
@@ -52,6 +56,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
+        "data-modern": enableModernizedComponents,
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -68,6 +73,7 @@ const DropdownMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
+        "data-modern": enableModernizedComponents,
         sideOffset: SIDE_OFFSET,
         children: children
       })

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-content.js

@@ -3,6 +3,7 @@ import { Space3, Space4 } from '@box/blueprint-web-assets/tokens/px-tokens';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useFullScreenDropdownMenu } from '../menu-utils/responsiveness/FullScreenDropdownMenuContext.js';
 import { sortMenuChildren } from './dropdown-menu-content.js';
 import styles from './dropdown-menu.module.js';
@@ -24,6 +25,9 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
   const {
     isMenuFullScreenEnabled
   } = useFullScreenDropdownMenu();
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const preventDefault = useCallback(event => event.preventDefault(), []);
   if (isMenuFullScreenEnabled) {
     const {
@@ -37,6 +41,7 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: forwardedRef,
         className: clsx(styles.content, className),
         "data-menu-fullscreen": true,
+        "data-modern": enableModernizedComponents,
         // Prevents submenu from closing, when detects focus outside submenu in fullscreen mode,
         // while mouse is moving over submenu.
         onFocusOutside: preventDefault,
@@ -56,6 +61,7 @@ const DropdownMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         ref: forwardedRef,
         className: clsx(styles.content, className),
         collisionPadding: collisionPadding,
+        "data-modern": enableModernizedComponents,
         sideOffset: SIDE_OFFSET,
         children: children
       })

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_dropdown_menu_module_content--cffe4","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--cffe4","subheader":"bp_dropdown_menu_module_subheader--cffe4","uppercased":"bp_dropdown_menu_module_uppercased--cffe4","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--cffe4","ellipsis":"bp_dropdown_menu_module_ellipsis--cffe4","checkmark":"bp_dropdown_menu_module_checkmark--cffe4","item":"bp_dropdown_menu_module_item--cffe4","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--cffe4","radioItem":"bp_dropdown_menu_module_radioItem--cffe4","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--cffe4","checkboxItem":"bp_dropdown_menu_module_checkboxItem--cffe4","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--cffe4","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--cffe4","startElement":"bp_dropdown_menu_module_startElement--cffe4","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--cffe4","endElement":"bp_dropdown_menu_module_endElement--cffe4","menuHeader":"bp_dropdown_menu_module_menuHeader--cffe4","headerTextContent":"bp_dropdown_menu_module_headerTextContent--cffe4","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--cffe4","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--cffe4"};
+var styles = {"content":"bp_dropdown_menu_module_content--cfc7b","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--cfc7b","subheader":"bp_dropdown_menu_module_subheader--cfc7b","uppercased":"bp_dropdown_menu_module_uppercased--cfc7b","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--cfc7b","ellipsis":"bp_dropdown_menu_module_ellipsis--cfc7b","checkmark":"bp_dropdown_menu_module_checkmark--cfc7b","item":"bp_dropdown_menu_module_item--cfc7b","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--cfc7b","radioItem":"bp_dropdown_menu_module_radioItem--cfc7b","radioItemMediumSpacing":"bp_dropdown_menu_module_radioItemMediumSpacing--cfc7b","checkboxItem":"bp_dropdown_menu_module_checkboxItem--cfc7b","checkboxItemMediumSpacing":"bp_dropdown_menu_module_checkboxItemMediumSpacing--cfc7b","mediumItemLayout":"bp_dropdown_menu_module_mediumItemLayout--cfc7b","startElement":"bp_dropdown_menu_module_startElement--cfc7b","menuItemMainContent":"bp_dropdown_menu_module_menuItemMainContent--cfc7b","endElement":"bp_dropdown_menu_module_endElement--cfc7b","menuHeader":"bp_dropdown_menu_module_menuHeader--cfc7b","headerTextContent":"bp_dropdown_menu_module_headerTextContent--cfc7b","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--cfc7b","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--cfc7b"};
 
 export { styles as default };

package/package.json

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