@box/blueprint-web 12.70.0 → 12.72.0

package/dist/lib-esm/index.css

@@ -272,13 +272,13 @@
   }
 }
 
-.bp_base_button_module_button--85575[data-modern=true]{
+.bp_base_button_module_button--4c200[data-modern=true]{
   --button-border-radius:var(--bp-radius-10);
 }
-.bp_base_button_module_button--85575[data-modern=true]:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--4c200[data-modern=true]:not(:disabled)[data-focus-visible]{
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--bp-outline-focus-on-light);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_primary--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_primary--4c200{
   --button-color:var(--bp-text-text-on-dark);
   --button-background:var(--bp-surface-surface-brand);
   --button-border:var(--bp-border-01) solid var(--bp-surface-surface-brand);
@@ -287,7 +287,7 @@
   --button-active-background:var(--bp-surface-surface-brand-pressed);
   --button-active-border:var(--bp-border-01) solid var(--bp-surface-surface-brand-pressed);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_secondary--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_secondary--4c200{
   --button-color:var(--bp-text-text-on-light);
   --button-background:var(--bp-surface-cta-surface-secondary);
   --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
@@ -297,57 +297,57 @@
   --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-secondary);
   --button-backdrop-filter:blur(16px);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_tertiary--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_tertiary--4c200{
   --button-color:var(--bp-text-cta-link);
   --button-background:var(--bp-surface-cta-surface-tertiary);
   --button-focus-or-hover-background:var(--bp-surface-cta-surface-tertiary-hover);
   --button-active-background:var(--bp-surface-cta-surface-tertiary-pressed);
   --button-backdrop-filter:blur(16px);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_outline--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_outline--4c200{
   --button-color:var(--bp-text-text-on-light);
-  --button-background:var(--bp-surface-cta-surface-outline);
+  --button-background:var(--bp-surface-cta-surface-secondary);
   --button-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
-  --button-focus-or-hover-background:var(--bp-surface-cta-surface-outline-hover);
+  --button-focus-or-hover-background:var(--bp-surface-cta-surface-secondary-hover);
   --button-focus-or-hover-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
-  --button-active-background:var(--bp-surface-cta-surface-outline-pressed);
+  --button-active-background:var(--bp-surface-cta-surface-secondary-pressed);
   --button-active-border:var(--bp-border-01) solid var(--bp-border-cta-border-high-contrast);
   --button-backdrop-filter:blur(16px);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_small--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_small--4c200{
   --button-small-gap:var(--bp-space-010);
   --button-small-min-height:var(--bp-size-080);
-  --button-small-padding:0 var(--bp-size-040);
+  --button-small-padding:0 var(--bp-size-030);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_small--85575.bp_base_button_module_isIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_small--4c200.bp_base_button_module_isIconButton--4c200{
   --icon-button-small-width:var(--bp-size-080);
   --icon-button-small-height:var(--bp-size-080);
   --icon-button-small-padding:0 calc((var(--bp-size-080) - var(--bp-size-040))/2);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_small--85575.bp_base_button_module_isTextWithIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_small--4c200.bp_base_button_module_isTextWithIconButton--4c200{
   --button-small-padding:0 0.625rem 0 var(--bp-space-030);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_large--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_large--4c200{
   --button-large-gap:var(--bp-space-020);
   --button-large-min-height:var(--bp-size-100);
   --button-large-padding:0 var(--bp-size-040);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_large--85575.bp_base_button_module_isIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_large--4c200.bp_base_button_module_isIconButton--4c200{
   --icon-button-large-width:var(--bp-size-100);
   --icon-button-large-height:var(--bp-size-100);
   --icon-button-large-padding:0 calc((var(--bp-size-100) - var(--bp-size-050))/2);
 }
-.bp_base_button_module_button--85575[data-modern=true].bp_base_button_module_large--85575.bp_base_button_module_isTextWithIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=true].bp_base_button_module_large--4c200.bp_base_button_module_isTextWithIconButton--4c200{
   --button-large-padding:0 0.875rem 0 var(--bp-space-040);
 }
 
-.bp_base_button_module_button--85575[data-modern=false]{
+.bp_base_button_module_button--4c200[data-modern=false]{
   --button-border-radius:var(--radius-2);
 }
-.bp_base_button_module_button--85575[data-modern=false]:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--4c200[data-modern=false]:not(:disabled)[data-focus-visible]{
   box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) var(--outline-focus-on-light);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_primary--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_primary--4c200{
   --button-color:var(--text-text-brand-on-color);
   --button-background:var(--surface-surface-brand);
   --button-border:var(--border-1) solid var(--surface-surface-brand);
@@ -356,7 +356,7 @@
   --button-active-background:var(--surface-surface-brand-pressed);
   --button-active-border:var(--border-1) solid var(--surface-surface-brand-pressed);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_secondary--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_secondary--4c200{
   --button-color:var(--text-text-on-light);
   --button-background:var(--surface-cta-surface-secondary);
   --button-border:var(--border-1) solid var(--border-cta-border-secondary);
@@ -366,7 +366,7 @@
   --button-active-border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
   --button-backdrop-filter:none;
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_tertiary--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_tertiary--4c200{
   --button-color:var(--text-cta-link);
   --button-background:#0000;
   --button-border:var(--border-1) solid #0000;
@@ -374,7 +374,7 @@
   --button-active-background:var(--surface-cta-surface-tertiary-pressed);
   --button-backdrop-filter:none;
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_outline--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_outline--4c200{
   --button-color:var(--text-text-on-light);
   --button-background:var(--surface-cta-surface-outline);
   --button-border:var(--border-1) solid var(--border-cta-border-outline);
@@ -384,34 +384,34 @@
   --button-active-border:var(--border-1) solid var(--border-cta-border-outline-pressed);
   --button-backdrop-filter:none;
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_small--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_small--4c200{
   --button-small-gap:var(--space-1);
   --button-small-min-height:var(--size-8);
   --button-small-padding:0 var(--space-4);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_small--85575.bp_base_button_module_isIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_small--4c200.bp_base_button_module_isIconButton--4c200{
   --icon-button-small-width:var(--size-8);
   --icon-button-small-height:var(--size-8);
   --icon-button-small-padding:0 calc((var(--space-8) - var(--space-4))/2);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_small--85575.bp_base_button_module_isTextWithIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_small--4c200.bp_base_button_module_isTextWithIconButton--4c200{
   --button-small-padding:0 var(--space-3);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_large--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_large--4c200{
   --button-large-gap:var(--space-2);
   --button-large-min-height:var(--size-10);
   --button-large-padding:0 var(--space-4);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_large--85575.bp_base_button_module_isIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_large--4c200.bp_base_button_module_isIconButton--4c200{
   --icon-button-large-width:var(--size-10);
   --icon-button-large-height:var(--size-10);
   --icon-button-large-padding:0 calc((var(--space-10) - var(--space-5))/2);
 }
-.bp_base_button_module_button--85575[data-modern=false].bp_base_button_module_large--85575.bp_base_button_module_isTextWithIconButton--85575{
+.bp_base_button_module_button--4c200[data-modern=false].bp_base_button_module_large--4c200.bp_base_button_module_isTextWithIconButton--4c200{
   --button-large-padding:0 var(--space-4);
 }
 
-.bp_base_button_module_button--85575{
+.bp_base_button_module_button--4c200{
   border-radius:var(--button-border-radius);
   cursor:pointer;
   font-family:var(--body-default-bold-font-family);
@@ -428,98 +428,98 @@
           user-select:none;
   white-space:nowrap;
 }
-.bp_base_button_module_button--85575,.bp_base_button_module_button--85575 .bp_base_button_module_icon--85575{
+.bp_base_button_module_button--4c200,.bp_base_button_module_button--4c200 .bp_base_button_module_icon--4c200{
   align-items:center;
   display:flex;
 }
-.bp_base_button_module_button--85575:disabled{
+.bp_base_button_module_button--4c200:disabled{
   opacity:.3;
 }
-.bp_base_button_module_button--85575.bp_base_button_module_primary--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200{
   background:var(--button-background);
   border:var(--button-border);
   color:var(--button-color);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_primary--85575:not(:disabled):hover,.bp_base_button_module_button--85575.bp_base_button_module_primary--85575:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200:not(:disabled)[data-focus-visible]{
   background:var(--button-focus-or-hover-background);
   border:var(--button-focus-or-hover-border);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_primary--85575:not(:disabled):active{
+.bp_base_button_module_button--4c200.bp_base_button_module_primary--4c200:not(:disabled):active{
   background:var(--button-active-background);
   border:var(--button-active-border);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_secondary--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200{
   backdrop-filter:var(--button-backdrop-filter);
   background:var(--button-background);
   border:var(--button-border);
   color:var(--button-color);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_secondary--85575:not(:disabled):hover,.bp_base_button_module_button--85575.bp_base_button_module_secondary--85575:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200:not(:disabled)[data-focus-visible]{
   background:var(--button-focus-or-hover-background);
   border:var(--button-focus-or-hover-border);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_secondary--85575:not(:disabled):active{
+.bp_base_button_module_button--4c200.bp_base_button_module_secondary--4c200:not(:disabled):active{
   background:var(--button-active-background);
   border:var(--button-active-border);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_tertiary--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200{
   backdrop-filter:var(--button-backdrop-filter);
   background:var(--button-background);
   border:var(--button-border);
   color:var(--button-color);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_tertiary--85575:not(:disabled):hover,.bp_base_button_module_button--85575.bp_base_button_module_tertiary--85575:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200:not(:disabled)[data-focus-visible]{
   background:var(--button-focus-or-hover-background);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_tertiary--85575:not(:disabled):active{
+.bp_base_button_module_button--4c200.bp_base_button_module_tertiary--4c200:not(:disabled):active{
   background:var(--button-active-background);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_outline--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200{
   backdrop-filter:var(--button-backdrop-filter);
   background:var(--button-background);
   border:var(--button-border);
   color:var(--button-color);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_outline--85575:not(:disabled):hover,.bp_base_button_module_button--85575.bp_base_button_module_outline--85575:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200:not(:disabled):hover,.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200:not(:disabled)[data-focus-visible]{
   background:var(--button-focus-or-hover-background);
   border:var(--button-focus-or-hover-border);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_outline--85575:not(:disabled):active{
+.bp_base_button_module_button--4c200.bp_base_button_module_outline--4c200:not(:disabled):active{
   background:var(--button-active-background);
   border:var(--button-active-border);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_small--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_small--4c200{
   gap:var(--button-small-gap);
   min-height:var(--button-small-min-height);
   padding:var(--button-small-padding);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_small--85575.bp_base_button_module_isIconButton--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_small--4c200.bp_base_button_module_isIconButton--4c200{
   height:var(--icon-button-small-height);
   min-height:unset;
   padding:var(--icon-button-small-padding);
   width:var(--icon-button-small-width);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_small--85575.bp_base_button_module_isTextWithIconButton--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_small--4c200.bp_base_button_module_isTextWithIconButton--4c200{
   padding:var(--button-small-padding);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_large--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_large--4c200{
   gap:var(--button-large-gap);
   min-height:var(--button-large-min-height);
   padding:var(--button-large-padding);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_large--85575.bp_base_button_module_isIconButton--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_large--4c200.bp_base_button_module_isIconButton--4c200{
   height:var(--icon-button-large-height);
   padding:var(--icon-button-large-padding);
   width:var(--icon-button-large-width);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_large--85575.bp_base_button_module_isTextWithIconButton--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_large--4c200.bp_base_button_module_isTextWithIconButton--4c200{
   padding:var(--button-large-padding);
 }
-.bp_base_button_module_button--85575.bp_base_button_module_hide--85575{
+.bp_base_button_module_button--4c200.bp_base_button_module_hide--4c200{
   pointer-events:none;
   position:relative;
 }
-.bp_base_button_module_button--85575.bp_base_button_module_hide--85575 span{
+.bp_base_button_module_button--4c200.bp_base_button_module_hide--4c200 span{
   color:#0000;
   opacity:0;
 }
@@ -1705,7 +1705,22 @@
   outline:none;
   overflow:visible;
 }
-.bp_text_with_info_badge_module_text--5b9b6{
+.bp_text_with_info_badge_module_text--c50c3[data-modern=false]{
+  --text-with-info-badge-color:var(--text-text-on-light);
+  --text-with-info-badge-color-muted:var(--text-text-on-light-secondary);
+  --text-with-info-badge-margin-left:var(--size-1);
+  --text-with-info-badge-font-size:var(--size-4);
+}
+
+.bp_text_with_info_badge_module_text--c50c3[data-modern=true]{
+  --text-with-info-badge-color:var(--bp-text-text-on-light);
+  --text-with-info-badge-color-muted:var(--bp-text-text-on-light-secondary);
+  --text-with-info-badge-margin-left:var(--bp-size-010);
+  --text-with-info-badge-font-size:var(--bp-size-040);
+}
+
+.bp_text_with_info_badge_module_text--c50c3{
+  color:var(--text-with-info-badge-color);
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -1716,19 +1731,19 @@
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_text_with_info_badge_module_text--5b9b6.bp_text_with_info_badge_module_muted--5b9b6{
-  color:var(--text-text-on-light-secondary);
+.bp_text_with_info_badge_module_text--c50c3.bp_text_with_info_badge_module_muted--c50c3{
+  color:var(--text-with-info-badge-color-muted);
 }
-.bp_text_with_info_badge_module_text--5b9b6 .bp_text_with_info_badge_module_badgeContainer--5b9b6{
+.bp_text_with_info_badge_module_text--c50c3 .bp_text_with_info_badge_module_badgeContainer--c50c3{
   align-items:center;
   display:inline-flex;
   height:var(--body-default-line-height);
   position:absolute;
 }
-.bp_text_with_info_badge_module_text--5b9b6 .bp_text_with_info_badge_module_badgeContainer--5b9b6 .bp_text_with_info_badge_module_badge--5b9b6{
+.bp_text_with_info_badge_module_text--c50c3 .bp_text_with_info_badge_module_badgeContainer--c50c3 .bp_text_with_info_badge_module_badge--c50c3{
   display:inline-flex;
-  font-size:var(--size-4);
-  margin-left:var(--size-1);
+  font-size:var(--text-with-info-badge-font-size);
+  margin-left:var(--text-with-info-badge-margin-left);
 }
 .bp_legend_module_legendText--1e794{
   font-weight:bold;
@@ -5915,11 +5930,12 @@
   height:var(--icon-toogle-button-xsmall-size);
   width:var(--icon-toogle-button-xsmall-size);
 }
-table.bp_inline_table_module_inlineTable--14908[data-modern=false]{
+table.bp_inline_table_module_inlineTable--f6f94[data-modern=false]{
   --table-background:var(--gray-white);
   --table-border:var(--border-1) solid var(--gray-10);
   --table-border-radius:var(--radius-2);
   --table-th-color:var(--text-text-on-light-secondary);
+  --table-td-color:var(--text-text-on-light);
   --table-cell-height:var(--size-12);
   --table-action-cell-padding-block-start:var(--space-2);
   --table-action-cell-padding-block-end:var(--space-2);
@@ -5928,20 +5944,21 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=false]{
   --table-cell-border:var(--border-1) solid var(--gray-10);
 }
 
-table.bp_inline_table_module_inlineTable--14908{
+table.bp_inline_table_module_inlineTable--f6f94{
   background:var(--table-background);
   border:var(--table-border);
   border-collapse:initial;
   border-radius:var(--table-border-radius);
   border-spacing:0;
 }
-table.bp_inline_table_module_inlineTable--14908.bp_inline_table_module_borderHidden--14908{
+table.bp_inline_table_module_inlineTable--f6f94.bp_inline_table_module_borderHidden--f6f94{
   border:none;
 }
-table.bp_inline_table_module_inlineTable--14908.bp_inline_table_module_fullSpan--14908{
+table.bp_inline_table_module_inlineTable--f6f94.bp_inline_table_module_fullSpan--f6f94{
   width:100%;
 }
-table.bp_inline_table_module_inlineTable--14908 td{
+table.bp_inline_table_module_inlineTable--f6f94 td{
+  color:var(--table-td-color);
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -5951,11 +5968,11 @@ table.bp_inline_table_module_inlineTable--14908 td{
           text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-table.bp_inline_table_module_inlineTable--14908 td.bp_inline_table_module_actionCell--14908{
+table.bp_inline_table_module_inlineTable--f6f94 td.bp_inline_table_module_actionCell--f6f94{
   padding-block-end:var(--table-action-cell-padding-block-end);
   padding-block-start:var(--table-action-cell-padding-block-start);
 }
-table.bp_inline_table_module_inlineTable--14908 th{
+table.bp_inline_table_module_inlineTable--f6f94 th{
   border-bottom:var(--table-cell-border);
   color:var(--table-th-color);
   font-family:var(--caption-default-font-family);
@@ -5968,24 +5985,25 @@ table.bp_inline_table_module_inlineTable--14908 th{
   text-transform:var(--caption-default-text-case);
   text-transform:uppercase;
 }
-table.bp_inline_table_module_inlineTable--14908 td,table.bp_inline_table_module_inlineTable--14908 th{
+table.bp_inline_table_module_inlineTable--f6f94 td,table.bp_inline_table_module_inlineTable--f6f94 th{
   height:var(--table-cell-height);
 }
-table.bp_inline_table_module_inlineTable--14908 td:first-child,table.bp_inline_table_module_inlineTable--14908 th:first-child{
+table.bp_inline_table_module_inlineTable--f6f94 td:first-child,table.bp_inline_table_module_inlineTable--f6f94 th:first-child{
   padding-inline-start:var(--table-cell-padding-inline-start);
 }
-table.bp_inline_table_module_inlineTable--14908 td:last-child,table.bp_inline_table_module_inlineTable--14908 td:not(:only-child),table.bp_inline_table_module_inlineTable--14908 th:last-child,table.bp_inline_table_module_inlineTable--14908 th:not(:only-child){
+table.bp_inline_table_module_inlineTable--f6f94 td:last-child,table.bp_inline_table_module_inlineTable--f6f94 td:not(:only-child),table.bp_inline_table_module_inlineTable--f6f94 th:last-child,table.bp_inline_table_module_inlineTable--f6f94 th:not(:only-child){
   padding-inline-end:var(--table-cell-padding-inline-end);
 }
-table.bp_inline_table_module_inlineTable--14908 tr:not(:last-child) td{
+table.bp_inline_table_module_inlineTable--f6f94 tr:not(:last-child) td{
   border-block-end:var(--table-cell-border);
 }
 
-table.bp_inline_table_module_inlineTable--14908[data-modern=true]{
+table.bp_inline_table_module_inlineTable--f6f94[data-modern=true]{
   --table-background:var(--bp-surface-inline-table-surface);
   --table-border:var(--bp-border-01) solid var(--bp-border-inline-table-border);
   --table-border-radius:var(--bp-radius-06);
   --table-th-color:var(--bp-text-text-on-light-secondary);
+  --table-td-color:var(--bp-text-text-on-light);
   --table-cell-height:var(--bp-size-120);
   --table-action-cell-padding-block-start:var(--bp-space-020);
   --table-cell-padding-inline-default:var(--bp-space-020);
@@ -5994,13 +6012,13 @@ table.bp_inline_table_module_inlineTable--14908[data-modern=true]{
   --table-cell-padding-inline-end:var(--bp-space-050);
   --table-cell-border:var(--bp-border-01) solid var(--bp-border-divider-border);
 }
-table.bp_inline_table_module_inlineTable--14908[data-modern=true] td,table.bp_inline_table_module_inlineTable--14908[data-modern=true] th{
+table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td,table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] th{
   padding-inline:var(--table-cell-padding-inline-default);
 }
-table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:first-child,table.bp_inline_table_module_inlineTable--14908[data-modern=true] th:first-child{
+table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:first-child,table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] th:first-child{
   padding-inline-start:var(--table-cell-padding-inline-start);
 }
-table.bp_inline_table_module_inlineTable--14908[data-modern=true] td:last-child,table.bp_inline_table_module_inlineTable--14908[data-modern=true] th:last-child{
+table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] td:last-child,table.bp_inline_table_module_inlineTable--f6f94[data-modern=true] th:last-child{
   padding-inline-end:var(--table-cell-padding-inline-end);
 }
 .bp_search_term_string_module_searchTerm--28ab8{
@@ -7513,82 +7531,161 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   flex-direction:row;
 }
 
-.bp_select_menu_grid_option_module_buttonWrapper--bade8.bp_select_menu_grid_option_module_withLabel--bade8{
+.bp_select_menu_grid_option_module_buttonWrapper--fb290[data-modern=false]{
+  --select-menu-grid-option-labeled-margin-small-breakpoint:var(--space-05) 0;
+  --select-menu-grid-option-labeled-margin:var(--space-05);
+  --select-menu-grid-option-labeled-max-width:calc(50% - var(--space-1));
+  --select-menu-grid-option-labeled-max-width-first-child-margin-left:0;
+  --select-menu-grid-option-labeled-max-width-last-child-margin-right:0;
+}
+
+.bp_select_menu_grid_option_module_buttonWrapper--fb290[data-modern=true]{
+  --select-menu-grid-option-labeled-margin-small-breakpoint:var(--bp-space-005) 0;
+  --select-menu-grid-option-labeled-margin:var(--bp-space-005);
+  --select-menu-grid-option-labeled-max-width:calc(50% - var(--bp-size-010));
+  --select-menu-grid-option-labeled-max-width-first-child-margin-left:0;
+  --select-menu-grid-option-labeled-max-width-last-child-margin-right:0;
+}
+
+.bp_select_menu_grid_option_module_buttonWrapper--fb290.bp_select_menu_grid_option_module_withLabel--fb290{
   flex:1 1 0;
-  margin:var(--space-05) 0;
+  margin:var(--select-menu-grid-option-labeled-margin-small-breakpoint);
 }
-.bp_select_menu_grid_option_module_buttonWrapper--bade8.bp_select_menu_grid_option_module_withLabel--default--bade8{
+.bp_select_menu_grid_option_module_buttonWrapper--fb290.bp_select_menu_grid_option_module_withLabel--default--fb290{
   max-width:100%;
 }
 @media only screen and (width > 374px){
-  .bp_select_menu_grid_option_module_buttonWrapper--bade8.bp_select_menu_grid_option_module_withLabel--default--bade8{
-    margin:var(--space-05);
-    max-width:calc(50% - var(--space-1));
+  .bp_select_menu_grid_option_module_buttonWrapper--fb290.bp_select_menu_grid_option_module_withLabel--default--fb290{
+    margin:var(--select-menu-grid-option-labeled-margin);
+    max-width:var(--select-menu-grid-option-labeled-max-width);
   }
-  .bp_select_menu_grid_option_module_buttonWrapper--bade8.bp_select_menu_grid_option_module_withLabel--default--bade8:first-child{
-    margin-left:0;
+  .bp_select_menu_grid_option_module_buttonWrapper--fb290.bp_select_menu_grid_option_module_withLabel--default--fb290:first-child{
+    margin-left:var(--select-menu-grid-option-labeled-max-width-first-child-margin-left);
   }
-  .bp_select_menu_grid_option_module_buttonWrapper--bade8.bp_select_menu_grid_option_module_withLabel--default--bade8:last-child{
-    margin-right:0;
+  .bp_select_menu_grid_option_module_buttonWrapper--fb290.bp_select_menu_grid_option_module_withLabel--default--fb290:last-child{
+    margin-right:var(--select-menu-grid-option-labeled-max-width-last-child-margin-right);
   }
 }
 
-.bp_select_menu_grid_option_module_square--bade8{
-  height:var(--size-8);
-  width:var(--size-8);
-}
-.bp_select_menu_grid_option_module_square--bade8,.bp_select_menu_grid_option_module_square--bade8 .bp_select_menu_grid_option_module_outlineHost--bade8{
-  align-items:center;
-  border-radius:var(--radius-3);
-  display:flex;
-  justify-content:center;
-}
-.bp_select_menu_grid_option_module_square--bade8 .bp_select_menu_grid_option_module_outlineHost--bade8{
-  height:var(--size-7);
-  width:var(--size-7);
-}
-
-.bp_select_menu_grid_option_module_circle--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290[data-modern=false]{
+  --select-menu-grid-option-background-color:#0000;
+  --select-menu-grid-option-labeled-background-color-hover:var(--surface-surface-secondary);
+  --select-menu-grid-option-labeled-background-color-active:var(--surface-surface-secondary);
+  --select-menu-grid-option-labeled-box-shadow:var(--dropshadow-2);
+  --select-menu-grid-option-labeled-box-shadow-dragging:0 0 0 var(--border-1) var(--border-divider-border), var(--dropshadow-2);
+  --select-menu-grid-option-labeled-box-shadow-focus:0 0 0 var(--border-2) var(--outline-focus-on-light);
+  --select-menu-grid-option-not-labeled-width:var(--size-8);
+  --select-menu-grid-option-not-labeled-height:var(--size-8);
+  --select-menu-grid-option-not-labeled-padding:0;
+  --select-menu-grid-option-labeled-gap:var(--space-3);
+  --select-menu-grid-option-labeled-min-width:10rem;
+  --select-menu-grid-option-labeled-padding:var(--space-1);
+  --select-menu-grid-option-labeled-border-radius:var(--radius-3);
+  --select-menu-grid-option-labeled-transition:background-color var(--animation-duration-2);
+  --select-menu-grid-option-labeled-text-max-height:var(--size-8);
+  --select-menu-grid-option-labeled-text-color:var(--text-text-on-light);
+  --select-menu-grid-option-labeled-icon-border-radius:var(--radius-3);
+  --select-menu-grid-option-labeled-icon-default-size:var(--size-8);
+  --select-menu-grid-option-labeled-icon-large-size:var(--size-10);
+  --select-menu-grid-option-labeled-icon-default-background:var(--surface-surface-tertiary);
+  --select-menu-grid-option-labeled-icon-default-background-dark:var(--surface-surface-quaternary);
+  --select-menu-grid-option-labeled-icon-box-background:var(--brand-box-tertiary);
+  --select-menu-grid-option-labeled-icon-box-background-dark:var(--brand-box-secondary);
+  --select-menu-grid-option-labeled-icon-docgen-background:var(--brand-docgen-tertiary);
+  --select-menu-grid-option-labeled-icon-docgen-background-dark:var(--brand-docgen-secondary);
+  --select-menu-grid-option-labeled-icon-forms-background:var(--brand-forms-tertiary);
+  --select-menu-grid-option-labeled-icon-forms-background-dark:var(--brand-forms-secondary);
+  --select-menu-grid-option-labeled-icon-sign-background:var(--brand-sign-tertiary);
+  --select-menu-grid-option-labeled-icon-sign-background-dark:var(--brand-sign-secondary);
+  --select-menu-grid-option-square-width:var(--size-8);
+  --select-menu-grid-option-square-height:var(--size-8);
+  --select-menu-grid-option-square-outline-host-width:var(--size-7);
+  --select-menu-grid-option-square-outline-host-height:var(--size-7);
+  --select-menu-grid-option-square-border-radius:var(--radius-3);
+  --select-menu-grid-option-square-background-color-hover:var(--surface-cta-surface-outline-hover);
+  --select-menu-grid-option-square-background-color-active:var(--surface-cta-surface-outline-pressed);
+  --select-menu-grid-option-circle-width:var(--size-8);
+  --select-menu-grid-option-circle-height:var(--size-8);
+  --select-menu-grid-option-circle-border-radius:50%;
+  --select-menu-grid-option-circle-background-color:var(--gray-white);
+  --select-menu-grid-option-circle-border:var(--border-1) solid var(--gray-10);
+  --select-menu-grid-option-circle-border-color-loading:var(--gray-white);
+  --select-menu-grid-option-circle-border-width-active:var(--border-2);
+  --select-menu-grid-option-circle-inner-width:var(--size-6);
+  --select-menu-grid-option-circle-inner-height:var(--size-6);
+  --select-menu-grid-option-circle-inner-border-width:var(--border-1);
+  --select-menu-grid-option-circle-inner-border-width-active:var(--border-2);
+  --select-menu-grid-option-circle-inner-border-radius:50%;
+  --select-menu-grid-option-circle-strikethrough-background-color:var(--watermelon-red-100);
+  --select-menu-grid-option-circle-strikethrough-border-radius:var(--radius-1);
+  --select-menu-grid-option-circle-background-color-hover:var(--surface-option-grid-surface-hover);
+  --select-menu-grid-option-circle-outline-host-box-shadow-focus:0 0 0 var(--border-2) var(--outline-focus-on-light);
+  --select-menu-grid-option-circle-border-color-hover:var(--surface-option-grid-surface-hover);
+  --select-menu-grid-option-circle-border-width-focus-active:var(--border-2);
+  --select-menu-grid-option-circle-box-shadow-focus-active:0 0 0 var(--border-1) var(--gray-white), 0 0 0 var(--border-3) var(--outline-focus-on-light);
+}
+
+.bp_select_menu_grid_option_module_optionButton--fb290[data-modern=true]{
+  --select-menu-grid-option-background-color:#0000;
+  --select-menu-grid-option-labeled-background-color-hover:var(--bp-surface-surface-secondary);
+  --select-menu-grid-option-labeled-background-color-active:var(--bp-surface-surface-secondary);
+  --select-menu-grid-option-labeled-box-shadow:var(--dropshadow-2);
+  --select-menu-grid-option-labeled-box-shadow-dragging:0 0 0 var(--bp-border-01) var(--bp-border-divider-border), var(--dropshadow-2);
+  --select-menu-grid-option-labeled-box-shadow-focus:0 0 0 var(--bp-border-02) var(--bp-border-input-border-focus);
+  --select-menu-grid-option-not-labeled-width:var(--bp-size-080);
+  --select-menu-grid-option-not-labeled-height:var(--bp-size-080);
+  --select-menu-grid-option-not-labeled-padding:0;
+  --select-menu-grid-option-labeled-gap:var(--bp-space-030);
+  --select-menu-grid-option-labeled-min-width:10rem;
+  --select-menu-grid-option-labeled-padding:var(--bp-space-010);
+  --select-menu-grid-option-labeled-border-radius:var(--bp-radius-06);
+  --select-menu-grid-option-labeled-transition:background-color var(--animation-duration-2);
+  --select-menu-grid-option-labeled-text-max-height:var(--bp-size-080);
+  --select-menu-grid-option-labeled-text-color:var(--bp-text-text-on-light);
+  --select-menu-grid-option-labeled-icon-border-radius:var(--bp-radius-04);
+  --select-menu-grid-option-labeled-icon-default-size:var(--bp-size-080);
+  --select-menu-grid-option-labeled-icon-large-size:var(--bp-size-100);
+  --select-menu-grid-option-labeled-icon-default-background:var(--bp-surface-cta-surface-icon-utility);
+  --select-menu-grid-option-labeled-icon-default-background-dark:var(--bp-surface-surface-quaternary);
+  --select-menu-grid-option-labeled-icon-box-background:var(--brand-box-tertiary);
+  --select-menu-grid-option-labeled-icon-box-background-dark:var(--brand-box-secondary);
+  --select-menu-grid-option-labeled-icon-docgen-background:var(--brand-docgen-tertiary);
+  --select-menu-grid-option-labeled-icon-docgen-background-dark:var(--brand-docgen-secondary);
+  --select-menu-grid-option-labeled-icon-forms-background:var(--brand-forms-tertiary);
+  --select-menu-grid-option-labeled-icon-forms-background-dark:var(--brand-forms-secondary);
+  --select-menu-grid-option-labeled-icon-sign-background:var(--brand-sign-tertiary);
+  --select-menu-grid-option-labeled-icon-sign-background-dark:var(--brand-sign-secondary);
+  --select-menu-grid-option-square-width:var(--bp-size-080);
+  --select-menu-grid-option-square-height:var(--bp-size-080);
+  --select-menu-grid-option-square-outline-host-width:var(--bp-size-070);
+  --select-menu-grid-option-square-outline-host-height:var(--bp-size-070);
+  --select-menu-grid-option-square-border-radius:var(--bp-radius-04);
+  --select-menu-grid-option-square-background-color-hover:var(--bp-surface-option-grid-surface-hover);
+  --select-menu-grid-option-square-background-color-active:var(--bp-surface-option-grid-surface-selected);
+  --select-menu-grid-option-circle-width:var(--bp-size-080);
+  --select-menu-grid-option-circle-height:var(--bp-size-080);
+  --select-menu-grid-option-circle-border-radius:var(--bp-radius-16);
+  --select-menu-grid-option-circle-background-color:var(--bp-gray-white);
+  --select-menu-grid-option-circle-border:var(--bp-border-01) solid var(--bp-gray-10);
+  --select-menu-grid-option-circle-border-color-loading:var(--bp-gray-white);
+  --select-menu-grid-option-circle-border-width-active:var(--bp-border-02);
+  --select-menu-grid-option-circle-inner-width:var(--bp-size-060);
+  --select-menu-grid-option-circle-inner-height:var(--bp-size-060);
+  --select-menu-grid-option-circle-inner-border-width:var(--bp-border-01);
+  --select-menu-grid-option-circle-inner-border-width-active:var(--bp-border-02);
+  --select-menu-grid-option-circle-inner-border-radius:var(--bp-radius-16);
+  --select-menu-grid-option-circle-strikethrough-background-color:var(--bp-watermelon-red-100);
+  --select-menu-grid-option-circle-strikethrough-border-radius:var(--bp-radius-02);
+  --select-menu-grid-option-circle-background-color-hover:var(--bp-surface-option-grid-surface-hover);
+  --select-menu-grid-option-circle-outline-host-box-shadow-focus:0 0 0 var(--bp-border-02) var(--bp-border-input-border-focus);
+  --select-menu-grid-option-circle-border-color-hover:var(--bp-surface-option-grid-surface-hover);
+  --select-menu-grid-option-circle-border-width-focus-active:var(--bp-border-02);
+  --select-menu-grid-option-circle-box-shadow-focus-active:0 0 0 var(--bp-border-01) var(--bp-gray-white), 0 0 0 var(--bp-border-03) var(--bp-border-input-border-focus);
+}
+
+.bp_select_menu_grid_option_module_optionButton--fb290{
   align-items:center;
-  background-clip:content-box;
-  background-color:var(--gray-white);
-  border:var(--border-1) solid var(--gray-10);
-  border-radius:50%;
-  box-sizing:border-box;
-  display:flex;
-  height:var(--size-8);
-  justify-content:center;
-  width:var(--size-8);
-}
-.bp_select_menu_grid_option_module_circle--bade8.bp_select_menu_grid_option_module_loading--bade8{
-  border-color:var(--gray-white);
-}
-.bp_select_menu_grid_option_module_circle--bade8 .bp_select_menu_grid_option_module_color--bade8{
-  background-color:var(--circleColor);
-  border:var(--border-1) solid var(--circleBorderColor);
-  border-radius:50%;
-  box-sizing:border-box;
-  height:var(--size-6);
-  width:var(--size-6);
-}
-.bp_select_menu_grid_option_module_circle--bade8 .bp_select_menu_grid_option_module_strikeThrough--bade8{
-  position:relative;
-}
-.bp_select_menu_grid_option_module_circle--bade8 .bp_select_menu_grid_option_module_strikeThrough--bade8::after{
-  background-color:var(--watermelon-red-100);
-  border-radius:var(--radius-1);
-  content:"";
-  height:.15625rem;
-  left:.0625rem;
-  position:absolute;
-  top:45%;
-  transform:rotate(-45deg);
-  width:90%;
-}
-
-.bp_select_menu_grid_option_module_optionButton--bade8{
-  align-items:center;
-  background-color:initial;
+  background-color:var(--select-menu-grid-option-background-color);
   border:none;
   cursor:pointer;
   display:flex;
@@ -7596,129 +7693,181 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8:not(.bp_select_menu_grid_option_module_labeled--bade8){
-  height:var(--size-8);
+.bp_select_menu_grid_option_module_optionButton--fb290:not(.bp_select_menu_grid_option_module_labeled--fb290){
+  height:var(--select-menu-grid-option-not-labeled-height);
   justify-content:center;
-  padding:0;
-  width:var(--size-8);
-}
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8{
-  border-radius:var(--radius-3);
-  gap:var(--space-3);
-  min-width:10rem;
-  padding:var(--space-1);
-  transition:background-color var(--animation-duration-2);
+  padding:var(--select-menu-grid-option-not-labeled-padding);
+  width:var(--select-menu-grid-option-not-labeled-width);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290{
+  border-radius:var(--select-menu-grid-option-labeled-border-radius);
+  gap:var(--select-menu-grid-option-labeled-gap);
+  min-width:var(--select-menu-grid-option-labeled-min-width);
+  padding:var(--select-menu-grid-option-labeled-padding);
+  transition:var(--select-menu-grid-option-labeled-transition);
   width:100%;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_text--bade8{
-  max-height:var(--size-8);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_text--fb290{
+  color:var(--select-menu-grid-option-labeled-text-color);
+  max-height:var(--select-menu-grid-option-labeled-text-max-height);
   text-align:left;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_text--large--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_text--large--fb290{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:1;
   display:-webkit-box;
   overflow:hidden;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_text--default--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_text--default--fb290{
   -webkit-box-orient:vertical;
   -webkit-line-clamp:2;
   display:-webkit-box;
   overflow:hidden;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--fb290{
   align-items:center;
   background:var(--icon-background);
-  border-radius:var(--radius-3);
+  border-radius:var(--select-menu-grid-option-labeled-icon-border-radius);
   display:flex;
   flex-shrink:0;
   justify-content:center;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--size-default--bade8{
-  height:var(--size-8);
-  width:var(--size-8);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--size-default--fb290{
+  height:var(--select-menu-grid-option-labeled-icon-default-size);
+  width:var(--select-menu-grid-option-labeled-icon-default-size);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--size-large--bade8{
-  height:var(--size-10);
-  width:var(--size-10);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--size-large--fb290{
+  height:var(--select-menu-grid-option-labeled-icon-large-size);
+  width:var(--select-menu-grid-option-labeled-icon-large-size);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--default--bade8{
-  --icon-background:var(--surface-surface-tertiary);
-  --icon-background-dark:var(--surface-surface-quaternary);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--default--fb290{
+  --icon-background:var(--select-menu-grid-option-labeled-icon-default-background);
+  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-default-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--box--bade8{
-  --icon-background:var(--brand-box-tertiary);
-  --icon-background-dark:var(--brand-box-secondary);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--box--fb290{
+  --icon-background:var(--select-menu-grid-option-labeled-icon-box-background);
+  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-box-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--docgen--bade8{
-  --icon-background:var(--brand-docgen-tertiary);
-  --icon-background-dark:var(--brand-docgen-secondary);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--docgen--fb290{
+  --icon-background:var(--select-menu-grid-option-labeled-icon-docgen-background);
+  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-docgen-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--forms--bade8{
-  --icon-background:var(--brand-forms-tertiary);
-  --icon-background-dark:var(--brand-forms-secondary);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--forms--fb290{
+  --icon-background:var(--select-menu-grid-option-labeled-icon-forms-background);
+  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-forms-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8 .bp_select_menu_grid_option_module_iconContainer--sign--bade8{
-  --icon-background:var(--brand-sign-tertiary);
-  --icon-background-dark:var(--brand-sign-secondary);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290 .bp_select_menu_grid_option_module_iconContainer--sign--fb290{
+  --icon-background:var(--select-menu-grid-option-labeled-icon-sign-background);
+  --icon-background-dark:var(--select-menu-grid-option-labeled-icon-sign-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8:hover{
-  background:var(--surface-surface-secondary);
-  box-shadow:var(--dropshadow-2);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290:hover{
+  background:var(--select-menu-grid-option-labeled-background-color-hover);
+  box-shadow:var(--select-menu-grid-option-labeled-box-shadow);
   cursor:grab;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8.bp_select_menu_grid_option_module_active--bade8,.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8.bp_select_menu_grid_option_module_dragging--bade8,.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8:active{
-  background:var(--surface-surface-secondary);
-  box-shadow:var(--dropshadow-2);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290.bp_select_menu_grid_option_module_active--fb290,.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290.bp_select_menu_grid_option_module_dragging--fb290,.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290:active{
+  background:var(--select-menu-grid-option-labeled-background-color-active);
+  box-shadow:var(--select-menu-grid-option-labeled-box-shadow);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8.bp_select_menu_grid_option_module_active--bade8 .bp_select_menu_grid_option_module_iconContainer--bade8,.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8:active .bp_select_menu_grid_option_module_iconContainer--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290.bp_select_menu_grid_option_module_active--fb290 .bp_select_menu_grid_option_module_iconContainer--fb290,.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290:active .bp_select_menu_grid_option_module_iconContainer--fb290{
   background-color:var(--icon-background);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8.bp_select_menu_grid_option_module_dragging--bade8{
-  box-shadow:0 0 0 var(--border-1) var(--border-divider-border), var(--dropshadow-2);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290.bp_select_menu_grid_option_module_dragging--fb290{
+  box-shadow:var(--select-menu-grid-option-labeled-box-shadow-dragging);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8.bp_select_menu_grid_option_module_dragging--bade8 .bp_select_menu_grid_option_module_iconContainer--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290.bp_select_menu_grid_option_module_dragging--fb290 .bp_select_menu_grid_option_module_iconContainer--fb290{
   background-color:var(--icon-background-dark);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8.bp_select_menu_grid_option_module_dragging--bade8:hover{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290.bp_select_menu_grid_option_module_dragging--fb290:hover{
   cursor:grabbing;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8:hover:not(.bp_select_menu_grid_option_module_disabled--bade8) .bp_select_menu_grid_option_module_iconContainer--bade8{
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290:hover:not(.bp_select_menu_grid_option_module_disabled--fb290) .bp_select_menu_grid_option_module_iconContainer--fb290{
   background-color:var(--icon-background-dark);
-  transition:background-color var(--animation-duration-2);
+  transition:var(--select-menu-grid-option-labeled-transition);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8[data-focus-visible]{
-  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290[data-focus-visible]{
+  box-shadow:var(--select-menu-grid-option-labeled-box-shadow-focus);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_labeled--bade8[data-focus-visible]:active{
-  background:var(--surface-surface-secondary);
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_labeled--fb290[data-focus-visible]:active{
+  background:var(--select-menu-grid-option-labeled-background-color-active);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8:hover .bp_select_menu_grid_option_module_square--bade8,.bp_select_menu_grid_option_module_optionButton--bade8[data-focus-visible] .bp_select_menu_grid_option_module_square--bade8{
-  background-color:var(--surface-cta-surface-outline-hover);
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_square--fb290{
+  height:var(--select-menu-grid-option-square-height);
+  width:var(--select-menu-grid-option-square-width);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8:hover .bp_select_menu_grid_option_module_circle--bade8,.bp_select_menu_grid_option_module_optionButton--bade8[data-focus-visible] .bp_select_menu_grid_option_module_circle--bade8{
-  background-color:var(--surface-option-grid-surface-hover);
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_square--fb290,.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_square--fb290 .bp_select_menu_grid_option_module_outlineHost--fb290{
+  align-items:center;
+  border-radius:var(--select-menu-grid-option-square-border-radius);
+  display:flex;
+  justify-content:center;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_active--bade8 .bp_select_menu_grid_option_module_square--bade8,.bp_select_menu_grid_option_module_optionButton--bade8:active .bp_select_menu_grid_option_module_square--bade8{
-  background-color:var(--surface-cta-surface-outline-pressed);
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_square--fb290 .bp_select_menu_grid_option_module_outlineHost--fb290{
+  height:var(--select-menu-grid-option-square-outline-host-height);
+  width:var(--select-menu-grid-option-square-outline-host-width);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_active--bade8 .bp_select_menu_grid_option_module_circle--bade8,.bp_select_menu_grid_option_module_optionButton--bade8:active .bp_select_menu_grid_option_module_circle--bade8{
-  border:var(--border-2) solid var(--circleColor);
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_circle--fb290{
+  align-items:center;
+  background-clip:content-box;
+  background-color:var(--select-menu-grid-option-circle-background-color);
+  border:var(--select-menu-grid-option-circle-border);
+  border-radius:var(--select-menu-grid-option-circle-border-radius);
+  box-sizing:border-box;
+  display:flex;
+  height:var(--select-menu-grid-option-circle-height);
+  justify-content:center;
+  width:var(--select-menu-grid-option-circle-width);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_circle--fb290.bp_select_menu_grid_option_module_loading--fb290{
+  border-color:var(--select-menu-grid-option-circle-border-color-loading);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_circle--fb290 .bp_select_menu_grid_option_module_color--fb290{
+  background-color:var(--circleColor);
+  border:var(--select-menu-grid-option-circle-inner-border-width) solid var(--circleBorderColor);
+  border-radius:var(--select-menu-grid-option-circle-inner-border-radius);
+  box-sizing:border-box;
+  height:var(--select-menu-grid-option-circle-inner-height);
+  width:var(--select-menu-grid-option-circle-inner-width);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_circle--fb290 .bp_select_menu_grid_option_module_strikeThrough--fb290{
+  position:relative;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8.bp_select_menu_grid_option_module_loading--bade8,.bp_select_menu_grid_option_module_optionButton--bade8:disabled{
+.bp_select_menu_grid_option_module_optionButton--fb290 .bp_select_menu_grid_option_module_circle--fb290 .bp_select_menu_grid_option_module_strikeThrough--fb290::after{
+  background-color:var(--select-menu-grid-option-circle-strikethrough-background-color);
+  border-radius:var(--select-menu-grid-option-circle-strikethrough-border-radius);
+  content:"";
+  height:.15625rem;
+  left:.0625rem;
+  position:absolute;
+  top:45%;
+  transform:rotate(-45deg);
+  width:90%;
+}
+.bp_select_menu_grid_option_module_optionButton--fb290:hover .bp_select_menu_grid_option_module_square--fb290,.bp_select_menu_grid_option_module_optionButton--fb290[data-focus-visible] .bp_select_menu_grid_option_module_square--fb290{
+  background-color:var(--select-menu-grid-option-square-background-color-hover);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290:hover .bp_select_menu_grid_option_module_circle--fb290,.bp_select_menu_grid_option_module_optionButton--fb290[data-focus-visible] .bp_select_menu_grid_option_module_circle--fb290{
+  background-color:var(--select-menu-grid-option-circle-background-color-hover);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_active--fb290 .bp_select_menu_grid_option_module_square--fb290,.bp_select_menu_grid_option_module_optionButton--fb290:active .bp_select_menu_grid_option_module_square--fb290{
+  background-color:var(--select-menu-grid-option-square-background-color-active);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_active--fb290 .bp_select_menu_grid_option_module_circle--fb290,.bp_select_menu_grid_option_module_optionButton--fb290:active .bp_select_menu_grid_option_module_circle--fb290{
+  border:var(--select-menu-grid-option-circle-inner-border-width-active) solid var(--circleColor);
+}
+.bp_select_menu_grid_option_module_optionButton--fb290.bp_select_menu_grid_option_module_loading--fb290,.bp_select_menu_grid_option_module_optionButton--fb290:disabled{
   cursor:default;
 }
-.bp_select_menu_grid_option_module_optionButton--bade8[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--bade8{
-  box-shadow:0 0 0 var(--border-2) var(--outline-focus-on-light);
+.bp_select_menu_grid_option_module_optionButton--fb290[data-focus-visible] .bp_select_menu_grid_option_module_outlineHost--fb290{
+  box-shadow:var(--select-menu-grid-option-circle-outline-host-box-shadow-focus);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8[data-focus-visible] .bp_select_menu_grid_option_module_circle--bade8{
-  border-color:var(--surface-option-grid-surface-hover);
+.bp_select_menu_grid_option_module_optionButton--fb290[data-focus-visible] .bp_select_menu_grid_option_module_circle--fb290{
+  border-color:var(--select-menu-grid-option-circle-border-color-hover);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8[data-focus-visible].bp_select_menu_grid_option_module_active--bade8 .bp_select_menu_grid_option_module_circle--bade8,.bp_select_menu_grid_option_module_optionButton--bade8[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--bade8{
-  border:var(--border-2) solid var(--circleColor);
-  box-shadow:0 0 0 var(--border-1) var(--gray-white), 0 0 0 var(--border-3) var(--outline-focus-on-light);
+.bp_select_menu_grid_option_module_optionButton--fb290[data-focus-visible].bp_select_menu_grid_option_module_active--fb290 .bp_select_menu_grid_option_module_circle--fb290,.bp_select_menu_grid_option_module_optionButton--fb290[data-focus-visible]:active .bp_select_menu_grid_option_module_circle--fb290{
+  border:var(--select-menu-grid-option-circle-border-width-focus-active) solid var(--circleColor);
+  box-shadow:var(--select-menu-grid-option-circle-box-shadow-focus-active);
 }
-.bp_select_menu_grid_option_module_optionButton--bade8:disabled:not(.bp_select_menu_grid_option_module_loading--bade8){
+.bp_select_menu_grid_option_module_optionButton--fb290:disabled:not(.bp_select_menu_grid_option_module_loading--fb290){
   opacity:.3;
 }
 
@@ -9193,8 +9342,9 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   border-color:var(--text-toggle-button-border-color-on-pressed);
 }
 
-.bp_time_picker_module_timePicker--3c757[data-modern=false]{
+.bp_time_picker_module_timePicker--78e48[data-modern=false]{
   --time-picker-label-margin-bottom:var(--space-2);
+  --time-picker-label-color:var(--text-text-on-light);
   --time-picker-height:var(--size-10);
   --time-picker-background:var(--surface-input-surface);
   --time-picker-outline:var(--border-1) solid var(--border-input-border);
@@ -9225,10 +9375,11 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --time-picker-input-margin-right:calc(var(--time-picker-clear-button-size) + var(--time-picker-clear-button-right-offset));
 }
 
-.bp_time_picker_module_timePicker--3c757[data-modern=true]{
+.bp_time_picker_module_timePicker--78e48[data-modern=true]{
   --time-picker-label-margin-bottom:var(--bp-space-020);
+  --time-picker-label-color:var(--bp-text-text-on-light);
   --time-picker-height:var(--bp-size-100);
-  --time-picker-background:var(--bp-surface-input-surface);
+  --time-picker-background:var(--bp-surface-time-picker-surface);
   --time-picker-outline:var(--bp-border-01) solid var(--bp-border-input-border);
   --time-picker-outline-hover:var(--bp-border-01) solid var(--bp-border-input-border-hover);
   --time-picker-border-radius:var(--bp-radius-06);
@@ -9241,7 +9392,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --time-picker-data-placeholder-color:var(--bp-text-text-on-light);
   --time-picker-spin-button-margin:0 var(--bp-space-005);
   --time-picker-spin-button-padding:var(--bp-space-005) var(--bp-space-010);
-  --time-picker-input-segment-active-background:var(--bp-box-blue-100);
+  --time-picker-input-segment-active-background:var(--bp-surface-time-picker-surface-selected);
   --time-picker-clear-button-size:var(--bp-size-040);
   --time-picker-input-segment-active-text-color:var(--bp-text-text-on-dark);
   --time-picker-clear-button-right-offset:var(--bp-size-110);
@@ -9257,16 +9408,17 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   --time-picker-input-margin-right:calc(var(--time-picker-clear-button-size) + var(--time-picker-clear-button-right-offset));
 }
 
-.bp_time_picker_module_timePicker--3c757{
+.bp_time_picker_module_timePicker--78e48{
   width:100%;
 }
-.bp_time_picker_module_timePicker--3c757.bp_time_picker_module_disabled--3c757{
+.bp_time_picker_module_timePicker--78e48.bp_time_picker_module_disabled--78e48{
   opacity:60%;
   pointer-events:none;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_label--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_label--78e48{
+  color:var(--time-picker-label-color);
   cursor:default;
   display:block;
   font-family:var(--body-default-bold-font-family);
@@ -9281,7 +9433,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_group--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48{
   align-items:center;
   background-color:var(--time-picker-background);
   border-radius:var(--time-picker-border-radius);
@@ -9301,19 +9453,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:var(--body-default-text-case);
   width:100%;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_group--3c757:hover{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48:hover{
   outline:var(--time-picker-outline-hover);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_group--3c757:focus-within{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48:focus-within{
   outline:var(--time-picker-focus-outline);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_group--3c757.bp_time_picker_module_error--3c757:not(:focus-within){
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48.bp_time_picker_module_error--78e48:not(:focus-within){
   outline:var(--time-picker-error-outline);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_group--3c757.bp_time_picker_module_error--3c757:focus-within{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_group--78e48.bp_time_picker_module_error--78e48:focus-within{
   outline:var(--time-picker-focus-outline);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInput--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInput--78e48{
   align-items:center;
   display:inline-flex;
   height:var(--time-picker-height);
@@ -9321,7 +9473,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:uppercase;
   white-space:nowrap;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48{
   border:unset;
   border-radius:unset;
   border-radius:var(--time-picker-input-segment-border-radius);
@@ -9333,27 +9485,27 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transition:unset;
   width:unset;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757[data-placeholder]{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48[data-placeholder]{
   color:var(--time-picker-data-placeholder-color);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757[role=spinbutton]{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48[role=spinbutton]{
   border-radius:var(--time-picker-input-segment-border-radius);
   margin:var(--time-picker-spin-button-margin);
   padding:var(--time-picker-spin-button-padding);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757:active,.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757:focus{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48:active,.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48:focus{
   background:var(--time-picker-input-segment-active-background);
   caret-color:#0000;
   color:var(--time-picker-input-segment-active-text-color);
   outline:none;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757:nth-child(1 of [role=spinbutton]){
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48:nth-child(1 of [role=spinbutton]){
   margin-inline-start:0;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_timeInputSegment--3c757[data-type=literal] + [data-type=dayPeriod]{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_timeInputSegment--78e48[data-type=literal] + [data-type=dayPeriod]{
   margin-inline-start:calc(var(--space-1)*-1);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48{
   align-items:center;
   background-color:var(--time-picker-clear-button-background);
   border:none;
@@ -9366,30 +9518,30 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   position:absolute;
   right:var(--time-picker-clear-button-right-offset);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757:focus-visible,.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757[data-focus-visible]{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:focus-visible,.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48[data-focus-visible]{
   background-color:var(--time-picker-clear-button-active-background);
   outline:var(--time-picker-clear-button-focus-outline);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757:hover{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:hover{
   background:var(--time-picker-clear-button-hover-background);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757:hover *{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:hover *{
   fill:var(--time-picker-clear-button-hover-icon-color);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757:active{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:active{
   background:var(--time-picker-clear-button-active-background);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757:active *{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:active *{
   fill:var(--time-picker-clear-button-active-icon-color);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clearButton--3c757:disabled{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clearButton--78e48:disabled{
   opacity:1;
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_clockIcon--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_clockIcon--78e48{
   position:absolute;
   right:var(--time-picker-clock-icon-right-offset);
 }
-.bp_time_picker_module_timePicker--3c757 .bp_time_picker_module_inlineError--3c757{
+.bp_time_picker_module_timePicker--78e48 .bp_time_picker_module_inlineError--78e48{
   margin-block-start:var(--time-picker-inline-error-margin-top);
 }
 :root{

package/dist/lib-esm/inline-table/inline-table.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"inlineTable":"bp_inline_table_module_inlineTable--14908","borderHidden":"bp_inline_table_module_borderHidden--14908","fullSpan":"bp_inline_table_module_fullSpan--14908","actionCell":"bp_inline_table_module_actionCell--14908"};
+var styles = {"inlineTable":"bp_inline_table_module_inlineTable--f6f94","borderHidden":"bp_inline_table_module_borderHidden--f6f94","fullSpan":"bp_inline_table_module_fullSpan--f6f94","actionCell":"bp_inline_table_module_actionCell--f6f94"};
 
 export { styles as default };

package/dist/lib-esm/primitives/base-button/base-button.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"button":"bp_base_button_module_button--85575","primary":"bp_base_button_module_primary--85575","secondary":"bp_base_button_module_secondary--85575","tertiary":"bp_base_button_module_tertiary--85575","outline":"bp_base_button_module_outline--85575","small":"bp_base_button_module_small--85575","isIconButton":"bp_base_button_module_isIconButton--85575","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--85575","large":"bp_base_button_module_large--85575","icon":"bp_base_button_module_icon--85575","hide":"bp_base_button_module_hide--85575"};
+var styles = {"button":"bp_base_button_module_button--4c200","primary":"bp_base_button_module_primary--4c200","secondary":"bp_base_button_module_secondary--4c200","tertiary":"bp_base_button_module_tertiary--4c200","outline":"bp_base_button_module_outline--4c200","small":"bp_base_button_module_small--4c200","isIconButton":"bp_base_button_module_isIconButton--4c200","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--4c200","large":"bp_base_button_module_large--4c200","icon":"bp_base_button_module_icon--4c200","hide":"bp_base_button_module_hide--4c200"};
 
 export { styles as default };

package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { CompositeItem, Button } from '@ariakit/react';
-import { Gray05, Gray100, BoxBlue100, DarkBlue100, GreenLight100, Grimace100, Size4, Size6 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Gray05, Gray100, BoxBlue100, DarkBlue100, GreenLight100, Grimace100, bpIconIconOnLight, BrandBoxPrimary, BrandSignPrimary, BrandFormsPrimary, BrandDocgenPrimary, Size4, Size6, bpSize040, bpSize060 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import Color from 'color';
 import omit from 'lodash/omit';
 import { forwardRef, createElement } from 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Ghost } from '../../ghost/ghost.js';
 import { Text } from '../../text/text.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
@@ -37,6 +38,9 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     disabled,
     ...restProps
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const isWithLabel = variant === 'labeled';
   const isButtonDisabled = disabled || loading;
   const isButtonActive = !disabled && !loading && active;
@@ -56,6 +60,7 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         [styles.active]: isButtonActive,
         [styles.dragging]: isButtonDragged
       }),
+      "data-modern": enableModernizedComponents,
       disabled: isButtonDisabled,
       children: [variant === 'colorCircle' && jsx(ColorSwatch, {
         color: color || '',
@@ -73,6 +78,7 @@ const SelectMenuGridOption = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       [styles.withLabel]: isWithLabel,
       [styles['withLabel--default']]: isWithLabel && props.size === 'default'
     }),
+    "data-modern": enableModernizedComponents,
     role: "gridcell",
     children: [shouldShowTooltip && jsx(Tooltip, {
       __checkInteractivity: false,
@@ -129,20 +135,34 @@ const iconColor = {
   forms: GreenLight100,
   docgen: Grimace100
 };
+const iconColorModern = {
+  default: bpIconIconOnLight,
+  box: BrandBoxPrimary,
+  sign: BrandSignPrimary,
+  forms: BrandFormsPrimary,
+  docgen: BrandDocgenPrimary
+};
 const iconSize = {
   default: Size4,
   large: Size6
 };
+const iconSizeModern = {
+  default: bpSize040,
+  large: bpSize060
+};
 const ItemWithLabel = ({
   size,
   colorVariant,
   label,
   icon
 }) => {
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   const iconElement = /*#__PURE__*/createElement(icon, {
-    color: iconColor[colorVariant],
-    width: iconSize[size],
-    height: iconSize[size],
+    color: enableModernizedComponents ? iconColorModern[colorVariant] : iconColor[colorVariant],
+    width: enableModernizedComponents ? iconSizeModern[size] : iconSize[size],
+    height: enableModernizedComponents ? iconSizeModern[size] : iconSize[size],
     role: 'presentation'
   });
   return jsxs(Fragment, {

package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"buttonWrapper":"bp_select_menu_grid_option_module_buttonWrapper--bade8","withLabel":"bp_select_menu_grid_option_module_withLabel--bade8","withLabel--default":"bp_select_menu_grid_option_module_withLabel--default--bade8","square":"bp_select_menu_grid_option_module_square--bade8","outlineHost":"bp_select_menu_grid_option_module_outlineHost--bade8","circle":"bp_select_menu_grid_option_module_circle--bade8","loading":"bp_select_menu_grid_option_module_loading--bade8","color":"bp_select_menu_grid_option_module_color--bade8","strikeThrough":"bp_select_menu_grid_option_module_strikeThrough--bade8","optionButton":"bp_select_menu_grid_option_module_optionButton--bade8","labeled":"bp_select_menu_grid_option_module_labeled--bade8","text":"bp_select_menu_grid_option_module_text--bade8","text--large":"bp_select_menu_grid_option_module_text--large--bade8","text--default":"bp_select_menu_grid_option_module_text--default--bade8","iconContainer":"bp_select_menu_grid_option_module_iconContainer--bade8","iconContainer--size-default":"bp_select_menu_grid_option_module_iconContainer--size-default--bade8","iconContainer--size-large":"bp_select_menu_grid_option_module_iconContainer--size-large--bade8","iconContainer--default":"bp_select_menu_grid_option_module_iconContainer--default--bade8","iconContainer--box":"bp_select_menu_grid_option_module_iconContainer--box--bade8","iconContainer--docgen":"bp_select_menu_grid_option_module_iconContainer--docgen--bade8","iconContainer--forms":"bp_select_menu_grid_option_module_iconContainer--forms--bade8","iconContainer--sign":"bp_select_menu_grid_option_module_iconContainer--sign--bade8","active":"bp_select_menu_grid_option_module_active--bade8","dragging":"bp_select_menu_grid_option_module_dragging--bade8","disabled":"bp_select_menu_grid_option_module_disabled--bade8"};
+var styles = {"buttonWrapper":"bp_select_menu_grid_option_module_buttonWrapper--fb290","withLabel":"bp_select_menu_grid_option_module_withLabel--fb290","withLabel--default":"bp_select_menu_grid_option_module_withLabel--default--fb290","optionButton":"bp_select_menu_grid_option_module_optionButton--fb290","labeled":"bp_select_menu_grid_option_module_labeled--fb290","text":"bp_select_menu_grid_option_module_text--fb290","text--large":"bp_select_menu_grid_option_module_text--large--fb290","text--default":"bp_select_menu_grid_option_module_text--default--fb290","iconContainer":"bp_select_menu_grid_option_module_iconContainer--fb290","iconContainer--size-default":"bp_select_menu_grid_option_module_iconContainer--size-default--fb290","iconContainer--size-large":"bp_select_menu_grid_option_module_iconContainer--size-large--fb290","iconContainer--default":"bp_select_menu_grid_option_module_iconContainer--default--fb290","iconContainer--box":"bp_select_menu_grid_option_module_iconContainer--box--fb290","iconContainer--docgen":"bp_select_menu_grid_option_module_iconContainer--docgen--fb290","iconContainer--forms":"bp_select_menu_grid_option_module_iconContainer--forms--fb290","iconContainer--sign":"bp_select_menu_grid_option_module_iconContainer--sign--fb290","active":"bp_select_menu_grid_option_module_active--fb290","dragging":"bp_select_menu_grid_option_module_dragging--fb290","disabled":"bp_select_menu_grid_option_module_disabled--fb290","square":"bp_select_menu_grid_option_module_square--fb290","outlineHost":"bp_select_menu_grid_option_module_outlineHost--fb290","circle":"bp_select_menu_grid_option_module_circle--fb290","loading":"bp_select_menu_grid_option_module_loading--fb290","color":"bp_select_menu_grid_option_module_color--fb290","strikeThrough":"bp_select_menu_grid_option_module_strikeThrough--fb290"};
 
 export { styles as default };

package/dist/lib-esm/time-picker/time-picker.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"timePicker":"bp_time_picker_module_timePicker--3c757","disabled":"bp_time_picker_module_disabled--3c757","label":"bp_time_picker_module_label--3c757","group":"bp_time_picker_module_group--3c757","error":"bp_time_picker_module_error--3c757","timeInput":"bp_time_picker_module_timeInput--3c757","timeInputSegment":"bp_time_picker_module_timeInputSegment--3c757","clearButton":"bp_time_picker_module_clearButton--3c757","clockIcon":"bp_time_picker_module_clockIcon--3c757","inlineError":"bp_time_picker_module_inlineError--3c757"};
+var styles = {"timePicker":"bp_time_picker_module_timePicker--78e48","disabled":"bp_time_picker_module_disabled--78e48","label":"bp_time_picker_module_label--78e48","group":"bp_time_picker_module_group--78e48","error":"bp_time_picker_module_error--78e48","timeInput":"bp_time_picker_module_timeInput--78e48","timeInputSegment":"bp_time_picker_module_timeInputSegment--78e48","clearButton":"bp_time_picker_module_clearButton--78e48","clockIcon":"bp_time_picker_module_clockIcon--78e48","inlineError":"bp_time_picker_module_inlineError--78e48"};
 
 export { styles as default };

package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { InfoBadge } from '@box/blueprint-web-assets/icons/Fill';
 import { clsx } from 'clsx';
+import 'react';
+import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
 import { InteractiveIcon } from '../interactive-icon/interactive-icon.js';
 import styles from './text-with-info-badge.module.js';
@@ -15,8 +17,12 @@ const TextWithInfoBadge = props => {
     variant = 'default',
     tooltipPosition = 'top'
   } = props;
+  const {
+    enableModernizedComponents
+  } = useBlueprintModernization();
   return jsxs("div", {
     className: clsx(styles.text, styles[variant], className),
+    "data-modern": enableModernizedComponents,
     id: id,
     children: [children, infoText && infoBadgeAriaLabel && jsx("span", {
       className: styles.badgeContainer,

package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"text":"bp_text_with_info_badge_module_text--5b9b6","muted":"bp_text_with_info_badge_module_muted--5b9b6","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--5b9b6","badge":"bp_text_with_info_badge_module_badge--5b9b6"};
+var styles = {"text":"bp_text_with_info_badge_module_text--c50c3","muted":"bp_text_with_info_badge_module_muted--c50c3","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--c50c3","badge":"bp_text_with_info_badge_module_badge--c50c3"};
 
 export { styles as default };

package/package.json

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