@box/blueprint-web 11.7.0 → 11.8.0

package/dist/lib-esm/index.css

@@ -4638,12 +4638,13 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   background:none;
 }
 
-.bp_base_text_input_module_textInputContainerOuter--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f{
+  --disabled-opacity:var(--text-input-disabled-opacity-api, 60%);
   display:flex;
   flex-direction:column;
   font-weight:400;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_label--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_label--8647f{
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   letter-spacing:.01875rem;
@@ -4651,22 +4652,22 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-decoration:none;
   text-transform:none;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_label--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_label--8647f{
   color:#222;
   flex:0 0 fit-content;
   font-weight:700;
   width:-moz-fit-content;
   width:fit-content;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_label--bb004:not(.bp_base_text_input_module_hidden--bb004){
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_label--8647f:not(.bp_base_text_input_module_hidden--8647f){
   margin-block-end:var(--space-2);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f{
   display:flex;
   height:2.5rem;
   position:relative;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f{
   background:#fff;
   border:.0625rem solid #909090;
   border-radius:.375rem;
@@ -4685,74 +4686,74 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
   text-transform:none;
   width:100%;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004:hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004:hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004:hover{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f:hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f:hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f:hover{
   box-shadow:var(--innershadow-1);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004::placeholder,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004::placeholder,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004::placeholder{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f::placeholder,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f::placeholder,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f::placeholder{
   color:#6f6f6f;
   opacity:1;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_error--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_error--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_error--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_error--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_error--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_error--8647f{
   background:#fff;
   border:.125rem solid #ed3757;
   outline:0;
   padding-inline-start:.6875rem;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f{
   border-color:var(--border-collapsible-border);
   box-shadow:var(--innershadow-1);
   color:var(--text-text-on-light-secondary);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004:focus-visible,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004:focus-visible,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004:focus-visible{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f:focus-visible,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f:focus-visible,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f:focus-visible{
   border:.125rem solid #2486fc;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004:hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004:hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_readOnly--bb004:hover{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f:hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f:hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_readOnly--8647f:hover{
   cursor:default;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004:disabled,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004:disabled,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004:disabled{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f:disabled,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f:disabled,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f:disabled{
   background:var(--surface-input-surface);
   border-color:var(--border-input-border);
   box-shadow:var(--innershadow-1);
   color:var(--text-text-on-light);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004:disabled:hover{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f:disabled:hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f:disabled:hover{
   border-color:var(--border-input-border);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004:focus-visible,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004:focus-visible,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004:focus-visible{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f:focus-visible,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f:focus-visible,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f:focus-visible{
   background:#fff;
   border:.125rem solid #2486fc;
   outline:0;
   padding-inline-start:.6875rem;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004:has(+ .bp_base_text_input_module_endIcon--bb004),.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004:has(+ .bp_base_text_input_module_endIcon--bb004),.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004:has(+ .bp_base_text_input_module_endIcon--bb004){
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f:has(+ .bp_base_text_input_module_endIcon--8647f),.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f:has(+ .bp_base_text_input_module_endIcon--8647f),.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f:has(+ .bp_base_text_input_module_endIcon--8647f){
   padding-inline-end:calc(1.25rem + var(--end-icon-width));
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_textInput--bb004:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--bb004):hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=number].bp_base_text_input_module_textInput--bb004:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--bb004):hover,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 input[type=text].bp_base_text_input_module_textInput--bb004:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--bb004):hover{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_textInput--8647f:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--8647f):hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=number].bp_base_text_input_module_textInput--8647f:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--8647f):hover,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f input[type=text].bp_base_text_input_module_textInput--8647f:not(:disabled):not(:focus-visible):not(.bp_base_text_input_module_error--8647f):hover{
   background:#fff;
   border:.0625rem solid #6f6f6f;
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_startIcon--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_startIcon--8647f{
   left:.8125rem;
   position:absolute;
   top:50%;
   transform:translateY(-50%);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_startIcon--bb004 + input.bp_base_text_input_module_textInput--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_startIcon--8647f + input.bp_base_text_input_module_textInput--8647f{
   padding-inline-start:calc(1.25rem + var(--start-icon-width));
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_startIcon--bb004 + input.bp_base_text_input_module_textInput--bb004.bp_base_text_input_module_error--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_startIcon--bb004 + input.bp_base_text_input_module_textInput--bb004:focus-visible{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_startIcon--8647f + input.bp_base_text_input_module_textInput--8647f.bp_base_text_input_module_error--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_startIcon--8647f + input.bp_base_text_input_module_textInput--8647f:focus-visible{
   padding-inline-start:calc(1.1875rem + var(--start-icon-width));
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_textInputContainer--bb004 .bp_base_text_input_module_endIcon--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_textInputContainer--8647f .bp_base_text_input_module_endIcon--8647f{
   position:absolute;
   right:.8125rem;
   top:50%;
   transform:translateY(-50%);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004.bp_base_text_input_module_disabled--bb004{
-  opacity:60%;
+.bp_base_text_input_module_textInputContainerOuter--8647f.bp_base_text_input_module_disabled--8647f{
+  opacity:var(--disabled-opacity);
 }
-.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_inlineError--bb004,.bp_base_text_input_module_textInputContainerOuter--bb004 .bp_base_text_input_module_subtext--bb004{
+.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_inlineError--8647f,.bp_base_text_input_module_textInputContainerOuter--8647f .bp_base_text_input_module_subtext--8647f{
   margin-block-start:var(--space-2);
 }
 .bp_chip_module_chip--728a9{
@@ -5764,8 +5765,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
 .bp_radio_tiles_module_radioTiles--14072.bp_radio_tiles_module_compact--14072 > *{
   flex:0 1 calc(100%/var(--columns) - var(--space-2) + var(--space-2)/var(--columns));
 }
-
-.bp_search_module_search--8b0fc{
+.bp_search_module_search--26492{
   font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.875rem;
   font-weight:400;
@@ -5778,10 +5778,10 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   text-transform:none;
   width:100%;
 }
-.bp_search_module_search--8b0fc.bp_search_module_disabled--8b0fc{
+.bp_search_module_search--26492.bp_search_module_disabled--26492{
   opacity:.3;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchIcon--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchIcon--26492{
   height:var(--size-4);
   left:var(--space-2);
   pointer-events:none;
@@ -5790,15 +5790,15 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transform:translateY(-50%);
   width:var(--size-4);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchIcon--8b0fc.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchIcon--26492.bp_search_module_global--26492{
   height:var(--size-5);
   left:var(--space-4);
   width:var(--size-5);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492{
   -webkit-font-smoothing:auto;
   background-color:var(--surface-search-surface);
-  border:var(--border-1) solid #0000;
+  border:var(--border-1) solid var(--border-search-border);
   border-radius:var(--radius-2);
   box-shadow:unset;
   box-sizing:border-box;
@@ -5817,51 +5817,51 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transition:border-color .15s ease,background-color .15s ease;
   width:100%;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492.bp_search_module_global--26492{
   border-radius:var(--radius-7);
   height:var(--size-12);
   padding-inline:var(--space-12) var(--space-2);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-cancel-button,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-decoration,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-results-button,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::-webkit-search-results-decoration{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-cancel-button,.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-decoration,.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-results-button,.bp_search_module_search--26492 .bp_search_module_searchInput--26492::-webkit-search-results-decoration{
   appearance:none;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:disabled{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:disabled{
   background-color:var(--surface-search-surface);
   border-color:#0000;
   box-shadow:unset;
   color:var(--text-text-on-light);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:hover{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:hover{
   box-shadow:unset;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc .bp_search_module_firefoxDefaultOpacityFix--8b0fc,.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc .bp_search_module_searchInput--8b0fc::placeholder{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492 .bp_search_module_firefoxDefaultOpacityFix--26492,.bp_search_module_search--26492 .bp_search_module_searchInput--26492 .bp_search_module_searchInput--26492::placeholder{
   opacity:1;
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc::placeholder{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492::placeholder{
   color:var(--text-text-on-light-secondary);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:placeholder-shown){
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:placeholder-shown){
   padding-inline-end:var(--space-8);
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:placeholder-shown).bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:placeholder-shown).bp_search_module_global--26492{
   padding-inline-end:calc(var(--size-8)*2 + var(--space-6));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:placeholder-shown).bp_search_module_global--8b0fc.bp_search_module_withoutActionButton--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:placeholder-shown).bp_search_module_global--26492.bp_search_module_withoutActionButton--26492{
   padding-inline-end:calc(var(--size-8) + var(--space-3));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:focus-visible{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:focus-visible{
   background-color:var(--surface-search-surface-focused);
-  border:var(--border-2) solid #2486fc;
+  border:var(--border-2) solid var(--outline-focus-on-light);
   padding-inline-start:calc(var(--space-8) - var(--border-1));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:focus-visible.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:focus-visible.bp_search_module_global--26492{
   padding-inline-start:calc(var(--space-12) - var(--border-1));
 }
-.bp_search_module_search--8b0fc .bp_search_module_searchInput--8b0fc:not(:focus-visible):not(:disabled):hover{
+.bp_search_module_search--26492 .bp_search_module_searchInput--26492:not(:focus-visible):not(:disabled):hover{
   background-color:var(--surface-search-surface-hover);
-  border-color:#6f6f6f;
+  border-color:var(--border-search-border-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492{
   background:var(--surface-cta-surface-icon);
   height:var(--size-4);
   position:absolute;
@@ -5870,31 +5870,31 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
   transform:translateY(-50%);
   width:var(--size-4);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc.bp_search_module_global--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492.bp_search_module_global--26492{
   height:var(--size-8);
   right:calc(var(--space-12) + var(--space-1));
   width:var(--size-8);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc.bp_search_module_withoutActionButton--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492.bp_search_module_withoutActionButton--26492{
   right:var(--space-3);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc *{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492 *{
   fill:var(--icon-cta-icon);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:focus-visible{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:focus-visible{
   background:var(--surface-cta-surface-icon-hover);
   outline:var(--border-2) solid var(--outline-focus-on-light);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:focus-visible *{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:focus-visible *{
   fill:var(--icon-cta-icon-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:hover{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:hover{
   background:var(--surface-cta-surface-icon-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_clearSearchIcon--8b0fc:hover *{
+.bp_search_module_search--26492 .bp_search_module_clearSearchIcon--26492:hover *{
   fill:var(--icon-cta-icon-hover);
 }
-.bp_search_module_search--8b0fc .bp_search_module_actionButton--8b0fc{
+.bp_search_module_search--26492 .bp_search_module_actionButton--26492{
   position:absolute;
   right:var(--space-4);
   top:50%;

package/dist/lib-esm/index.d.ts

@@ -64,6 +64,7 @@ export * from './text';
 export * from './text-area';
 export * from './text-button';
 export * from './text-input';
+export * from './primitives/base-text-input';
 export * from './text-toggle-button';
 export * from './toolbar';
 export * from './tooltip';

package/dist/lib-esm/index.js

@@ -81,6 +81,7 @@ export { Text } from './text/text.js';
 export { TextArea } from './text-area/text-area.js';
 export { TextButton } from './text-button/text-button.js';
 export { TextInput } from './text-input/text-input.js';
+export { BaseTextInput } from './primitives/base-text-input/base-text-input.js';
 export { TextToggleButton } from './text-toggle-button/text-toggle-button.js';
 export { Toolbar } from './toolbar/index.js';
 export { Tooltip, TooltipProvider } from './tooltip/tooltip.js';

package/dist/lib-esm/primitives/base-text-input/base-text-input.js

@@ -7,6 +7,11 @@ import { useUniqueId } from '../../utils/useUniqueId.js';
 import { InlineError } from '../inline-error/inline-error.js';
 import styles from './base-text-input.module.js';
 
+const setValueUsing = setter => node => {
+  if (node) {
+    setter(node.getBoundingClientRect().width);
+  }
+};
 /**
  * This extends a default HTML &lt;input/&gt; and accepts the same props as well as some custom ones listed below.<br/>
  *
@@ -35,29 +40,28 @@ const BaseTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const inlineErrorId = useUniqueId('inline-error-');
   const subtextId = useUniqueId('subtext-');
   const hasError = !!error && !disabled;
+  const hasSubtext = !error && !!subtext;
+  const hasDescribedByText = hasError || hasSubtext;
+  let describedByText = '';
+  if (hasError) {
+    describedByText = inlineErrorId;
+  } else if (hasSubtext) {
+    describedByText = subtextId;
+  }
   const shouldMarkError = (!!error || invalid) && !disabled;
   const ariaDescribedBy = clsx(rest['aria-describedby'], {
-    [inlineErrorId]: hasError
+    [describedByText]: hasDescribedByText
   });
   const [startIconWidth, setStartIconWidth] = useState(null);
   const [endIconWidth, setEndIconWidth] = useState(null);
   const StartIconComponent = useMemo(() => startIcon && /*#__PURE__*/cloneElement(startIcon, {
-    ref: node => {
-      if (node) {
-        setStartIconWidth(node.getBoundingClientRect().width);
-      }
-    },
+    ref: setValueUsing(setStartIconWidth),
     className: clsx(startIcon.props?.className, styles.startIcon)
   }), [startIcon]);
   const EndIconComponent = useMemo(() => endIcon && /*#__PURE__*/cloneElement(endIcon, {
-    ref: node => {
-      if (node) {
-        setEndIconWidth(node.getBoundingClientRect().width);
-      }
-    },
+    ref: setValueUsing(setEndIconWidth),
     className: clsx(endIcon.props?.className, styles.endIcon)
   }), [endIcon]);
-  const hasSubtext = !error && !!subtext;
   const Label = useLabelable(label, inputId, required);
   return jsxs("div", {
     className: clsx([styles.textInputContainerOuter], {
@@ -78,7 +82,7 @@ const BaseTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       children: [StartIconComponent, jsx("input", {
         ...rest,
         ref: forwardedRef,
-        "aria-describedby": ariaDescribedBy,
+        "aria-describedby": ariaDescribedBy || undefined,
         "aria-invalid": shouldMarkError,
         "aria-required": required,
         className: clsx([styles.textInput], {
@@ -91,11 +95,11 @@ const BaseTextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         required: required,
         type: type
       }), EndIconComponent]
-    }), jsx(InlineError, {
+    }), hasError ? jsx(InlineError, {
       className: styles.inlineError,
       id: inlineErrorId,
       children: error
-    }), hasSubtext && jsx(Text, {
+    }) : hasSubtext && jsx(Text, {
       as: "p",
       className: styles.subtext,
       color: "textOnLightSecondary",

package/dist/lib-esm/primitives/base-text-input/base-text-input.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"textInputContainerOuter":"bp_base_text_input_module_textInputContainerOuter--bb004","label":"bp_base_text_input_module_label--bb004","hidden":"bp_base_text_input_module_hidden--bb004","textInputContainer":"bp_base_text_input_module_textInputContainer--bb004","textInput":"bp_base_text_input_module_textInput--bb004","error":"bp_base_text_input_module_error--bb004","readOnly":"bp_base_text_input_module_readOnly--bb004","endIcon":"bp_base_text_input_module_endIcon--bb004","startIcon":"bp_base_text_input_module_startIcon--bb004","disabled":"bp_base_text_input_module_disabled--bb004","inlineError":"bp_base_text_input_module_inlineError--bb004","subtext":"bp_base_text_input_module_subtext--bb004"};
+var styles = {"textInputContainerOuter":"bp_base_text_input_module_textInputContainerOuter--8647f","label":"bp_base_text_input_module_label--8647f","hidden":"bp_base_text_input_module_hidden--8647f","textInputContainer":"bp_base_text_input_module_textInputContainer--8647f","textInput":"bp_base_text_input_module_textInput--8647f","error":"bp_base_text_input_module_error--8647f","readOnly":"bp_base_text_input_module_readOnly--8647f","endIcon":"bp_base_text_input_module_endIcon--8647f","startIcon":"bp_base_text_input_module_startIcon--8647f","disabled":"bp_base_text_input_module_disabled--8647f","inlineError":"bp_base_text_input_module_inlineError--8647f","subtext":"bp_base_text_input_module_subtext--8647f"};
 
 export { styles as default };

package/dist/lib-esm/search-input/search.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"search":"bp_search_module_search--8b0fc","disabled":"bp_search_module_disabled--8b0fc","searchIcon":"bp_search_module_searchIcon--8b0fc","global":"bp_search_module_global--8b0fc","searchInput":"bp_search_module_searchInput--8b0fc","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--8b0fc","withoutActionButton":"bp_search_module_withoutActionButton--8b0fc","clearSearchIcon":"bp_search_module_clearSearchIcon--8b0fc","actionButton":"bp_search_module_actionButton--8b0fc"};
+var styles = {"search":"bp_search_module_search--26492","disabled":"bp_search_module_disabled--26492","searchIcon":"bp_search_module_searchIcon--26492","global":"bp_search_module_global--26492","searchInput":"bp_search_module_searchInput--26492","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--26492","withoutActionButton":"bp_search_module_withoutActionButton--26492","clearSearchIcon":"bp_search_module_clearSearchIcon--26492","actionButton":"bp_search_module_actionButton--26492"};
 
 export { styles as default };

package/package.json

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