@box/blueprint-web 12.71.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{
@@ -9324,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);
@@ -9356,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);
@@ -9372,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);
@@ -9388,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);
@@ -9412,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);
@@ -9432,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);
@@ -9452,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);
@@ -9464,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;
@@ -9497,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/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.71.0",
+    "version": "12.72.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {