@box/blueprint-web 8.1.0 → 8.1.1

package/lib-esm/index.css

@@ -314,7 +314,7 @@
   }
 }
 
-.bp_base_button_module_button--ef8c5{
+.bp_base_button_module_button--fe56c{
   border-radius:var(--radius-2);
   cursor:pointer;
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
@@ -330,95 +330,95 @@
           user-select:none;
   white-space:nowrap;
 }
-.bp_base_button_module_button--ef8c5,.bp_base_button_module_button--ef8c5 .bp_base_button_module_icon--ef8c5{
+.bp_base_button_module_button--fe56c,.bp_base_button_module_button--fe56c .bp_base_button_module_icon--fe56c{
   align-items:center;
   display:flex;
 }
-.bp_base_button_module_button--ef8c5:not(:disabled)[data-focus-visible]{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_base_button_module_button--fe56c:not(:disabled)[data-focus-visible]{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
 }
-.bp_base_button_module_button--ef8c5:disabled{
+.bp_base_button_module_button--fe56c:disabled{
   opacity:.3;
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_primary--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c{
   background:var(--surface-surface-brand);
   border:var(--border-1) solid var(--surface-surface-brand);
   color:var(--text-text-brand-on-color);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_primary--ef8c5:disabled{
+.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:disabled{
   background:var(--surface-surface-brand-disabled);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_primary--ef8c5:not(:disabled):hover,.bp_base_button_module_button--ef8c5.bp_base_button_module_primary--ef8c5:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled)[data-focus-visible]{
   background:var(--surface-surface-brand-hover);
   border:var(--border-1) solid var(--surface-surface-brand-hover);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_primary--ef8c5:not(:disabled):active{
+.bp_base_button_module_button--fe56c.bp_base_button_module_primary--fe56c:not(:disabled):active{
   background:var(--surface-surface-brand-pressed);
   border:var(--border-1) solid var(--surface-surface-brand-pressed);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_secondary--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c{
   background:var(--surface-cta-surface-secondary);
   border:var(--border-1) solid var(--border-cta-border-secondary);
   color:var(--text-text-on-light);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_secondary--ef8c5:not(:disabled):hover,.bp_base_button_module_button--ef8c5.bp_base_button_module_secondary--ef8c5:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled)[data-focus-visible]{
   background:var(--surface-cta-surface-secondary-hover);
   border:var(--border-1) solid var(--border-cta-border-secondary-hover);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_secondary--ef8c5:not(:disabled):active{
+.bp_base_button_module_button--fe56c.bp_base_button_module_secondary--fe56c:not(:disabled):active{
   background:var(--surface-cta-surface-secondary-pressed);
   border:var(--border-1) solid var(--border-cta-border-secondary-pressed);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_tertiary--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c{
   background:var(--surface-cta-surface-tertiary);
   border:var(--border-1) solid #0000;
   color:var(--text-cta-link);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_tertiary--ef8c5:not(:disabled):hover,.bp_base_button_module_button--ef8c5.bp_base_button_module_tertiary--ef8c5:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled)[data-focus-visible]{
   background:var(--surface-cta-surface-tertiary-hover);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_tertiary--ef8c5:not(:disabled):active{
+.bp_base_button_module_button--fe56c.bp_base_button_module_tertiary--fe56c:not(:disabled):active{
   background:var(--surface-cta-surface-tertiary-pressed);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_outline--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c{
   background:#0000;
   border:var(--border-1) solid var(--border-cta-border-outline);
   color:var(--text-text-on-light);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_outline--ef8c5:not(:disabled):hover,.bp_base_button_module_button--ef8c5.bp_base_button_module_outline--ef8c5:not(:disabled)[data-focus-visible]{
+.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled):hover,.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled)[data-focus-visible]{
   background:var(--surface-cta-surface-outline-hover);
   border:var(--border-1) solid var(--border-cta-border-outline-hover);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_outline--ef8c5:not(:disabled):active{
+.bp_base_button_module_button--fe56c.bp_base_button_module_outline--fe56c:not(:disabled):active{
   background:var(--surface-cta-surface-outline-pressed);
   border:var(--border-1) solid var(--border-cta-border-outline-pressed);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_small--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_small--fe56c{
   gap:var(--space-1);
   min-height:var(--size-8);
   padding:0 var(--size-4);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_small--ef8c5.bp_base_button_module_isIconButton--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_small--fe56c.bp_base_button_module_isIconButton--fe56c{
   height:var(--size-8);
   min-height:unset;
   padding:0 calc((var(--size-8) - var(--size-4))/2);
   width:var(--size-8);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_large--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_large--fe56c{
   gap:var(--space-2);
   min-height:var(--size-10);
   padding:0 var(--size-4);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_large--ef8c5.bp_base_button_module_isIconButton--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_large--fe56c.bp_base_button_module_isIconButton--fe56c{
   height:var(--size-10);
   padding:0 calc((var(--size-10) - var(--size-5))/2);
   width:var(--size-10);
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_hide--ef8c5{
+.bp_base_button_module_button--fe56c.bp_base_button_module_hide--fe56c{
   pointer-events:none;
   position:relative;
 }
-.bp_base_button_module_button--ef8c5.bp_base_button_module_hide--ef8c5 span{
+.bp_base_button_module_button--fe56c.bp_base_button_module_hide--fe56c span{
   color:#0000;
   opacity:0;
 }
@@ -4313,7 +4313,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   background-color:var(--surface-menu-surface-focus);
 }
 
-.bp_notification_module_viewport--c5cdd{
+.bp_notification_module_viewport--dba95{
   all:unset;
   align-items:center;
   display:flex;
@@ -4326,7 +4326,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   z-index:2147483647;
 }
 
-.bp_notification_module_root--c5cdd{
+.bp_notification_module_root--dba95{
   border:var(--border-2) solid;
   border-radius:var(--radius-3);
   display:flex;
@@ -4334,26 +4334,26 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   width:max-content;
 }
 @media (width > 374px){
-  .bp_notification_module_root--c5cdd{
+  .bp_notification_module_root--dba95{
     max-width:343px;
   }
 }
 @media (width > 767px){
-  .bp_notification_module_root--c5cdd{
+  .bp_notification_module_root--dba95{
     max-width:728px;
   }
 }
 @media (width > 1023px){
-  .bp_notification_module_root--c5cdd{
+  .bp_notification_module_root--dba95{
     max-width:848px;
   }
 }
 @media (width > 1219px){
-  .bp_notification_module_root--c5cdd{
+  .bp_notification_module_root--dba95{
     max-width:896px;
   }
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_container--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_container--dba95{
   align-items:flex-start;
   box-shadow:var(--dropshadow-3);
   display:flex;
@@ -4362,11 +4362,11 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   width:100%;
 }
 @media (width > 767px){
-  .bp_notification_module_root--c5cdd .bp_notification_module_container--c5cdd{
+  .bp_notification_module_root--dba95 .bp_notification_module_container--dba95{
     align-items:center;
   }
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_mobileContainer--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_mobileContainer--dba95{
   align-items:left;
   display:flex;
   flex-direction:column;
@@ -4374,46 +4374,46 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   width:100%;
 }
 @media (width > 767px){
-  .bp_notification_module_root--c5cdd .bp_notification_module_mobileContainer--c5cdd{
+  .bp_notification_module_root--dba95 .bp_notification_module_mobileContainer--dba95{
     align-items:center;
     flex-direction:row;
   }
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_withButtons--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_withButtons--dba95{
   gap:var(--space-3);
 }
-.bp_notification_module_root--c5cdd.bp_notification_module_info--c5cdd{
+.bp_notification_module_root--dba95.bp_notification_module_info--dba95{
   background:var(--surface-message-surface-info);
   border-color:var(--border-message-border-info);
 }
-.bp_notification_module_root--c5cdd.bp_notification_module_success--c5cdd{
+.bp_notification_module_root--dba95.bp_notification_module_success--dba95{
   background:var(--surface-message-surface-success);
   border-color:var(--border-message-border-success);
 }
-.bp_notification_module_root--c5cdd.bp_notification_module_warning--c5cdd{
+.bp_notification_module_root--dba95.bp_notification_module_warning--dba95{
   background:var(--surface-message-surface-warning);
   border-color:var(--border-message-border-warning);
 }
-.bp_notification_module_root--c5cdd.bp_notification_module_error--c5cdd{
+.bp_notification_module_root--dba95.bp_notification_module_error--dba95{
   background:var(--surface-message-surface-error);
   border-color:var(--border-message-border-error);
 }
-.bp_notification_module_root--c5cdd:focus-visible{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_notification_module_root--dba95:focus-visible{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
   outline:none;
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_typeIconContainer--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_typeIconContainer--dba95{
   align-items:center;
   display:flex;
   height:var(--size-8);
   justify-content:center;
   width:var(--size-8);
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_typeIconContainer--c5cdd .bp_notification_module_typeIcon--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_typeIconContainer--dba95 .bp_notification_module_typeIcon--dba95{
   flex-shrink:0;
   margin-left:var(--space-4);
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_text--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_text--dba95{
   align-items:center;
   color:var(--text-text-on-light);
   display:flex;
@@ -4427,34 +4427,34 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-decoration:none;
   text-transform:none;
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_text--c5cdd > div{
+.bp_notification_module_root--dba95 .bp_notification_module_text--dba95 > div{
   overflow:hidden;
   overflow-wrap:break-word;
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_contentButtonSection--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_contentButtonSection--dba95{
   display:flex;
   gap:var(--space-3);
   margin-left:0;
 }
 @media (width > 767px){
-  .bp_notification_module_root--c5cdd .bp_notification_module_contentButtonSection--c5cdd{
+  .bp_notification_module_root--dba95 .bp_notification_module_contentButtonSection--dba95{
     margin-left:auto;
   }
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_contentButtonSection--c5cdd .bp_notification_module_contentButtons--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_contentButtonSection--dba95 .bp_notification_module_contentButtons--dba95{
   display:flex;
   gap:var(--space-3);
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_closeButtonSection--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_closeButtonSection--dba95{
   display:flex;
   gap:var(--space-3);
   margin-left:auto;
   margin-right:var(--space-4);
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_closeButtonSection--c5cdd .bp_notification_module_closeButton--c5cdd{
+.bp_notification_module_root--dba95 .bp_notification_module_closeButtonSection--dba95 .bp_notification_module_closeButton--dba95{
   align-self:center;
 }
-.bp_notification_module_root--c5cdd .bp_notification_module_closeButtonSection--c5cdd .bp_notification_module_closeButton--c5cdd svg *{
+.bp_notification_module_root--dba95 .bp_notification_module_closeButtonSection--dba95 .bp_notification_module_closeButton--dba95 svg *{
   fill:currentColor;
 }
 
@@ -4780,7 +4780,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   opacity:.5;
 }
 
-.bp_radio_group_module_root--4f293{
+.bp_radio_group_module_root--365a1{
   display:flex;
   flex-direction:column;
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
@@ -4793,31 +4793,31 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-transform:none;
 }
 
-.bp_radio_group_module_horizontal--4f293{
+.bp_radio_group_module_horizontal--365a1{
   flex-direction:row;
   gap:1.625rem;
 }
 
-.bp_radio_group_module_radioOption--4f293{
+.bp_radio_group_module_radioOption--365a1{
   display:flex;
   flex-direction:column;
 }
-.bp_radio_group_module_radioOption--4f293 .bp_radio_group_module_label--4f293{
+.bp_radio_group_module_radioOption--365a1 .bp_radio_group_module_label--365a1{
   align-items:flex-start;
   cursor:pointer;
   display:inline-flex;
   gap:var(--size-3);
   line-height:var(--body-default-line-height);
 }
-.bp_radio_group_module_radioOption--4f293 .bp_radio_group_module_description--4f293{
+.bp_radio_group_module_radioOption--365a1 .bp_radio_group_module_description--365a1{
   padding-left:calc(var(--size-4) + var(--size-3));
 }
-.bp_radio_group_module_radioOption--4f293.bp_radio_group_module_disabled--4f293 .bp_radio_group_module_label--4f293{
+.bp_radio_group_module_radioOption--365a1.bp_radio_group_module_disabled--365a1 .bp_radio_group_module_label--365a1{
   color:var(--text-text-on-light-secondary);
   cursor:default;
 }
 
-.bp_radio_group_module_radioButton--4f293{
+.bp_radio_group_module_radioButton--365a1{
   all:unset;
   align-items:center;
   background-color:var(--surface-radio-surface);
@@ -4831,33 +4831,33 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   margin:calc((var(--body-default-line-height) - var(--size-4))/2) 0 0 0;
   width:var(--size-4);
 }
-.bp_radio_group_module_radioButton--4f293 .bp_radio_group_module_indicator--4f293{
+.bp_radio_group_module_radioButton--365a1 .bp_radio_group_module_indicator--365a1{
   background-color:var(--surface-radio-surface-selected);
   border-radius:50%;
   height:var(--size-2);
   transition:transform .1s;
   width:var(--size-2);
 }
-.bp_radio_group_module_radioButton--4f293:focus-visible{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_radio_group_module_radioButton--365a1:focus-visible{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
 }
-.bp_radio_group_module_radioButton--4f293[data-disabled]{
+.bp_radio_group_module_radioButton--365a1[data-disabled]{
   opacity:60%;
 }
-.bp_radio_group_module_radioButton--4f293[data-state=unchecked]{
+.bp_radio_group_module_radioButton--365a1[data-state=unchecked]{
   background-color:var(--surface-radio-surface);
   border:var(--border-2) solid var(--border-radio-border);
 }
-.bp_radio_group_module_radioButton--4f293[data-state=unchecked] .bp_radio_group_module_indicator--4f293{
+.bp_radio_group_module_radioButton--365a1[data-state=unchecked] .bp_radio_group_module_indicator--365a1{
   transform:scale(0);
 }
-.bp_radio_group_module_radioButton--4f293:not([data-disabled]):focus-visible,.bp_radio_group_module_radioButton--4f293:not([data-disabled]):hover{
+.bp_radio_group_module_radioButton--365a1:not([data-disabled]):focus-visible,.bp_radio_group_module_radioButton--365a1:not([data-disabled]):hover{
   border:var(--border-2) solid var(--border-radio-border-hover);
 }
-.bp_radio_group_module_radioButton--4f293:not([data-disabled]):focus-visible[data-state=checked],.bp_radio_group_module_radioButton--4f293:not([data-disabled]):hover[data-state=checked]{
+.bp_radio_group_module_radioButton--365a1:not([data-disabled]):focus-visible[data-state=checked],.bp_radio_group_module_radioButton--365a1:not([data-disabled]):hover[data-state=checked]{
   border:var(--border-2) solid var(--border-radio-border-selected-hover);
 }
-.bp_radio_group_module_radioButton--4f293:not([data-disabled]):focus-visible[data-state=checked] .bp_radio_group_module_indicator--4f293,.bp_radio_group_module_radioButton--4f293:not([data-disabled]):hover[data-state=checked] .bp_radio_group_module_indicator--4f293{
+.bp_radio_group_module_radioButton--365a1:not([data-disabled]):focus-visible[data-state=checked] .bp_radio_group_module_indicator--365a1,.bp_radio_group_module_radioButton--365a1:not([data-disabled]):hover[data-state=checked] .bp_radio_group_module_indicator--365a1{
   background-color:var(--surface-radio-surface-selected-hover);
 }
 
@@ -5431,7 +5431,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   min-width:160px;
 }
 
-.bp_switch_module_option--fe734{
+.bp_switch_module_option--c716c{
   display:flex;
   flex-direction:column;
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
@@ -5442,26 +5442,26 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-decoration:none;
   text-transform:none;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_label--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_label--c716c{
   cursor:pointer;
   display:inline-flex;
   flex-direction:row;
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_label--fe734.bp_switch_module_rightAlign--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_label--c716c.bp_switch_module_rightAlign--c716c{
   flex-direction:row-reverse;
   justify-content:space-between;
   width:unset;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_description--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_description--c716c{
   margin-left:3.25rem;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_description--fe734.bp_switch_module_rightAlign--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_description--c716c.bp_switch_module_rightAlign--c716c{
   margin-left:unset;
   margin-right:3.25rem;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_switch--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_switch--c716c{
   all:unset;
   align-items:center;
   background-color:#d3d3d3;
@@ -5475,17 +5475,17 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   width:2.5rem;
   will-change:transition;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_switch--fe734.bp_switch_module_rightAlign--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_switch--c716c.bp_switch_module_rightAlign--c716c{
   margin-left:2.5rem;
   margin-right:unset;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_switch--fe734:focus-visible{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_switch_module_option--c716c .bp_switch_module_switch--c716c:focus-visible{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_switch--fe734[data-state=checked]{
+.bp_switch_module_option--c716c .bp_switch_module_switch--c716c[data-state=checked]{
   background-color:#0061d5;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_thumb--fe734{
+.bp_switch_module_option--c716c .bp_switch_module_thumb--c716c{
   background-color:#fff;
   border:.0625rem solid #bcbcbc;
   border-radius:2.5rem;
@@ -5497,13 +5497,13 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   width:1.25rem;
   will-change:transform;
 }
-.bp_switch_module_option--fe734 .bp_switch_module_thumb--fe734[data-state=checked]{
+.bp_switch_module_option--c716c .bp_switch_module_thumb--c716c[data-state=checked]{
   transform:translateX(1.25rem);
 }
-.bp_switch_module_option--fe734.bp_switch_module_disabled--fe734 .bp_switch_module_label--fe734{
+.bp_switch_module_option--c716c.bp_switch_module_disabled--c716c .bp_switch_module_label--c716c{
   cursor:default;
 }
-.bp_switch_module_option--fe734.bp_switch_module_disabled--fe734 .bp_switch_module_switch--fe734{
+.bp_switch_module_option--c716c.bp_switch_module_disabled--c716c .bp_switch_module_switch--c716c{
   opacity:60%;
 }
 
@@ -5574,7 +5574,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   padding-inline-end:1.875rem;
 }
 
-.bp_text_toggle_button_module_textToggleButton--de041{
+.bp_text_toggle_button_module_textToggleButton--dcf05{
   background:var(--surface-toggle-surface);
   border:var(--border-1) solid var(--border-toggletext-border-off);
   border-radius:var(--radius-2);
@@ -5594,33 +5594,33 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
           user-select:none;
   white-space:nowrap;
 }
-.bp_text_toggle_button_module_textToggleButton--de041:disabled,.bp_text_toggle_button_module_textToggleButton--de041[aria-disabled]{
+.bp_text_toggle_button_module_textToggleButton--dcf05:disabled,.bp_text_toggle_button_module_textToggleButton--dcf05[aria-disabled]{
   opacity:.3;
   pointer-events:none;
 }
-.bp_text_toggle_button_module_textToggleButton--de041:hover{
+.bp_text_toggle_button_module_textToggleButton--dcf05:hover{
   background:var(--surface-toggle-surface-off-hover);
   border-color:var(--border-toggletext-border-off-hover);
 }
-.bp_text_toggle_button_module_textToggleButton--de041:focus,.bp_text_toggle_button_module_textToggleButton--de041[data-focus-visible]{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_text_toggle_button_module_textToggleButton--dcf05:focus,.bp_text_toggle_button_module_textToggleButton--dcf05[data-focus-visible]{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
 }
-.bp_text_toggle_button_module_textToggleButton--de041:active,.bp_text_toggle_button_module_textToggleButton--de041[data-active]{
+.bp_text_toggle_button_module_textToggleButton--dcf05:active,.bp_text_toggle_button_module_textToggleButton--dcf05[data-active]{
   background:var(--surface-toggle-surface-off-pressed);
   border-color:var(--border-toggletext-border-off-pressed);
 }
-.bp_text_toggle_button_module_textToggleButton--de041[aria-pressed=true]{
+.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]{
   background:var(--surface-toggletext-surface-on);
   border:var(--border-1) solid var(--border-toggletext-border-on);
 }
-.bp_text_toggle_button_module_textToggleButton--de041[aria-pressed=true]:hover{
+.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]:hover{
   background:var(--surface-toggletext-surface-on-hover);
   border-color:var(--border-toggletext-border-on-hover);
 }
-.bp_text_toggle_button_module_textToggleButton--de041[aria-pressed=true]:focus,.bp_text_toggle_button_module_textToggleButton--de041[aria-pressed=true][data-focus-visible]{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]:focus,.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true][data-focus-visible]{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
 }
-.bp_text_toggle_button_module_textToggleButton--de041[aria-pressed=true]:active,.bp_text_toggle_button_module_textToggleButton--de041[aria-pressed=true][data-active]{
+.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true]:active,.bp_text_toggle_button_module_textToggleButton--dcf05[aria-pressed=true][data-active]{
   background:var(--surface-toggletext-surface-on-pressed);
   border-color:var(--border-toggletext-border-on-pressed);
 }
@@ -6376,7 +6376,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   --z-index-card-tooltip:2147483647;
 }
 
-.bp_toolbar_module_toolbarRoot--0fa7a{
+.bp_toolbar_module_toolbarRoot--8c4b3{
   align-items:center;
   background:var(--surface-surface);
   border:var(--border-1) solid var(--border-card-border);
@@ -6387,19 +6387,19 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   padding:calc(var(--space-1) - var(--border-1));
 }
 
-.bp_toolbar_module_separator--0fa7a{
+.bp_toolbar_module_separator--8c4b3{
   background-color:var(--border-divider-border);
   border-radius:var(--radius-2);
   height:var(--size-6);
   width:1px;
 }
 
-.bp_toolbar_module_toggleGroup--0fa7a{
+.bp_toolbar_module_toggleGroup--8c4b3{
   display:flex;
   gap:var(--space-1);
 }
 
-.bp_toolbar_module_toolbarItem--0fa7a{
+.bp_toolbar_module_toolbarItem--8c4b3{
   --toolbar-item-hover-opacity:0.3;
   align-items:center;
   background:var(--toolbar-button-color, var(--surface-toggle-surface));
@@ -6417,45 +6417,45 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_toolbar_module_toolbarItem--0fa7a[data-disabled]{
+.bp_toolbar_module_toolbarItem--8c4b3[data-disabled]{
   background:var(--surface-toggle-surface);
   opacity:var(--toolbar-item-hover-opacity);
   pointer-events:none;
 }
-.bp_toolbar_module_toolbarItem--0fa7a:not([data-disabled]):focus-visible{
-  box-shadow:0 0 0 .0625rem #fff,0 0 0 .1875rem #2486fc;
+.bp_toolbar_module_toolbarItem--8c4b3:not([data-disabled]):focus-visible{
+  box-shadow:0 0 0 var(--border-1, 1px) var(--background-background), 0 0 0 var(--border-3) #2486fc;
 }
-.bp_toolbar_module_toolbarItem--0fa7a:not([data-disabled]):hover{
+.bp_toolbar_module_toolbarItem--8c4b3:not([data-disabled]):hover{
   background:var(--toolbar-button-color, var(--surface-toggle-surface-hover));
   border:var(--border-1) solid var(--toolbar-button-color, var(--surface-toggle-surface-hover));
 }
 
-.bp_toolbar_module_toolbarToggle--0fa7a[data-state=on]{
+.bp_toolbar_module_toolbarToggle--8c4b3[data-state=on]{
   background:var(--surface-toggle-surface-pressed);
 }
-.bp_toolbar_module_toolbarToggle--0fa7a[data-state=on] svg *{
+.bp_toolbar_module_toolbarToggle--8c4b3[data-state=on] svg *{
   fill:var(--icon-icon-on-dark);
 }
-.bp_toolbar_module_toolbarToggle--0fa7a[data-state=on]:not([data-disabled]):hover{
+.bp_toolbar_module_toolbarToggle--8c4b3[data-state=on]:not([data-disabled]):hover{
   background:var(--surface-toggle-surface-on-hover);
   border:var(--border-1) solid var(--surface-toggle-surface-on-hover);
 }
 
-.bp_toolbar_module_dropdownIndicator--0fa7a.bp_toolbar_module_invertCaret--0fa7a{
+.bp_toolbar_module_dropdownIndicator--8c4b3.bp_toolbar_module_invertCaret--8c4b3{
   transform:rotate(.5turn);
 }
 
-.bp_toolbar_module_triggerButtonSelectedWithColor--0fa7a{
+.bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3{
   --trigger-button-hover-opacity:0.7;
 }
-.bp_toolbar_module_triggerButtonSelectedWithColor--0fa7a[data-state=on] .bp_toolbar_module_dropdownIndicator--0fa7a path{
+.bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3[data-state=on] .bp_toolbar_module_dropdownIndicator--8c4b3 path{
   fill:var(--icon-icon-on-light);
 }
-.bp_toolbar_module_triggerButtonSelectedWithColor--0fa7a[data-state=on]:hover{
+.bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3[data-state=on]:hover{
   opacity:var(--trigger-button-hover-opacity);
 }
 
-.bp_toolbar_module_toolbarIcon--0fa7a{
+.bp_toolbar_module_toolbarIcon--8c4b3{
   align-items:center;
   display:flex;
   height:var(--size-5);

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

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

package/lib-esm/primitives/notification/notification.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"viewport":"bp_notification_module_viewport--c5cdd","root":"bp_notification_module_root--c5cdd","container":"bp_notification_module_container--c5cdd","mobileContainer":"bp_notification_module_mobileContainer--c5cdd","withButtons":"bp_notification_module_withButtons--c5cdd","info":"bp_notification_module_info--c5cdd","success":"bp_notification_module_success--c5cdd","warning":"bp_notification_module_warning--c5cdd","error":"bp_notification_module_error--c5cdd","typeIconContainer":"bp_notification_module_typeIconContainer--c5cdd","typeIcon":"bp_notification_module_typeIcon--c5cdd","text":"bp_notification_module_text--c5cdd","contentButtonSection":"bp_notification_module_contentButtonSection--c5cdd","contentButtons":"bp_notification_module_contentButtons--c5cdd","closeButtonSection":"bp_notification_module_closeButtonSection--c5cdd","closeButton":"bp_notification_module_closeButton--c5cdd"};
+var styles = {"viewport":"bp_notification_module_viewport--dba95","root":"bp_notification_module_root--dba95","container":"bp_notification_module_container--dba95","mobileContainer":"bp_notification_module_mobileContainer--dba95","withButtons":"bp_notification_module_withButtons--dba95","info":"bp_notification_module_info--dba95","success":"bp_notification_module_success--dba95","warning":"bp_notification_module_warning--dba95","error":"bp_notification_module_error--dba95","typeIconContainer":"bp_notification_module_typeIconContainer--dba95","typeIcon":"bp_notification_module_typeIcon--dba95","text":"bp_notification_module_text--dba95","contentButtonSection":"bp_notification_module_contentButtonSection--dba95","contentButtons":"bp_notification_module_contentButtons--dba95","closeButtonSection":"bp_notification_module_closeButtonSection--dba95","closeButton":"bp_notification_module_closeButton--dba95"};
 
 export { styles as default };

package/lib-esm/radio-group/radio-group.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"root":"bp_radio_group_module_root--4f293","horizontal":"bp_radio_group_module_horizontal--4f293","radioOption":"bp_radio_group_module_radioOption--4f293","label":"bp_radio_group_module_label--4f293","description":"bp_radio_group_module_description--4f293","disabled":"bp_radio_group_module_disabled--4f293","radioButton":"bp_radio_group_module_radioButton--4f293","indicator":"bp_radio_group_module_indicator--4f293"};
+var styles = {"root":"bp_radio_group_module_root--365a1","horizontal":"bp_radio_group_module_horizontal--365a1","radioOption":"bp_radio_group_module_radioOption--365a1","label":"bp_radio_group_module_label--365a1","description":"bp_radio_group_module_description--365a1","disabled":"bp_radio_group_module_disabled--365a1","radioButton":"bp_radio_group_module_radioButton--365a1","indicator":"bp_radio_group_module_indicator--365a1"};
 
 export { styles as default };

package/lib-esm/switch/switch.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_switch_module_option--fe734","label":"bp_switch_module_label--fe734","rightAlign":"bp_switch_module_rightAlign--fe734","description":"bp_switch_module_description--fe734","switch":"bp_switch_module_switch--fe734","thumb":"bp_switch_module_thumb--fe734","disabled":"bp_switch_module_disabled--fe734"};
+var styles = {"option":"bp_switch_module_option--c716c","label":"bp_switch_module_label--c716c","rightAlign":"bp_switch_module_rightAlign--c716c","description":"bp_switch_module_description--c716c","switch":"bp_switch_module_switch--c716c","thumb":"bp_switch_module_thumb--c716c","disabled":"bp_switch_module_disabled--c716c"};
 
 export { styles as default };

package/lib-esm/text-toggle-button/text-toggle-button.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"textToggleButton":"bp_text_toggle_button_module_textToggleButton--de041"};
+var styles = {"textToggleButton":"bp_text_toggle_button_module_textToggleButton--dcf05"};
 
 export { styles as default };

package/lib-esm/toolbar/toolbar.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"toolbarRoot":"bp_toolbar_module_toolbarRoot--0fa7a","separator":"bp_toolbar_module_separator--0fa7a","toggleGroup":"bp_toolbar_module_toggleGroup--0fa7a","toolbarItem":"bp_toolbar_module_toolbarItem--0fa7a","toolbarToggle":"bp_toolbar_module_toolbarToggle--0fa7a","dropdownIndicator":"bp_toolbar_module_dropdownIndicator--0fa7a","invertCaret":"bp_toolbar_module_invertCaret--0fa7a","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--0fa7a","toolbarIcon":"bp_toolbar_module_toolbarIcon--0fa7a"};
+var styles = {"toolbarRoot":"bp_toolbar_module_toolbarRoot--8c4b3","separator":"bp_toolbar_module_separator--8c4b3","toggleGroup":"bp_toolbar_module_toggleGroup--8c4b3","toolbarItem":"bp_toolbar_module_toolbarItem--8c4b3","toolbarToggle":"bp_toolbar_module_toolbarToggle--8c4b3","dropdownIndicator":"bp_toolbar_module_dropdownIndicator--8c4b3","invertCaret":"bp_toolbar_module_invertCaret--8c4b3","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--8c4b3","toolbarIcon":"bp_toolbar_module_toolbarIcon--8c4b3"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "8.1.0",
+    "version": "8.1.1",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -63,7 +63,7 @@
         "react-stately": "^3.31.1",
         "tsx": "^4.16.5"
     },
-    "gitHead": "0493d34d7630dffade2a3d5c62b46719e425ff2b",
+    "gitHead": "b2737e017afef7990166091b1ca1e8aa245ca20a",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {