@box/blueprint-web 13.5.1 → 13.5.2

package/dist/lib-esm/index.css

@@ -4339,7 +4339,7 @@
 .bp_combobox_group_module_comboboxHasFocus--58b45.bp_combobox_group_module_errorSelect--58b45.bp_combobox_group_module_trailing--58b45{
   --blueprint-select-border-error-left-width:none;
 }
-.bp_select_module_container--33e59[data-modern=false]{
+.bp_select_module_container--d0d36[data-modern=false]{
   --select-gap:var(--space-2);
   --select-label-color:var(--text-text-on-light);
   --select-trigger-btn-gap:var(--space-2);
@@ -4376,7 +4376,7 @@
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_select_module_container--33e59[data-modern=false] .bp_select_module_label--33e59{
+.bp_select_module_container--d0d36[data-modern=false] .bp_select_module_label--d0d36{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -4385,7 +4385,7 @@
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_select_module_container--33e59[data-modern=false] .bp_select_module_triggerBtn--33e59{
+.bp_select_module_container--d0d36[data-modern=false] .bp_select_module_triggerBtn--d0d36{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -4395,7 +4395,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_select_module_container--33e59[data-modern=true]{
+.bp_select_module_container--d0d36[data-modern=true]{
   --select-gap:var(--bp-space-020);
   --select-label-color:var(--bp-text-text-on-light);
   --select-trigger-btn-gap:var(--bp-space-020);
@@ -4426,17 +4426,17 @@
   --select-trigger-left-element-size:var(--bp-size-060);
   font-weight:var(--bp-font-weight-regular);
 }
-.bp_select_module_container--33e59[data-modern=true],.bp_select_module_container--33e59[data-modern=true] .bp_select_module_label--33e59{
+.bp_select_module_container--d0d36[data-modern=true],.bp_select_module_container--d0d36[data-modern=true] .bp_select_module_label--d0d36{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-.bp_select_module_container--33e59[data-modern=true] .bp_select_module_label--33e59{
+.bp_select_module_container--d0d36[data-modern=true] .bp_select_module_label--d0d36{
   font-weight:var(--bp-font-weight-bold);
 }
-.bp_select_module_container--33e59[data-modern=true] .bp_select_module_triggerBtn--33e59{
+.bp_select_module_container--d0d36[data-modern=true] .bp_select_module_triggerBtn--d0d36{
   font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:var(--bp-font-size-05);
   font-style:normal;
@@ -4445,20 +4445,20 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_select_module_container--33e59{
+.bp_select_module_container--d0d36{
   display:flex;
   flex-direction:column;
   gap:var(--select-gap);
 }
-.bp_select_module_container--33e59.bp_select_module_disabled--33e59{
+.bp_select_module_container--d0d36.bp_select_module_disabled--d0d36{
   opacity:60%;
 }
-.bp_select_module_container--33e59 .bp_select_module_label--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_label--d0d36{
   color:var(--select-label-color);
   flex:0 0 fit-content;
   overflow-wrap:break-word;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36{
   align-items:center;
   background-color:var(--select-trigger-btn-bg-color);
   border-bottom:var(--select-trigger-btn-border-bottom);
@@ -4479,7 +4479,7 @@
   text-align:start;
   width:100%;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 .bp_select_module_triggerValue--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 .bp_select_module_triggerValue--d0d36{
   align-items:center;
   display:flex;
   gap:var(--select-trigger-btn-gap);
@@ -4488,7 +4488,7 @@
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 .bp_select_module_triggerLeftElement--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 .bp_select_module_triggerLeftElement--d0d36{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -4496,58 +4496,58 @@
   justify-content:center;
   width:var(--select-trigger-left-element-size);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 span:first-child{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 span:first-child{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:disabled{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:disabled{
   cursor:default;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59.bp_select_module_readonly--33e59:not(:disabled){
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36.bp_select_module_readonly--d0d36:not(:disabled){
   background-color:var(--gray-02);
   box-shadow:none;
   color:var(--text-text-on-light-secondary);
   cursor:default;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:not(.bp_select_module_readonly--33e59, :disabled).bp_select_module_error--33e59, .bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:not(.bp_select_module_readonly--33e59, :disabled)[aria-invalid=true]{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:not(.bp_select_module_readonly--d0d36, :disabled).bp_select_module_error--d0d36, .bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:not(.bp_select_module_readonly--d0d36, :disabled)[aria-invalid=true]{
   background-color:var(--select-trigger-btn-error-bg-color);
   border-bottom:var(--select-trigger-btn-error-border-bottom);
   border-left:var(--select-trigger-btn-error-border-left);
   border-right:var(--select-trigger-btn-error-border-right);
   border-top:var(--select-trigger-btn-error-border-top);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:not(.bp_select_module_readonly--33e59):focus,.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:not(.bp_select_module_readonly--33e59, :disabled).bp_select_module_error--33e59:focus,.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:not(.bp_select_module_readonly--33e59, :disabled)[aria-invalid=true]:focus{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:not(.bp_select_module_readonly--d0d36):focus,.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:not(.bp_select_module_readonly--d0d36, :disabled).bp_select_module_error--d0d36:focus,.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:not(.bp_select_module_readonly--d0d36, :disabled)[aria-invalid=true]:focus{
   background-color:var(--select-trigger-btn-focus-bg-color);
   border:var(--select-trigger-btn-focus-border);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59:not(.bp_select_module_readonly--33e59, :disabled, :focus, .bp_select_module_error--33e59, [aria-invalid=true]):hover{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36:not(.bp_select_module_readonly--d0d36, :disabled, :focus, .bp_select_module_error--d0d36, [aria-invalid=true]):hover{
   background-color:var(--select-trigger-btn-hover-bg-color);
   border-color:var(--select-trigger-btn-hover-border-color);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 .bp_select_module_iconWrapper--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 .bp_select_module_iconWrapper--d0d36{
   flex-shrink:0;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 .bp_select_module_iconCaret--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 .bp_select_module_iconCaret--d0d36{
   display:block;
   height:var(--select-trigger-btn-caret-height);
   width:var(--select-trigger-btn-caret-width);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 .bp_select_module_iconCaret--33e59 path{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 .bp_select_module_iconCaret--d0d36 path{
   fill:var(--select-trigger-btn-caret-color);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59 .bp_select_module_iconPencilCrossed--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36 .bp_select_module_iconPencilCrossed--d0d36{
   display:block;
   height:var(--select-trigger-btn-pencil-height);
   width:var(--select-trigger-btn-pencil-width);
 }
-.bp_select_module_container--33e59 .bp_select_module_triggerBtn--33e59[data-state=open] .bp_select_module_icon--33e59{
+.bp_select_module_container--d0d36 .bp_select_module_triggerBtn--d0d36[data-state=open] .bp_select_module_icon--d0d36{
   transform:rotate(180deg);
 }
 
-.bp_select_module_content--33e59[data-modern=false]{
+.bp_select_module_content--d0d36[data-modern=false]{
   --select-content-bg-color:var(--surface-menu-surface);
   --select-content-backdrop-filter:none;
   --select-content-border:var(--border-1) solid var(--border-card-border);
@@ -4563,13 +4563,10 @@
   --select-content-viewport-option-padding-inline-reversed:var(--space-2) var(--space-10);
   --select-content-viewport-option-focus-bg-color:var(--surface-menu-surface-focus);
   --select-content-viewport-option-focus-border:var(--border-2) solid var(--outline-focus-on-light);
-  --select-content-viewport-option-active-bg-color:var(--surface-menu-surface);
-  --select-content-viewport-option-active-border:var(--border-2) solid #0000;
   --select-content-viewport-option-hover-bg-color:var(--surface-menu-surface-hover);
   --select-content-viewport-option-secondary-text-color:var(--text-text-on-light-secondary);
   --select-content-viewport-option-indicator-left:var(--space-2);
   --select-content-viewport-option-indicator-right:var(--space-2);
-  --select-content-viewport-option-indicator-height:var(--size-9);
   --select-content-viewport-option-indicator-color:var(--icon-icon-on-light);
   --select-content-viewport-option-separator-height:var(--border-1);
   --select-content-viewport-option-separator-bg-color:var(--border-divider-border);
@@ -4584,7 +4581,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_select_module_content--33e59[data-modern=true]{
+.bp_select_module_content--d0d36[data-modern=true]{
   --select-content-bg-color:var(--bp-surface-menu-surface-dropdown);
   --select-content-backdrop-filter:blur(16px);
   --select-content-border:var(--bp-border-01) solid var(--bp-border-card-border);
@@ -4600,13 +4597,10 @@
   --select-content-viewport-option-padding-inline-reversed:var(--bp-space-020) var(--bp-space-100);
   --select-content-viewport-option-focus-bg-color:var(--bp-surface-menu-item-surface-hover);
   --select-content-viewport-option-focus-border:var(--bp-border-02) solid var(--bp-outline-focus-on-light);
-  --select-content-viewport-option-active-bg-color:var(--bp-surface-menu-item-surface);
-  --select-content-viewport-option-active-border:var(--bp-border-02) solid #0000;
   --select-content-viewport-option-hover-bg-color:var(--bp-surface-menu-item-surface-hover);
   --select-content-viewport-option-secondary-text-color:var(--bp-text-text-on-light-secondary);
   --select-content-viewport-option-indicator-left:var(--bp-space-020);
   --select-content-viewport-option-indicator-right:var(--bp-space-020);
-  --select-content-viewport-option-indicator-height:var(--bp-size-090);
   --select-content-viewport-option-indicator-color:var(--bp-icon-icon-on-light);
   --select-content-viewport-option-separator-height:var(--bp-border-01);
   --select-content-viewport-option-separator-bg-color:var(--bp-border-divider-border);
@@ -4620,7 +4614,7 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_select_module_content--33e59{
+.bp_select_module_content--d0d36{
   backdrop-filter:var(--select-content-backdrop-filter);
   background-color:var(--select-content-bg-color);
   border:var(--select-content-border);
@@ -4632,11 +4626,11 @@
   overflow:auto;
   z-index:380;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36{
   padding-block:var(--select-content-viewport-padding-block);
   padding-inline:var(--select-content-viewport-padding-inline);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36{
   align-items:center;
   border:var(--select-content-viewport-option-border);
   border-radius:var(--select-content-viewport-option-border-radius);
@@ -4652,22 +4646,18 @@
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59[data-disabled]{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59[data-highlighted]{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36:focus-visible{
   background-color:var(--select-content-viewport-option-focus-bg-color);
   border:var(--select-content-viewport-option-focus-border);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59[data-state=checked]{
-  background-color:var(--select-content-viewport-option-active-bg-color);
-  border:var(--select-content-viewport-option-active-border);
-}
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59:hover{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36:hover{
   background-color:var(--select-content-viewport-option-hover-bg-color);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_textWrapper--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_textWrapper--d0d36{
   align-items:center;
   display:flex;
   flex:1;
@@ -4676,14 +4666,14 @@
   min-width:0;
   overflow:hidden;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_textWrapper--33e59 span:first-child{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_textWrapper--d0d36 span:first-child{
   overflow:hidden;
   overflow-wrap:break-word;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_secondaryText--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_secondaryText--d0d36{
   color:var(--select-content-viewport-option-secondary-text-color);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_leftElement--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_leftElement--d0d36{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -4691,30 +4681,30 @@
   justify-content:center;
   width:var(--select-content-viewport-option-left-element-size);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59.bp_select_module_hasLeftElement--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36.bp_select_module_hasLeftElement--d0d36{
   padding-inline:var(--select-content-viewport-option-padding-inline-reversed);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59.bp_select_module_hasLeftElement--33e59 .bp_select_module_textWrapper--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36.bp_select_module_hasLeftElement--d0d36 .bp_select_module_textWrapper--d0d36{
   align-items:flex-start;
   flex-direction:column;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_indicator--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_indicator--d0d36{
   align-items:center;
   display:flex;
-  height:var(--select-content-viewport-option-indicator-height);
+  height:100%;
   justify-content:center;
   left:var(--select-content-viewport-option-indicator-left);
   position:absolute;
   top:0;
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_indicator--33e59 path{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_indicator--d0d36 path{
   fill:var(--select-content-viewport-option-indicator-color);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_option--33e59 .bp_select_module_indicatorRight--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_option--d0d36 .bp_select_module_indicatorRight--d0d36{
   left:auto;
   right:var(--select-content-viewport-option-indicator-right);
 }
-.bp_select_module_content--33e59 .bp_select_module_viewport--33e59 .bp_select_module_separator--33e59{
+.bp_select_module_content--d0d36 .bp_select_module_viewport--d0d36 .bp_select_module_separator--d0d36{
   background-color:var(--select-content-viewport-option-separator-bg-color);
   flex-shrink:0;
   height:var(--select-content-viewport-option-separator-height);

package/dist/lib-esm/select/select.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_select_module_container--33e59","label":"bp_select_module_label--33e59","triggerBtn":"bp_select_module_triggerBtn--33e59","disabled":"bp_select_module_disabled--33e59","triggerValue":"bp_select_module_triggerValue--33e59","triggerLeftElement":"bp_select_module_triggerLeftElement--33e59","readonly":"bp_select_module_readonly--33e59","error":"bp_select_module_error--33e59","iconWrapper":"bp_select_module_iconWrapper--33e59","iconCaret":"bp_select_module_iconCaret--33e59","iconPencilCrossed":"bp_select_module_iconPencilCrossed--33e59","content":"bp_select_module_content--33e59","viewport":"bp_select_module_viewport--33e59","option":"bp_select_module_option--33e59","textWrapper":"bp_select_module_textWrapper--33e59","secondaryText":"bp_select_module_secondaryText--33e59","leftElement":"bp_select_module_leftElement--33e59","hasLeftElement":"bp_select_module_hasLeftElement--33e59","indicator":"bp_select_module_indicator--33e59","indicatorRight":"bp_select_module_indicatorRight--33e59","separator":"bp_select_module_separator--33e59"};
+var styles = {"container":"bp_select_module_container--d0d36","label":"bp_select_module_label--d0d36","triggerBtn":"bp_select_module_triggerBtn--d0d36","disabled":"bp_select_module_disabled--d0d36","triggerValue":"bp_select_module_triggerValue--d0d36","triggerLeftElement":"bp_select_module_triggerLeftElement--d0d36","readonly":"bp_select_module_readonly--d0d36","error":"bp_select_module_error--d0d36","iconWrapper":"bp_select_module_iconWrapper--d0d36","iconCaret":"bp_select_module_iconCaret--d0d36","iconPencilCrossed":"bp_select_module_iconPencilCrossed--d0d36","content":"bp_select_module_content--d0d36","viewport":"bp_select_module_viewport--d0d36","option":"bp_select_module_option--d0d36","textWrapper":"bp_select_module_textWrapper--d0d36","secondaryText":"bp_select_module_secondaryText--d0d36","leftElement":"bp_select_module_leftElement--d0d36","hasLeftElement":"bp_select_module_hasLeftElement--d0d36","indicator":"bp_select_module_indicator--d0d36","indicatorRight":"bp_select_module_indicatorRight--d0d36","separator":"bp_select_module_separator--d0d36"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "13.5.1",
+    "version": "13.5.2",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.15",
         "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.101.20",
+        "@box/blueprint-web-assets": "^4.101.21",
         "@internationalized/date": "^3.7.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.16.57",
+        "@box/storybook-utils": "^0.16.58",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",