@box/blueprint-web 12.55.0 → 12.56.0

package/dist/lib-esm/index.css

@@ -3584,46 +3584,82 @@
 .bp_data_table_module_hideActionWrapperRight--c1c1a table tbody > tr > td [data-actionswrapper]::after{
   display:none;
 }
-.bp_list_checkbox_module_selection--d79fa{
+.bp_list_checkbox_module_selection--98dc1[data-modern=false]{
+  --selection-width:var(--space-10);
+  --selection-height:var(--space-10);
+  --selection-background:var(--surface-cta-surface-icon);
+  --selection-border-radius:var(--radius-2);
+  --selection-background-hover:var(--surface-cta-surface-icon-hover);
+  --checkbox-width:var(--size-5);
+  --checkbox-height:var(--size-5);
+  --checkbox-background:var(--surface-checkbox-surface);
+  --checkbox-border:var(--border-2) solid var(--border-checkbox-border);
+  --checkbox-border-radius:var(--radius-1);
+  --checkbox-transition:all var(--animation-duration-2);
+  --checkbox-focus-box-shadow:0 0 0 var(--space-05) var(--box-blue-05), 0 0 0 var(--space-1) var(--outline-focus-on-light);
+  --checkbox-selected-background:var(--surface-checkbox-surface-selected);
+  --checkbox-selected-border-color:var(--surface-checkbox-surface-selected);
+  --checkbox-disabled-opacity:0.4;
+}
+
+.bp_list_checkbox_module_selection--98dc1[data-modern=true]{
+  --selection-width:var(--bp-size-080);
+  --selection-height:var(--bp-size-080);
+  --selection-background:var(--bp-surface-cta-surface-icon);
+  --selection-border-radius:var(--bp-radius-10);
+  --selection-background-hover:var(--bp-surface-cta-surface-icon-hover);
+  --checkbox-width:var(--bp-size-040);
+  --checkbox-height:var(--bp-size-040);
+  --checkbox-background:var(--bp-surface-checkbox-surface);
+  --checkbox-border:var(--bp-border-02) solid var(--bp-border-checkbox-border);
+  --checkbox-border-radius:var(--bp-radius-02);
+  --checkbox-transition:all var(--animation-duration-2);
+  --checkbox-focus-box-shadow:0 0 0 var(--bp-space-005) var(--bp-box-blue-05), 0 0 0 var(--bp-space-010) var(--bp-outline-focus-on-light);
+  --checkbox-selected-background:var(--bp-surface-checkbox-surface-selected);
+  --checkbox-selected-border-color:var(--bp-border-checkbox-border-selected);
+  --checkbox-disabled-opacity:0.4;
+}
+
+.bp_list_checkbox_module_selection--98dc1{
   align-items:center;
-  background:var(--surface-cta-surface-icon);
-  border-radius:var(--radius-2);
+  background:var(--selection-background);
+  border-radius:var(--selection-border-radius);
   display:flex;
-  height:var(--space-10);
+  height:var(--selection-height);
   justify-content:center;
-  width:var(--space-10);
+  width:var(--selection-width);
 }
-.bp_list_checkbox_module_selection--d79fa:hover{
-  background:var(--surface-cta-surface-icon-hover);
+.bp_list_checkbox_module_selection--98dc1:hover{
+  background:var(--selection-background-hover);
 }
 
-.bp_list_checkbox_module_checkbox--d79fa{
+.bp_list_checkbox_module_checkbox--98dc1{
   align-items:center;
-  background:var(--surface-checkbox-surface);
-  border:var(--border-2) solid var(--border-checkbox-border);
-  border-radius:var(--radius-1);
+  background:var(--checkbox-background);
+  border:var(--checkbox-border);
+  border-radius:var(--checkbox-border-radius);
   box-sizing:border-box;
   cursor:pointer;
   display:flex;
-  height:var(--size-5);
+  height:var(--checkbox-height);
   justify-content:center;
-  transition:all var(--animation-duration-2);
-  width:var(--size-5);
+  transition:var(--checkbox-transition);
+  width:var(--checkbox-width);
 }
-.bp_list_checkbox_module_checkbox--d79fa svg{
+.bp_list_checkbox_module_checkbox--98dc1 svg{
   transition-duration:.15s;
   transition-property:transform;
   transition-timing-function:cubic-bezier(0, 0, .6, 1);
 }
-.bp_list_checkbox_module_checkbox--d79fa[data-focus-visible]{
-  box-shadow:0 0 0 var(--space-05) var(--box-blue-05), 0 0 0 var(--space-1) var(--outline-focus-on-light);
+.bp_list_checkbox_module_checkbox--98dc1[data-focus-visible]{
+  box-shadow:var(--checkbox-focus-box-shadow);
 }
-.bp_list_checkbox_module_checkbox--d79fa[data-selected]{
-  background:var(--surface-checkbox-surface-selected);
-  border-color:var(--surface-checkbox-surface-selected);
+.bp_list_checkbox_module_checkbox--98dc1[data-selected]{
+  background:var(--checkbox-selected-background);
+  border-color:var(--checkbox-selected-border-color);
 }
-.bp_list_checkbox_module_checkbox--d79fa[data-disabled]{
-  opacity:.4;
+.bp_list_checkbox_module_checkbox--98dc1[data-disabled]{
+  opacity:var(--checkbox-disabled-opacity);
 }
 .bp_main_module_tableSortingContainer--cc705{
   display:flex;
@@ -4760,7 +4796,7 @@
 .bp_link_module_link--fb308 .bp_link_module_icon--fb308 *{
   fill:currentColor;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7{
+.bp_base_grid_list_item_module_smallList--08322{
   box-sizing:border-box;
   display:grid;
   gap:var(--space-2);
@@ -4771,7 +4807,7 @@
   padding:var(--space-1);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7{
+.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);
@@ -4790,11 +4826,11 @@
   transform:translateZ(0);
   width:auto;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
+.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322.bp_base_grid_list_item_module_loading--08322{
   grid-template-columns:var(--thumbnail-size) auto 0;
   grid-template-rows:100% 0;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
+.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
   align-items:center;
   aspect-ratio:1;
   display:flex;
@@ -4803,13 +4839,13 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_thumbnailContent--6a4c7 img,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_thumbnailContent--6a4c7 svg{
+.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{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7{
+.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);
   font-family:var(--body-default-semibold-font-family);
   font-size:var(--body-default-semibold-font-size);
@@ -4821,11 +4857,11 @@
           text-decoration:var(--body-default-semibold-text-decoration);
   text-transform:var(--body-default-semibold-text-case);
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
+.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{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
+.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);
   font-family:var(--caption-default-font-family);
   font-size:var(--caption-default-font-size);
@@ -4837,17 +4873,17 @@
           text-decoration:var(--caption-default-text-decoration);
   text-transform:var(--caption-default-text-case);
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
+.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{
   display:inline-block;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7:not(:has(.bp_base_grid_list_item_module_header--6a4c7)),.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7:not(:has(.bp_base_grid_list_item_module_subtitle--6a4c7)){
+.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)){
   grid-template-rows:100% 0;
   row-gap:0;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
+.bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322{
   align-items:center;
   display:flex;
   grid-area:actions;
@@ -4857,11 +4893,11 @@
   padding-right:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
+  .bp_base_grid_list_item_module_smallList--08322 .bp_base_grid_list_item_module_smallListItem--08322 .bp_base_grid_list_item_module_actions--08322{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7{
+.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{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -4870,10 +4906,10 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7:hover{
+.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--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
+.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{
   align-items:center;
   border-radius:var(--radius-2);
   display:flex;
@@ -4881,18 +4917,18 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7:last-child{
+.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{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--6a4c7{
+.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{
   background:var(--item-hover);
   display:flex;
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7:hover,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-active-item],.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-focus-visible],.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-focused],.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-hovered]{
+.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]{
   --actions-opacity:1;
   background:var(--item-hover);
 }
-.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-active-item]::before,.bp_base_grid_list_item_module_smallList--6a4c7 .bp_base_grid_list_item_module_smallListItem--6a4c7[data-focus-visible]::before{
+.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{
   --actions-opacity:1;
   border-radius:.875rem;
   content:"";
@@ -4906,7 +4942,7 @@
   width:100%;
 }
 
-.bp_base_grid_list_item_module_largeList--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322{
   box-sizing:border-box;
   display:flex;
   flex-direction:column;
@@ -4916,7 +4952,7 @@
   overflow:auto;
   padding:var(--space-1);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322{
   --thumbnail-size:10rem;
   --actions-opacity:0;
   --item-background:var(--gray-white);
@@ -4933,18 +4969,18 @@
   position:relative;
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322.bp_base_grid_list_item_module_loading--08322{
   grid-template-rows:1fr 1fr 1fr;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7:focus-within{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322:focus-within{
   --actions-opacity:1;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7{
+  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322{
     --thumbnail-size:7.5rem;
   }
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
   aspect-ratio:4/3;
   border:var(--border-1) solid var(--gray-10);
   border-radius:var(--radius-3);
@@ -4952,24 +4988,24 @@
   overflow:hidden;
   z-index:1;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7 img{
+.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{
   height:100%;
   object-fit:cover;
   object-position:left;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
+.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{
   border:none;
 }
 @media (max-width: 374px){
-  .bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
+  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
     aspect-ratio:1/1;
   }
-  .bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7 img{
+  .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{
     object-fit:contain;
   }
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322{
   align-items:center;
   display:flex;
   height:var(--space-6);
@@ -4981,11 +5017,11 @@
   top:.875rem;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
+  .bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_actions--08322{
     --actions-opacity:1;
   }
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7{
+.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{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -4994,15 +5030,15 @@
   justify-content:center;
   width:var(--space-8);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7: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_selection--08322:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_fade--6a4c7{
+.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{
   align-self:stretch;
   background:linear-gradient(270deg, #fff 0, #fff0 100%);
   width:var(--size-8);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
+.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{
   align-items:center;
   background:var(--item-background);
   border-radius:var(--radius-2);
@@ -5011,14 +5047,14 @@
   justify-content:flex-end;
   margin-inline-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7:last-child{
+.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{
   margin-inline-end:0;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_actionsCheckboxWrapper--6a4c7{
+.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{
   background:var(--item-background);
   display:flex;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_header--08322{
   align-items:center;
   color:var(--text-text-on-light);
   display:inline-flex;
@@ -5036,7 +5072,7 @@
   text-transform:var(--body-default-semibold-text-case);
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_subtitle--08322{
   align-items:center;
   color:var(--text-text-on-light-secondary);
   display:flex;
@@ -5052,7 +5088,7 @@
   text-transform:var(--caption-default-text-case);
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_description--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_description--08322{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:3;
   color:var(--text-text-on-light);
@@ -5071,13 +5107,13 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_snippet--6a4c7{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322 .bp_base_grid_list_item_module_snippet--08322{
   grid-area:description;
   margin:0;
   margin-block-end:var(--space-1);
   margin-block-start:var(--space-3);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7 .bp_base_grid_list_item_module_snippet--6a4c7 .bp_base_grid_list_item_module_snippetContent--6a4c7{
+.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{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   border:0 0 0 var(--space-05);
@@ -5097,12 +5133,12 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7:hover,.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-active-item],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-focus-visible],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-focused],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-hovered]{
+.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]{
   --actions-opacity:1;
   box-shadow:var(--dropshadow-2);
   outline:var(--border-1) solid var(--border-card-border);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-active-item]::before,.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[data-focus-visible]::before{
+.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{
   border-radius:.875rem;
   content:"";
   display:block;
@@ -5114,130 +5150,212 @@
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]{
+.bp_base_grid_list_item_module_largeList--08322 .bp_base_grid_list_item_module_largeListItem--08322[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--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true] .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_fade--6a4c7{
+.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{
   background:linear-gradient(270deg, #f2f7fd 0, #f2f7fd00 100%);
 }
-.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused]) .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
+.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{
   display:none;
 }
 @supports selector(:has(.foo)){
-  .bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]:has(+ .bp_base_grid_list_item_module_react-aria-DropIndicator--6a4c7 + [aria-selected=true]),.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true]:has(+ [aria-selected=true]){
+  .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]){
     border-end-end-radius:0;
     border-end-start-radius:0;
   }
-  .bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true] + .bp_base_grid_list_item_module_react-aria-DropIndicator--6a4c7 + [aria-selected=true],.bp_base_grid_list_item_module_largeList--6a4c7 .bp_base_grid_list_item_module_largeListItem--6a4c7[aria-selected=true] + [aria-selected=true]{
+  .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]{
     border-start-end-radius:0;
     border-start-start-radius:0;
     border-top:none;
   }
 }
 
-.bp_base_grid_list_item_module_gridList--6a4c7{
+.bp_base_grid_list_item_module_gridList--08322[data-modern=false]{
+  --grid-list-minimum-item-width:188px;
+  --grid-list-gap:var(--space-4);
+  --grid-list-padding:var(--space-1);
+  --grid-list-thumbnail-min-size:7rem;
+  --grid-list-header-height:var(--space-10);
+  --grid-list-subtitle-height:var(--space-4);
+  --grid-list-actions-height:var(--space-8);
+  --grid-list-item-padding:var(--space-2);
+  --grid-list-item-background:var(--gray-white);
+  --grid-list-item-border-radius:var(--radius-3);
+  --grid-list-item-row-gap:var(--space-2);
+  --grid-list-item-status-pin-top:var(--space-3);
+  --grid-list-item-status-pin-left:var(--space-3);
+  --grid-list-thumbnail-background:var(--gray-white);
+  --grid-list-thumbnail-border:var(--border-1) solid var(--border-gridthumbnail-border);
+  --grid-list-thumbnail-border-radius:var(--radius-3);
+  --grid-list-thumbnail-aspect-ratio:4/3;
+  --grid-list-actions-margin-block-start:-.25rem;
+  --grid-list-selection-top:var(--space-2);
+  --grid-list-selection-right:var(--space-2);
+  --grid-list-selection-width:var(--space-8);
+  --grid-list-selection-height:var(--space-8);
+  --grid-list-selection-border-radius:var(--radius-2);
+  --grid-list-selection-hover-background:var(--surface-cta-surface-icon-hover);
+  --grid-list-actions-inner-gap:var(--space-4);
+  --grid-list-actions-inner-border-radius:var(--radius-2);
+  --grid-list-header-color:var(--text-text-on-light);
+  --grid-list-subtitle-color:var(--text-text-on-light-secondary);
+  --grid-list-subtitle-loading-height:1.25rem;
+  --grid-list-item-hover-outline:var(--border-1) solid var(--border-card-border);
+  --grid-list-item-hover-box-shadow:var(--dropshadow-2);
+  --grid-list-item-focus-outline:var(--border-2) solid var(--outline-focus-on-light);
+  --grid-list-item-focus-outline-offset:-3px;
+  --grid-list-item-focus-after-outline:var(--border-1) solid var(--gray-white);
+  --grid-list-item-focus-after-outline-offset:-1px;
+  --grid-list-item-selected-background:var(--box-blue-05);
+  --grid-list-item-selected-outline:var(--border-2) solid var(--border-card-border-focus);
+  --grid-list-item-coarse-row-gap:var(--space-1);
+}
+
+.bp_base_grid_list_item_module_gridList--08322[data-modern=true]{
+  --grid-list-minimum-item-width:188px;
+  --grid-list-gap:var(--bp-space-040);
+  --grid-list-padding:var(--bp-space-010);
+  --grid-list-thumbnail-min-size:7rem;
+  --grid-list-header-height:var(--bp-size-100);
+  --grid-list-subtitle-height:var(--bp-size-040);
+  --grid-list-actions-height:var(--bp-size-080);
+  --grid-list-item-padding:var(--bp-space-020);
+  --grid-list-item-background:var(--bp-gray-white);
+  --grid-list-item-border-radius:var(--bp-radius-10);
+  --grid-list-item-row-gap:var(--bp-space-020);
+  --grid-list-item-status-pin-top:var(--bp-space-030);
+  --grid-list-item-status-pin-left:var(--bp-space-030);
+  --grid-list-thumbnail-background:var(--bp-gray-white);
+  --grid-list-thumbnail-border:var(--bp-border-01) solid var(--bp-border-grid-thumbnail-border);
+  --grid-list-thumbnail-border-radius:var(--bp-radius-06);
+  --grid-list-thumbnail-aspect-ratio:4/3;
+  --grid-list-actions-margin-block-start:-.25rem;
+  --grid-list-selection-top:var(--bp-space-020);
+  --grid-list-selection-right:var(--bp-space-020);
+  --grid-list-selection-width:var(--bp-size-080);
+  --grid-list-selection-height:var(--bp-size-080);
+  --grid-list-selection-border-radius:var(--bp-radius-10);
+  --grid-list-selection-hover-background:var(--bp-surface-cta-surface-icon-hover);
+  --grid-list-actions-inner-gap:var(--bp-space-040);
+  --grid-list-actions-inner-border-radius:var(--bp-radius-02);
+  --grid-list-header-color:var(--bp-text-text-on-light);
+  --grid-list-subtitle-color:var(--bp-text-text-on-light-secondary);
+  --grid-list-subtitle-loading-height:var(--bp-size-050);
+  --grid-list-item-hover-outline:var(--bp-border-list-item-border);
+  --grid-list-item-hover-box-shadow:var(--dropshadow-3);
+  --grid-list-item-focus-outline:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
+  --grid-list-item-focus-outline-offset:-3px;
+  --grid-list-item-focus-after-outline:var(--bp-border-01) solid var(--bp-gray-white);
+  --grid-list-item-focus-after-outline-offset:-1px;
+  --grid-list-item-selected-background:var(--bp-surface-list-item-surface-selected);
+  --grid-list-item-selected-outline:var(--bp-border-02) solid var(--bp-border-list-item-border-selected);
+  --grid-list-item-coarse-row-gap:var(--bp-space-010);
+}
+
+.bp_base_grid_list_item_module_gridList--08322{
   box-sizing:border-box;
   display:grid;
-  gap:var(--space-4);
-  grid-template-columns:repeat(auto-fit, minmax(188px, 1fr));
+  gap:var(--grid-list-gap);
+  grid-template-columns:repeat(auto-fit, minmax(var(--grid-list-minimum-item-width), 1fr));
   max-height:inherit;
   outline:none;
   overflow:auto;
-  padding:var(--space-1);
+  padding:var(--grid-list-padding);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7{
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322{
   --actions-opacity:0;
-  --item-background:var(--gray-white);
-  --row-gap:var(--space-2);
+  --item-background:var(--grid-list-item-background);
+  --row-gap:var(--grid-list-item-row-gap);
   background:var(--item-background);
-  border-radius:var(--radius-3);
+  border-radius:var(--grid-list-item-border-radius);
   cursor:default;
   display:grid;
   grid-template-areas:"thumbnail" "head" "subtitle";
   grid-template-columns:1fr;
-  grid-template-rows:minmax(7rem, auto) var(--space-10) minmax(var(--space-4), var(--space-8));
+  grid-template-rows:minmax(var(--grid-list-thumbnail-min-size), auto) var(--grid-list-header-height) minmax(var(--grid-list-subtitle-height), var(--grid-list-actions-height));
   justify-content:center;
   outline:none;
-  padding:var(--space-2);
+  padding:var(--grid-list-item-padding);
   position:relative;
   row-gap:var(--row-gap);
   transform:translateZ(0);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7:focus-within{
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322:focus-within{
   --actions-opacity:1;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_statusPin--6a4c7{
-  left:var(--space-3);
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_statusPin--08322{
+  left:var(--grid-list-item-status-pin-left);
   position:absolute;
-  top:var(--space-3);
+  top:var(--grid-list-item-status-pin-top);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
-  aspect-ratio:4/3;
-  background:var(--gray-white);
-  border:var(--border-1) solid var(--border-gridthumbnail-border);
-  border-radius:var(--radius-3);
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
+  aspect-ratio:var(--grid-list-thumbnail-aspect-ratio);
+  background:var(--grid-list-thumbnail-background);
+  border:var(--grid-list-thumbnail-border);
+  border-radius:var(--grid-list-thumbnail-border-radius);
   grid-area:thumbnail;
   overflow:hidden;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7 img{
+.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{
   height:100%;
   object-fit:contain;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
+.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{
   border:none;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_thumbnail--6a4c7{
+  .bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_thumbnail--08322{
     margin-block-end:var(--space-1);
   }
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322{
   grid-area:subtitle;
-  margin-block-start:-.25rem;
+  margin-block-start:var(--grid-list-actions-margin-block-start);
   opacity:var(--actions-opacity);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7{
+.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{
   align-items:center;
-  border-radius:var(--radius-2);
+  border-radius:var(--grid-list-selection-border-radius);
   display:flex;
-  height:var(--space-8);
+  height:var(--grid-list-selection-height);
   justify-content:center;
   position:absolute;
-  right:var(--space-2);
-  top:var(--space-2);
-  width:var(--space-8);
+  right:var(--grid-list-selection-right);
+  top:var(--grid-list-selection-top);
+  width:var(--grid-list-selection-width);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_selection--6a4c7:hover{
-  background:var(--surface-cta-surface-icon-hover);
+.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{
+  background:var(--grid-list-selection-hover-background);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
+.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{
   align-items:center;
   background:var(--item-background);
-  border-radius:var(--radius-2);
+  border-radius:var(--grid-list-actions-inner-border-radius);
   display:flex;
-  gap:var(--space-4);
+  gap:var(--grid-list-actions-inner-gap);
   justify-content:center;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_actions--6a4c7{
+  .bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_actions--08322{
     grid-area:actions;
     margin-block-start:0;
   }
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7{
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_header--08322{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
-  color:var(--text-text-on-light);
+  color:var(--grid-list-header-color);
   display:-webkit-box;
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
   grid-area:head;
-  height:var(--space-10);
+  height:var(--grid-list-header-height);
   letter-spacing:var(--body-default-letter-spacing);
   line-height:var(--body-default-line-height);
   overflow:hidden;
@@ -5246,17 +5364,17 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_header--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
+.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{
   align-items:center;
   display:flex;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7{
-  color:var(--text-text-on-light-secondary);
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322 .bp_base_grid_list_item_module_subtitle--08322{
+  color:var(--grid-list-subtitle-color);
   font-family:var(--caption-default-font-family);
   font-size:var(--caption-default-font-size);
   font-weight:var(--caption-default-font-weight);
   grid-area:subtitle;
-  height:var(--space-4);
+  height:var(--grid-list-subtitle-height);
   letter-spacing:var(--caption-default-letter-spacing);
   line-height:var(--caption-default-line-height);
   overflow:hidden;
@@ -5267,56 +5385,56 @@
   text-transform:var(--caption-default-text-case);
   white-space:nowrap;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7 .bp_base_grid_list_item_module_subtitle--6a4c7.bp_base_grid_list_item_module_loading--6a4c7{
-  height:1.25rem;
+.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{
+  height:var(--grid-list-subtitle-loading-height);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7.bp_base_grid_list_item_module_isItemInteracted--6a4c7,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7:hover,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-active-item],.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focus-visible],.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focused],.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-hovered]{
+.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]{
   --actions-opacity:1;
-  box-shadow:var(--dropshadow-2);
-  outline:var(--border-1) solid var(--border-card-border);
+  box-shadow:var(--grid-list-item-hover-box-shadow);
+  outline:var(--grid-list-item-hover-outline);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-active-item]::before,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focus-visible]::before{
-  border-radius:var(--radius-3);
+.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{
+  border-radius:var(--grid-list-item-border-radius);
   content:"";
   display:block;
   height:100%;
   left:0;
-  outline:var(--border-2) solid var(--outline-focus-on-light);
-  outline-offset:-3px;
+  outline:var(--grid-list-item-focus-outline);
+  outline-offset:var(--grid-list-item-focus-outline-offset);
   position:absolute;
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-active-item]::after,.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[data-focus-visible]::after{
-  border-radius:var(--radius-3);
+.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{
+  border-radius:var(--grid-list-item-border-radius);
   content:"";
   display:block;
   height:100%;
   left:0;
-  outline:var(--border-1) solid var(--gray-white);
-  outline-offset:-1px;
+  outline:var(--grid-list-item-focus-after-outline);
+  outline-offset:var(--grid-list-item-focus-after-outline-offset);
   position:absolute;
   top:0;
   width:100%;
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[aria-selected=true]{
+.bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322[aria-selected=true]{
   --actions-opacity:1;
-  --item-background:var(--box-blue-05);
-  outline:var(--border-2) solid var(--border-card-border-focus);
+  --item-background:var(--grid-list-item-selected-background);
+  outline:var(--grid-list-item-selected-outline);
 }
-.bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7[aria-selected=true]:not([data-hovered], [data-focus-visible], [data-focused], .bp_base_grid_list_item_module_isItemInteracted--6a4c7) .bp_base_grid_list_item_module_actions--6a4c7 .bp_base_grid_list_item_module_inner--6a4c7{
+.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{
   opacity:0;
 }
 @media (pointer: coarse){
-  .bp_base_grid_list_item_module_gridList--6a4c7 .bp_base_grid_list_item_module_gridListItem--6a4c7{
-    --row-gap:var(--space-1);
+  .bp_base_grid_list_item_module_gridList--08322 .bp_base_grid_list_item_module_gridListItem--08322{
+    --row-gap:var(--grid-list-item-coarse-row-gap);
     --actions-opacity:1;
     grid-template-areas:"thumbnail" "head" "subtitle" "actions";
-    grid-template-rows:minmax(7rem, auto) var(--space-10) var(--space-4) var(--space-8);
+    grid-template-rows:minmax(var(--grid-list-thumbnail-min-size), auto) var(--grid-list-header-height) var(--grid-list-subtitle-height) var(--grid-list-actions-height);
   }
 }
 
-.bp_base_grid_list_item_module_tooltipContent--6a4c7{
+.bp_base_grid_list_item_module_tooltipContent--08322{
   background-color:var(--surface-tooltip-surface);
   border:var(--border-1) solid var(--surface-tooltip-surface);
   border-radius:var(--radius-1);
@@ -5335,28 +5453,28 @@
   word-break:break-word;
   z-index:2147483647;
 }
-.bp_base_grid_list_item_module_tooltipContent--6a4c7 .bp_base_grid_list_item_module_tooltipArrow--6a4c7 svg{
+.bp_base_grid_list_item_module_tooltipContent--08322 .bp_base_grid_list_item_module_tooltipArrow--08322 svg{
   display:block;
   height:.5rem;
   width:1rem;
 }
-.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=top]{
+.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=top]{
   margin-block-end:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--6a4c7 svg{
+.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=top] .bp_base_grid_list_item_module_tooltipArrow--08322 svg{
   transform:rotate(180deg);
 }
-.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=bottom]{
+.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=bottom]{
   margin-block-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=right]{
+.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=right]{
   margin-inline-start:var(--space-2);
 }
-.bp_base_grid_list_item_module_tooltipContent--6a4c7[data-placement=left]{
+.bp_base_grid_list_item_module_tooltipContent--08322[data-placement=left]{
   margin-inline-end:var(--space-2);
 }
 
-.bp_base_grid_list_item_module_staticList--6a4c7 .bp_base_grid_list_item_module_staticListItem--6a4c7{
+.bp_base_grid_list_item_module_staticList--08322 .bp_base_grid_list_item_module_staticListItem--08322{
   display:contents;
 }
 .bp_guided_tooltip_module_content--47a15{

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

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

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

@@ -3,9 +3,10 @@ import clsx from 'clsx';
 import noop from 'lodash/noop';
 import { forwardRef, useMemo, createContext, useContext } from 'react';
 import { GridList } from 'react-aria-components';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { isCtrlKeyPressed } from '../../utils/keyboardUtils.js';
-import { StaticGridList } from './static-grid-list.js';
 import styles from './base-grid-list-item.module.js';
+import { StaticGridList } from './static-grid-list.js';
 
 const BaseGridListContext = /*#__PURE__*/createContext({
   layoutStyle: 'grid'
@@ -30,6 +31,9 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
     layoutStyle,
     ...rest
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const handleOnAction = onAction || noop;
   const context = useMemo(() => ({
     selectionMode: rest.selectionMode,
@@ -63,6 +67,7 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
         ...rest,
         ref: forwardedRef,
         className: clsx(layoutStyleClass, className),
+        "data-modern": enableModernizedComponents,
         layout: layoutFinal,
         onAction: handleOnAction,
         children: children

package/dist/lib-esm/util-components/list-checkbox/list-checkbox.js

@@ -4,6 +4,7 @@ import { IconIconOnDark, Size3 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Checkbox } from 'react-aria-components';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './list-checkbox.module.js';
 
 /**
@@ -14,8 +15,12 @@ import styles from './list-checkbox.module.js';
  * @see https://react-spectrum.adobe.com/react-aria/Checkbox.html
  */
 const ListCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsx("div", {
     className: clsx(styles.selection, props.className),
+    "data-modern": enableModernizedComponents,
     children: jsx(Checkbox, {
       ...props,
       ref: ref,

package/dist/lib-esm/util-components/list-checkbox/list-checkbox.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"selection":"bp_list_checkbox_module_selection--d79fa","checkbox":"bp_list_checkbox_module_checkbox--d79fa"};
+var styles = {"selection":"bp_list_checkbox_module_selection--98dc1","checkbox":"bp_list_checkbox_module_checkbox--98dc1"};
 
 export { styles as default };

package/package.json

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