npm - @box/blueprint-web - Versions diffs - 12.61.0 → 12.63.0 - Mend

@box/blueprint-web 12.61.0 → 12.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/lib-esm/index.css CHANGED Viewed

@@ -4232,12 +4232,28 @@
   height:var(--border-1);
   margin-block:0;
 }
-.bp_menu_item_sections_module_menuItemMainContent--36b49{
+.bp_menu_item_sections_module_menuItemMainContent--d8163[data-modern=false]{
+  --menu-item-text-color:var(--text-text-on-light);
+}
+.bp_menu_item_sections_module_menuItemMainContent--d8163[data-modern=true]{
+  --menu-item-text-color:var(--bp-text-text-on-light);
+}
+.bp_menu_item_sections_module_menuItemSideContent--d8163[data-modern=false]{
+  --menu-item-text-color:var(--text-text-on-light-secondary);
+}
+.bp_menu_item_sections_module_menuItemSideContent--d8163[data-modern=true]{
+  --menu-item-text-color:var(--bp-text-text-on-light-secondary);
+}
+.bp_menu_item_sections_module_menuItemMainContent--d8163{
   display:flex;
   flex:1;
   flex-direction:column;
 }
-.bp_menu_item_sections_module_menuItemMainContent--36b49 .bp_menu_item_sections_module_label--36b49{
+.bp_menu_item_sections_module_menuItemMainContent--d8163 .bp_menu_item_sections_module_label--d8163{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -4247,7 +4263,7 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_menu_item_sections_module_menuItemMainContent--36b49 .bp_menu_item_sections_module_label--36b49.bp_menu_item_sections_module_bold--36b49{
+.bp_menu_item_sections_module_menuItemMainContent--d8163 .bp_menu_item_sections_module_label--d8163.bp_menu_item_sections_module_bold--d8163{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -4257,11 +4273,11 @@
           text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_menu_item_sections_module_menuItemMainContent--36b49 .bp_menu_item_sections_module_description--36b49{
-  color:var(--text-text-on-light-secondary);
+.bp_menu_item_sections_module_menuItemMainContent--d8163 .bp_menu_item_sections_module_description--d8163{
+  color:var(--menu-item-text-color);
 }
-.bp_menu_item_sections_module_menuItemMainContent--36b49 .bp_menu_item_sections_module_description--36b49,.bp_menu_item_sections_module_menuItemSideContent--36b49{
+.bp_menu_item_sections_module_menuItemMainContent--d8163 .bp_menu_item_sections_module_description--d8163,.bp_menu_item_sections_module_menuItemSideContent--d8163{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -4272,12 +4288,12 @@
   text-transform:var(--body-default-text-case);
 }
-.bp_menu_item_sections_module_menuItemSideContent--36b49{
+.bp_menu_item_sections_module_menuItemSideContent--d8163{
   align-items:center;
   display:flex;
 }
-.bp_menu_item_sections_module_menuItemSideContent--36b49.bp_menu_item_sections_module_textOnLightSecondary--36b49{
-  color:var(--text-text-on-light-secondary);
+.bp_menu_item_sections_module_menuItemSideContent--d8163.bp_menu_item_sections_module_textOnLightSecondary--d8163{
+  color:var(--menu-item-text-color);
 }
 .bp_sticky_cell_module_stickyCell--98a29{
@@ -4840,41 +4856,89 @@
 .bp_link_module_link--fb308 .bp_link_module_icon--fb308 *{
   fill:currentColor;
 }
-.bp_base_grid_list_item_module_smallList--08322{
+.bp_base_grid_list_item_module_smallList--17ab9[data-modern=false]{
+  --small-list-gap:var(--space-2);
+  --small-list-padding:var(--space-1);
+  --small-list-item-background:var(--surface-item-small-surface);
+  --small-list-item-hover:var(--surface-item-small-surface-hover);
+  --small-list-item-border-radius:var(--radius-4);
+  --small-list-thumbnail-size:var(--size-9);
+  --small-list-actions-opacity:0;
+  --small-list-item-padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);
+  --small-list-item-column-gap:var(--space-3);
+  --small-list-header-color:var(--text-text-on-light);
+  --small-list-subtitle-color:var(--text-text-on-light-secondary);
+  --small-list-actions-height:var(--space-6);
+  --small-list-selection-width:var(--space-8);
+  --small-list-selection-height:var(--space-8);
+  --small-list-selection-border-radius:var(--radius-2);
+  --small-list-selection-hover-background:var(--surface-cta-surface-icon-hover);
+  --small-list-inner-gap:var(--space-2);
+  --small-list-inner-border-radius:var(--radius-2);
+  --small-list-inner-margin-end:var(--space-2);
+  --small-list-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
+  --small-list-focus-outline-offset:calc(var(--border-4)*-1);
+}
+.bp_base_grid_list_item_module_smallList--17ab9[data-modern=true]{
+  --small-list-gap:var(--bp-space-020);
+  --small-list-padding:var(--bp-space-010);
+  --small-list-item-background:var(--bp-surface-item-small-surface);
+  --small-list-item-hover:var(--bp-surface-item-small-surface-hover);
+  --small-list-item-border-radius:var(--bp-radius-08);
+  --small-list-thumbnail-size:var(--bp-size-090);
+  --small-list-actions-opacity:0;
+  --small-list-item-padding:var(--bp-space-020) var(--bp-space-030) var(--bp-space-020) var(--bp-space-030);
+  --small-list-item-column-gap:var(--bp-space-030);
+  --small-list-header-color:var(--bp-text-text-on-light);
+  --small-list-subtitle-color:var(--bp-text-text-on-light-secondary);
+  --small-list-actions-height:var(--bp-size-060);
+  --small-list-selection-width:var(--bp-size-080);
+  --small-list-selection-height:var(--bp-size-080);
+  --small-list-selection-border-radius:var(--bp-radius-03);
+  --small-list-selection-hover-background:var(--bp-surface-cta-surface-icon-hover);
+  --small-list-inner-gap:var(--bp-space-020);
+  --small-list-inner-border-radius:var(--bp-radius-03);
+  --small-list-inner-margin-end:var(--bp-space-020);
+  --small-list-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
+  --small-list-focus-outline-offset:calc(var(--bp-border-04)*-1);
+}
+.bp_base_grid_list_item_module_smallList--17ab9{
   box-sizing:border-box;
   display:grid;
-  gap:var(--space-2);
+  gap:var(--small-list-gap);
   grid-auto-flow:row;
   height:inherit;
   outline:none;
   overflow:auto;
-  padding:var(--space-1);
+  padding:var(--small-list-padding);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322{
-  --actions-opacity:0;
-  --thumbnail-size:var(--size-9);
-  --item-background:var(--surface-item-small-surface);
-  --item-hover:var(--surface-item-small-surface-hover);
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9{
+  --actions-opacity:var(--small-list-actions-opacity);
+  --thumbnail-size:var(--small-list-thumbnail-size);
+  --item-background:var(--small-list-item-background);
+  --item-hover:var(--small-list-item-hover);
   align-items:center;
   background:var(--item-background);
-  border-radius:var(--radius-4);
-  column-gap:var(--space-3);
+  border-radius:var(--small-list-item-border-radius);
+  column-gap:var(--small-list-item-column-gap);
   cursor:default;
   display:grid;
   grid-template-areas:"thumbnail head actions" "thumbnail subtitle actions";
   grid-template-columns:var(--thumbnail-size) auto auto;
   outline:none;
-  padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);
+  padding:var(--small-list-item-padding);
   position:relative;
   transform:translateZ(0);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   grid-template-columns:var(--thumbnail-size) auto 0;
   grid-template-rows:100% 0;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
   align-items:center;
   aspect-ratio:1;
   display:flex;
@@ -4883,14 +4947,14 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_thumbnailContent--08322 img,.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_thumbnailContent--08322 svg{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_thumbnailContent--17ab9 img,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_thumbnailContent--17ab9 svg{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_header--08322{
-  color:var(--text-text-on-light);
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9{
+  color:var(--small-list-header-color);
   font-family:var(--body-default-semibold-font-family);
   font-size:var(--body-default-semibold-font-size);
   font-weight:var(--body-default-semibold-font-weight);
@@ -4901,12 +4965,12 @@
           text-decoration:var(--body-default-semibold-text-decoration);
   text-transform:var(--body-default-semibold-text-case);
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_header--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_subtitle--08322{
-  color:var(--text-text-on-light-secondary);
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
+  color:var(--small-list-subtitle-color);
   font-family:var(--caption-default-font-family);
   font-size:var(--caption-default-font-size);
   font-weight:var(--caption-default-font-weight);
@@ -4917,76 +4981,76 @@
           text-decoration:var(--caption-default-text-decoration);
   text-transform:var(--caption-default-text-case);
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_header--08322,.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_subtitle--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
   display:inline-block;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322:not(:has(.bp_base_grid_list_item_module_header--08322)),.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322:not(:has(.bp_base_grid_list_item_module_subtitle--08322)){
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9:not(:has(.bp_base_grid_list_item_module_header--17ab9)),.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9:not(:has(.bp_base_grid_list_item_module_subtitle--17ab9)){
   grid-template-rows:100% 0;
   row-gap:0;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
   align-items:center;
   display:flex;
   grid-area:actions;
-  height:var(--space-6);
+  height:var(--small-list-actions-height);
   justify-content:flex-end;
   opacity:var(--actions-opacity);
   padding-right:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322{
+  .bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_selection--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9{
   align-items:center;
   background:var(--item-background);
-  border-radius:var(--radius-2);
+  border-radius:var(--small-list-selection-border-radius);
   display:flex;
-  height:var(--space-8);
+  height:var(--small-list-selection-height);
   justify-content:center;
-  width:var(--space-8);
+  width:var(--small-list-selection-width);
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_selection--08322:hover{
-  background:var(--surface-cta-surface-icon-hover);
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9:hover{
+  background:var(--small-list-selection-hover-background);
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
   align-items:center;
-  border-radius:var(--radius-2);
+  border-radius:var(--small-list-inner-border-radius);
   display:flex;
-  gap:var(--space-2);
+  gap:var(--small-list-inner-gap);
   justify-content:flex-end;
-  margin-inline-end:var(--space-2);
+  margin-inline-end:var(--small-list-inner-margin-end);
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322:last-child{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9:last-child{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_actionsCheckboxWrapper--08322{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17ab9{
   background:var(--item-hover);
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322:hover,.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322[data-active-item],.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322[data-focus-visible],.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322[data-focused],.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322[data-hovered]{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9:hover,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-active-item],.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-focus-visible],.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-focused],.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-hovered]{
   --actions-opacity:1;
   background:var(--item-hover);
 }
-.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322[data-active-item]::before,.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322[data-focus-visible]::before{
+.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-active-item]::before,.bp_base_grid_list_item_module_smallList--17ab9 .bp_base_grid_list_item_module_smallListItem--17ab9[data-focus-visible]::before{
   --actions-opacity:1;
   border-radius:.875rem;
   content:"";
   display:block;
   height:100%;
   left:0;
-  outline:var(--border-2) solid var(--outline-focus-on-light);
-  outline-offset:calc(var(--border-4)*-1);
+  outline:var(--small-list-focus-outline);
+  outline-offset:var(--small-list-focus-outline-offset);
   position:absolute;
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--08322{
+.bp_base_grid_list_item_module_largeList--17ab9{
   box-sizing:border-box;
   display:flex;
   flex-direction:column;
@@ -4996,7 +5060,7 @@
   overflow:auto;
   padding:var(--space-1);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9{
   --thumbnail-size:10rem;
   --actions-opacity:0;
   --item-background:var(--gray-white);
@@ -5013,18 +5077,18 @@
   position:relative;
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   grid-template-rows:1fr 1fr 1fr;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322:focus-within{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9:focus-within{
   --actions-opacity:1;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322{
+  .bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9{
     --thumbnail-size:7.5rem;
   }
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
   aspect-ratio:4/3;
   border:var(--border-1) solid var(--gray-10);
   border-radius:var(--radius-3);
@@ -5032,24 +5096,24 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322 img{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9 img{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   border:none;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
+  .bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
     aspect-ratio:1/1;
   }
-  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322 img{
+  .bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9 img{
     object-fit:contain;
   }
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
   align-items:center;
   display:flex;
   height:var(--space-6);
@@ -5061,11 +5125,11 @@
   top:.875rem;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322{
+  .bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_selection--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -5074,15 +5138,15 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_selection--08322:hover{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_fade--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_fade--17ab9{
   align-self:stretch;
   background:linear-gradient(270deg, #fff 0, #fff0 100%);
   width:var(--size-8);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -5091,14 +5155,14 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322:last-child{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9:last-child{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_actionsCheckboxWrapper--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_actionsCheckboxWrapper--17ab9{
   background:var(--item-background);
   display:flex;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_header--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9{
   align-items:center;
   color:var(--text-text-on-light);
   display:inline-flex;
@@ -5116,7 +5180,7 @@
   text-transform:var(--body-default-semibold-text-case);
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_subtitle--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
   align-items:center;
   color:var(--text-text-on-light-secondary);
   display:flex;
@@ -5132,7 +5196,7 @@
   text-transform:var(--caption-default-text-case);
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_description--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_description--17ab9{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   color:var(--text-text-on-light);
@@ -5151,13 +5215,13 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_snippet--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_snippet--17ab9{
   grid-area:description;
   margin:0;
   margin-block-end:var(--space-1);
   margin-block-start:var(--space-3);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_snippet--08322 .bp_base_grid_list_item_module_snippetContent--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9 .bp_base_grid_list_item_module_snippet--17ab9 .bp_base_grid_list_item_module_snippetContent--17ab9{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   border:0 0 0 var(--space-05);
@@ -5177,12 +5241,12 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322:hover,.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[data-active-item],.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[data-focus-visible],.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[data-focused],.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[data-hovered]{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9:hover,.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-active-item],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-focus-visible],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-focused],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-hovered]{
   --actions-opacity:1;
   box-shadow:var(--dropshadow-2);
   outline:var(--border-1) solid var(--border-card-border);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[data-active-item]::before,.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[data-focus-visible]::before{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-active-item]::before,.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[data-focus-visible]::before{
   border-radius:.875rem;
   content:"";
   display:block;
@@ -5194,31 +5258,31 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true]{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]{
   --actions-opacity:1;
   --item-background:var(--box-blue-05);
   outline:var(--border-2) solid var(--border-card-border-focus);
   z-index:2;
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true] .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_fade--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true] .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_fade--17ab9{
   background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
 }
-.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322{
+.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
   display:none;
 }
 @supports selector(:has(.foo)){
-  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--08322 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true]:has(+ [aria-selected=true]){
+  .bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--17ab9 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true]:has(+ [aria-selected=true]){
     border-end-end-radius:0;
     border-end-start-radius:0;
   }
-  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--08322 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[aria-selected=true] + [aria-selected=true]{
+  .bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--17ab9 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--17ab9 .bp_base_grid_list_item_module_largeListItem--17ab9[aria-selected=true] + [aria-selected=true]{
     border-start-end-radius:0;
     border-start-start-radius:0;
     border-top:none;
   }
 }
-.bp_base_grid_list_item_module_gridList--08322[data-modern=false]{
+.bp_base_grid_list_item_module_gridList--17ab9[data-modern=false]{
   --grid-list-minimum-item-width:188px;
   --grid-list-gap:var(--space-4);
   --grid-list-padding:var(--space-1);
@@ -5259,7 +5323,7 @@
   --grid-list-item-coarse-row-gap:var(--space-1);
 }
-.bp_base_grid_list_item_module_gridList--08322[data-modern=true]{
+.bp_base_grid_list_item_module_gridList--17ab9[data-modern=true]{
   --grid-list-minimum-item-width:188px;
   --grid-list-gap:var(--bp-space-040);
   --grid-list-padding:var(--bp-space-010);
@@ -5300,7 +5364,7 @@
   --grid-list-item-coarse-row-gap:var(--bp-space-010);
 }
-.bp_base_grid_list_item_module_gridList--08322{
+.bp_base_grid_list_item_module_gridList--17ab9{
   box-sizing:border-box;
   display:grid;
   gap:var(--grid-list-gap);
@@ -5310,7 +5374,7 @@
   overflow:auto;
   padding:var(--grid-list-padding);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9{
   --actions-opacity:0;
   --item-background:var(--grid-list-item-background);
   --row-gap:var(--grid-list-item-row-gap);
@@ -5328,15 +5392,15 @@
   row-gap:var(--row-gap);
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322:focus-within{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9:focus-within{
   --actions-opacity:1;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_statusPin--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_statusPin--17ab9{
   left:var(--grid-list-item-status-pin-left);
   position:absolute;
   top:var(--grid-list-item-status-pin-top);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
   aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
   background:var(--grid-list-thumbnail-background);
   border:var(--grid-list-thumbnail-border);
@@ -5344,25 +5408,25 @@
   grid-area:thumbnail;
   overflow:hidden;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322 img{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9 img{
   height:100%;
   object-fit:contain;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   border:none;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
+  .bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_thumbnail--17ab9{
     margin-block-end:var(--space-1);
   }
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
   grid-area:subtitle;
   margin-block-start:var(--grid-list-actions-margin-block-start);
   opacity:var(--actions-opacity);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_selection--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9{
   align-items:center;
   border-radius:var(--grid-list-selection-border-radius);
   display:flex;
@@ -5373,10 +5437,10 @@
   top:var(--grid-list-selection-top);
   width:var(--grid-list-selection-width);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_selection--08322:hover{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_selection--17ab9:hover{
   background:var(--grid-list-selection-hover-background);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--grid-list-actions-inner-border-radius);
@@ -5385,12 +5449,12 @@
   justify-content:center;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322{
+  .bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_actions--17ab9{
     grid-area:actions;
     margin-block-start:0;
   }
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_header--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   color:var(--grid-list-header-color);
@@ -5408,11 +5472,11 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_header--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_header--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_subtitle--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9{
   color:var(--grid-list-subtitle-color);
   font-family:var(--caption-default-font-family);
   font-size:var(--caption-default-font-size);
@@ -5429,15 +5493,15 @@
   text-transform:var(--caption-default-text-case);
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_subtitle--08322.bp_base_grid_list_item_module_loading--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9 .bp_base_grid_list_item_module_subtitle--17ab9.bp_base_grid_list_item_module_loading--17ab9{
   height:var(--grid-list-subtitle-loading-height);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322.bp_base_grid_list_item_module_isItemInteracted--08322,.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322:hover,.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-active-item],.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-focus-visible],.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-focused],.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-hovered]{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9.bp_base_grid_list_item_module_isItemInteracted--17ab9,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9:hover,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-active-item],.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focus-visible],.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focused],.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-hovered]{
   --actions-opacity:1;
   box-shadow:var(--grid-list-item-hover-box-shadow);
   outline:var(--grid-list-item-hover-outline);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-active-item]::before,.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-focus-visible]::before{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-active-item]::before,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focus-visible]::before{
   border-radius:var(--grid-list-item-border-radius);
   content:"";
   display:block;
@@ -5449,7 +5513,7 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-active-item]::after,.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[data-focus-visible]::after{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-active-item]::after,.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[data-focus-visible]::after{
   border-radius:var(--grid-list-item-border-radius);
   content:"";
   display:block;
@@ -5461,16 +5525,16 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[aria-selected=true]{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[aria-selected=true]{
   --actions-opacity:1;
   --item-background:var(--grid-list-item-selected-background);
   outline:var(--grid-list-item-selected-outline);
 }
-.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--08322) .bp_base_grid_list_item_module_actions--08322 .bp_base_grid_list_item_module_inner--08322{
+.bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--17ab9) .bp_base_grid_list_item_module_actions--17ab9 .bp_base_grid_list_item_module_inner--17ab9{
   opacity:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322{
+  .bp_base_grid_list_item_module_gridList--17ab9 .bp_base_grid_list_item_module_gridListItem--17ab9{
     --row-gap:var(--grid-list-item-coarse-row-gap);
     --actions-opacity:1;
     grid-template-areas:"thumbnail" "head" "subtitle" "actions";
@@ -5478,7 +5542,7 @@
   }
 }
-.bp_base_grid_list_item_module_tooltipContent--08322{
+.bp_base_grid_list_item_module_tooltipContent--17ab9{
   background-color:var(--surface-tooltip-surface);
   border:var(--border-1) solid var(--surface-tooltip-surface);
   border-radius:var(--radius-1);
@@ -5497,28 +5561,28 @@
   word-break:break-word;
   z-index:2147483647;
 }
-.bp_base_grid_list_item_module_tooltipContent--08322 .bp_base_grid_list_item_module_tooltipArrow--08322 svg{
+.bp_base_grid_list_item_module_tooltipContent--17ab9 .bp_base_grid_list_item_module_tooltipArrow--17ab9 svg{
   display:block;
   height:.5rem;
   width:1rem;
 }
-.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=top]{
+.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=top]{
   margin-block-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--08322 svg{
+.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--17ab9 svg{
   transform:rotate(180deg);
 }
-.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=bottom]{
+.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=bottom]{
   margin-block-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=right]{
+.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=right]{
   margin-inline-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=left]{
+.bp_base_grid_list_item_module_tooltipContent--17ab9[data-placement=left]{
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_staticList--08322 .bp_base_grid_list_item_module_staticListItem--08322{
+.bp_base_grid_list_item_module_staticList--17ab9 .bp_base_grid_list_item_module_staticListItem--17ab9{
   display:contents;
 }
 .bp_guided_tooltip_module_content--47a15{
@@ -6915,18 +6979,81 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   }
 }
-.bp_context_menu_module_menuBlock--d59c0{
-  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_context_menu_module_menuBlock--e8e64[data-modern=false]{
+  --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(
+          --blueprint-web-context-menu-max-height,
+          var(--radix-context-menu-content-available-height)
+      );
+  --context-menu-block-padding:var(--space-3);
+  --context-menu-block-background-color:var(--surface-menu-surface);
+  --context-menu-block-backdrop-filter:none;
+  --context-menu-block-radius:var(--radius-3);
+  --context-menu-block-border:var(--border-1) solid var(--border-card-border);
+  --context-menu-block-shadow:var(--dropshadow-3);
+  --context-menu-item-gap:var(--space-4);
+  --context-menu-background-color:var(--surface-menu-surface);
+  --context-menu-fullscreen-content-padding:var(--space-3);
+  --context-menu-item-radius:var(--radius-3);
+  --context-menu-item-border:var(--border-2) solid #0000;
+  --context-menu-item-background-color-hover:var(--surface-menu-surface-focus);
+  --context-menu-item-background-color-pressed:var(--surface-menu-surface-focus);
+  --context-menu-item-focus-border:var(--border-2) solid var(--outline-focus-on-light);
+  --context-menu-item-padding:var(--space-2);
+  --context-menu-items-separator-margin:var(--space-2);
+}
+.bp_context_menu_module_menuBlock--e8e64[data-modern=true]{
+  --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(
+          --blueprint-web-context-menu-max-height,
+          var(--radix-context-menu-content-available-height)
+      );
+  --context-menu-block-padding:var(--bp-space-030);
+  --context-menu-block-background-color:var(--bp-surface-menu-surface-dropdown);
+  --context-menu-block-backdrop-filter:blur(16px);
+  --context-menu-block-radius:var(--bp-radius-10);
+  --context-menu-block-border:var(--bp-border-01) solid var(--bp-border-menu-border);
+  --context-menu-block-shadow:var(--dropshadow-2);
+  --context-menu-item-gap:var(--bp-space-030);
+  --context-menu-background-color:#0000;
+  --context-menu-fullscreen-content-padding:var(--bp-space-030);
+  --context-menu-item-radius:var(--bp-radius-06);
+  --context-menu-item-border:var(--bp-border-02) solid #0000;
+  --context-menu-item-background-color-hover:var(--bp-surface-menu-item-surface-hover);
+  --context-menu-item-background-color-pressed:var(--bp-surface-menu-item-surface-pressed);
+  --context-menu-item-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
+  --context-menu-item-padding:var(--bp-space-020);
+  --context-menu-items-separator-margin:var(--bp-space-020);
+}
+.bp_context_menu_module_menuHeader--e8e64[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--e8e64[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--e8e64{
+  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;
-  max-height:var(--blueprint-web-context-menu-max-height, var(--radix-context-menu-content-available-height));
-  max-width:var(--blueprint-web-context-menu-max-width);
-  min-width:var(--blueprint-web-context-menu-min-width, 160px);
-  padding:var(--space-3);
+  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--d59c0[data-menu-fullscreen=true]{
+.bp_context_menu_module_menuBlock--e8e64[data-menu-fullscreen=true]{
   border:unset;
   border-radius:unset;
   display:flex;
@@ -6939,41 +7066,40 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,
   position:relative;
   width:100vw;
 }
-.bp_context_menu_module_menuBlock--d59c0[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--d59c0{
+.bp_context_menu_module_menuBlock--e8e64[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--e8e64{
   overflow-y:auto;
-  padding:var(--space-3);
+  padding:var(--context-menu-fullscreen-content-padding);
 }
-.bp_context_menu_module_menuBlock--d59c0 .bp_context_menu_module_menuItemsSeparator--d59c0{
-  margin-block:var(--space-2);
-  margin-inline:var(--space-2);
+.bp_context_menu_module_menuBlock--e8e64 .bp_context_menu_module_menuItemsSeparator--e8e64{
+  margin:var(--context-menu-items-separator-margin);
 }
-.bp_context_menu_module_menuBlock--d59c0 .bp_context_menu_module_menuItem--d59c0{
+.bp_context_menu_module_menuBlock--e8e64 .bp_context_menu_module_menuItem--e8e64{
   align-items:center;
-  background-color:var(--surface-menu-surface);
-  border:var(--border-2) solid #0000;
-  border-radius:var(--radius-3);
+  background-color:var(--context-menu-background-color);
+  border:var(--context-menu-item-border);
+  border-radius:var(--context-menu-item-radius);
   cursor:pointer;
   display:flex;
-  gap:var(--space-4);
+  gap:var(--context-menu-item-gap);
   outline:none;
-  padding-block:var(--space-2);
-  padding-inline:var(--space-2);
+  padding-block:var(--context-menu-item-padding);
+  padding-inline:var(--context-menu-item-padding);
   position:relative;
 }
-.bp_context_menu_module_menuBlock--d59c0 .bp_context_menu_module_menuItem--d59c0[data-disabled]{
+.bp_context_menu_module_menuBlock--e8e64 .bp_context_menu_module_menuItem--e8e64[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_context_menu_module_menuBlock--d59c0 .bp_context_menu_module_menuItem--d59c0[data-highlighted]:not(:hover){
-  background-color:var(--surface-menu-surface-focus);
-  border:var(--border-2) solid var(--outline-focus-on-light);
+.bp_context_menu_module_menuBlock--e8e64 .bp_context_menu_module_menuItem--e8e64[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--d59c0 .bp_context_menu_module_menuItem--d59c0:active{
-  background-color:var(--surface-menu-surface-focus);
-  border:var(--border-2) solid #0000;
+.bp_context_menu_module_menuBlock--e8e64 .bp_context_menu_module_menuItem--e8e64:active{
+  background-color:var(--context-menu-item-background-color-pressed);
+  border:var(--context-menu-item-border);
 }
-.bp_context_menu_module_menuBlock--d59c0 .bp_context_menu_module_menuItem--d59c0:hover{
-  background-color:var(--surface-menu-surface-focus);
+.bp_context_menu_module_menuBlock--e8e64 .bp_context_menu_module_menuItem--e8e64: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]){
   height:100%;
@@ -6981,29 +7107,29 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:100%;
 }
-.bp_context_menu_module_menuHeader--d59c0{
+.bp_context_menu_module_menuHeader--e8e64{
   align-items:center;
-  box-shadow:var(--dropshadow-1);
+  box-shadow:var(--context-menu-header-shadow);
   display:grid;
-  gap:var(--space-2);
+  gap:var(--context-menu-header-gap);
   grid-template-areas:"submenu-close content close";
   grid-template-columns:auto minmax(0, 1fr) auto;
-  padding:var(--space-3);
+  padding:var(--context-menu-header-padding);
 }
-.bp_context_menu_module_headerTextContent--d59c0{
+.bp_context_menu_module_headerTextContent--e8e64{
   display:grid;
 }
-.bp_context_menu_module_submenuCloseButton--d59c0{
+.bp_context_menu_module_submenuCloseButton--e8e64{
   grid-area:submenu-close;
 }
-.bp_context_menu_module_menuCloseButton--d59c0{
+.bp_context_menu_module_menuCloseButton--e8e64{
   grid-area:close;
 }
-.bp_context_menu_module_ellipsis--d59c0{
+.bp_context_menu_module_ellipsis--e8e64{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;

package/dist/lib-esm/primitives/context-menu/context-menu-menu-content.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
 import clsx from 'clsx';
 import { forwardRef, Children, isValidElement } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useFullScreenContextMenu } from '../menu-utils/responsiveness/FullScreenContextMenuContext.js';
 import { ContextMenuHeader } from './context-menu-menu-header.js';
 import styles from './context-menu.module.js';
@@ -32,6 +33,9 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
     className,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const {
     isMenuFullScreenEnabled
   } = useFullScreenContextMenu();
@@ -47,6 +51,7 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
         ref: forwardedRef,
         className: clsx(styles.menuBlock, className),
         "data-menu-fullscreen": true,
+        "data-modern": enableModernizedComponents,
         children: [Header, jsx("div", {
           className: styles.fullScreenContent,
           children: OtherChildren
@@ -60,6 +65,7 @@ const ContextMenuMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef) =>
       ...rest,
       ref: forwardedRef,
       className: clsx(styles.menuBlock, className),
+      "data-modern": enableModernizedComponents,
       children: children
     })
   });

package/dist/lib-esm/primitives/context-menu/context-menu-menu-header.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { XMark, PointerChevronLeft } from '@box/blueprint-web-assets/icons/Fill';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Text } from '../../text/text.js';
 import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
 import { IconButton } from '../icon-button/icon-button.js';
@@ -55,9 +56,13 @@ const MenuHeaderPrimitive = ({
   className,
   ...rest
 }) => {
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx("div", {
     ...rest,
     className: clsx(styles.menuHeader, className),
+    "data-modern": enableModernizedComponents,
     role: "presentation",
     children: children
   });

package/dist/lib-esm/primitives/context-menu/context-menu-sub-menu-content.js CHANGED Viewed

@@ -2,6 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as ContextMenuPrimitve from '@radix-ui/react-context-menu';
 import clsx from 'clsx';
 import { forwardRef, useCallback } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { useFullScreenContextMenu } from '../menu-utils/responsiveness/FullScreenContextMenuContext.js';
 import { sortMenuChildren } from './context-menu-menu-content.js';
 import styles from './context-menu.module.js';
@@ -19,6 +20,9 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
     className,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const {
     isMenuFullScreenEnabled
   } = useFullScreenContextMenu();
@@ -36,6 +40,7 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
         alignOffset: alignOffsetPx,
         className: clsx(styles.menuBlock, 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,
@@ -54,6 +59,7 @@ const ContextMenuSubMenuContent = /*#__PURE__*/forwardRef((props, forwardedRef)
       ref: forwardedRef,
       alignOffset: alignOffsetPx,
       className: clsx(styles.menuBlock, className),
+      "data-modern": enableModernizedComponents,
       sideOffset: sideOffsetPx,
       children: children
     })

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

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

package/dist/lib-esm/small-list-item/small-list.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { BaseGridList } from '../util-components/base-grid-list-item/base-grid-list.js';
 const SmallList = /*#__PURE__*/forwardRef(function SmallList(props, forwardedRef) {
@@ -7,9 +8,13 @@ const SmallList = /*#__PURE__*/forwardRef(function SmallList(props, forwardedRef
     children,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx(BaseGridList, {
     ...rest,
     ref: forwardedRef,
+    "data-modern": enableModernizedComponents,
     layoutStyle: "small-list",
     children: children
   });

package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"smallList":"bp_base_grid_list_item_module_smallList--08322","smallListItem":"bp_base_grid_list_item_module_smallListItem--08322","loading":"bp_base_grid_list_item_module_loading--08322","thumbnail":"bp_base_grid_list_item_module_thumbnail--08322","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--08322","header":"bp_base_grid_list_item_module_header--08322","subtitle":"bp_base_grid_list_item_module_subtitle--08322","actions":"bp_base_grid_list_item_module_actions--08322","selection":"bp_base_grid_list_item_module_selection--08322","inner":"bp_base_grid_list_item_module_inner--08322","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--08322","largeList":"bp_base_grid_list_item_module_largeList--08322","largeListItem":"bp_base_grid_list_item_module_largeListItem--08322","fade":"bp_base_grid_list_item_module_fade--08322","description":"bp_base_grid_list_item_module_description--08322","snippet":"bp_base_grid_list_item_module_snippet--08322","snippetContent":"bp_base_grid_list_item_module_snippetContent--08322","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--08322","gridList":"bp_base_grid_list_item_module_gridList--08322","gridListItem":"bp_base_grid_list_item_module_gridListItem--08322","statusPin":"bp_base_grid_list_item_module_statusPin--08322","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--08322","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--08322","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--08322","staticList":"bp_base_grid_list_item_module_staticList--08322","staticListItem":"bp_base_grid_list_item_module_staticListItem--08322"};
+var styles = {"smallList":"bp_base_grid_list_item_module_smallList--17ab9","smallListItem":"bp_base_grid_list_item_module_smallListItem--17ab9","loading":"bp_base_grid_list_item_module_loading--17ab9","thumbnail":"bp_base_grid_list_item_module_thumbnail--17ab9","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--17ab9","header":"bp_base_grid_list_item_module_header--17ab9","subtitle":"bp_base_grid_list_item_module_subtitle--17ab9","actions":"bp_base_grid_list_item_module_actions--17ab9","selection":"bp_base_grid_list_item_module_selection--17ab9","inner":"bp_base_grid_list_item_module_inner--17ab9","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--17ab9","largeList":"bp_base_grid_list_item_module_largeList--17ab9","largeListItem":"bp_base_grid_list_item_module_largeListItem--17ab9","fade":"bp_base_grid_list_item_module_fade--17ab9","description":"bp_base_grid_list_item_module_description--17ab9","snippet":"bp_base_grid_list_item_module_snippet--17ab9","snippetContent":"bp_base_grid_list_item_module_snippetContent--17ab9","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--17ab9","gridList":"bp_base_grid_list_item_module_gridList--17ab9","gridListItem":"bp_base_grid_list_item_module_gridListItem--17ab9","statusPin":"bp_base_grid_list_item_module_statusPin--17ab9","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--17ab9","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--17ab9","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--17ab9","staticList":"bp_base_grid_list_item_module_staticList--17ab9","staticListItem":"bp_base_grid_list_item_module_staticListItem--17ab9"};
 export { styles as default };

package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './menu-item-sections.module.js';
 /**
@@ -10,11 +11,15 @@ const MenuItemSideContent = ({
   className,
   ...rest
 }) => {
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx("div", {
     ...rest,
     className: clsx(styles.menuItemSideContent, {
       [styles.textOnLightSecondary]: typeof children === 'string'
     }, className),
+    "data-modern": enableModernizedComponents,
     children: children
   });
 };
@@ -26,18 +31,24 @@ const MenuItemMainContent = ({
   label,
   description,
   ...rest
-}) => jsxs("div", {
-  ...rest,
-  className: clsx(styles.menuItemMainContent, className),
-  children: [jsx("span", {
-    className: clsx(styles.label, {
-      [styles.bold]: Boolean(description)
-    }),
-    children: label
-  }), description ? jsx("span", {
-    className: styles.description,
-    children: description
-  }) : null]
-});
+}) => {
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
+  return jsxs("div", {
+    ...rest,
+    className: clsx(styles.menuItemMainContent, className),
+    "data-modern": enableModernizedComponents,
+    children: [jsx("span", {
+      className: clsx(styles.label, {
+        [styles.bold]: Boolean(description)
+      }),
+      children: label
+    }), description ? jsx("span", {
+      className: styles.description,
+      children: description
+    }) : null]
+  });
+};
 export { MenuItemMainContent, MenuItemSideContent };

package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--36b49","label":"bp_menu_item_sections_module_label--36b49","bold":"bp_menu_item_sections_module_bold--36b49","description":"bp_menu_item_sections_module_description--36b49","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--36b49","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--36b49"};
+var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--d8163","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--d8163","label":"bp_menu_item_sections_module_label--d8163","bold":"bp_menu_item_sections_module_bold--d8163","description":"bp_menu_item_sections_module_description--d8163","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--d8163"};
 export { styles as default };

package/package.json CHANGED Viewed

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