@box/blueprint-web 12.109.0 → 12.110.1

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"accordionItem":"bp_accordion_module_accordionItem--05c18","accordionContent":"bp_accordion_module_accordionContent--05c18","accordion":"bp_accordion_module_accordion--05c18","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--05c18","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--05c18","accordionFixedContent":"bp_accordion_module_accordionFixedContent--05c18","accordionHeader":"bp_accordion_module_accordionHeader--05c18","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--05c18","accordionStatus":"bp_accordion_module_accordionStatus--05c18","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--05c18","bgOnly":"bp_accordion_module_bgOnly--05c18","withIcon":"bp_accordion_module_withIcon--05c18","accordionTrigger":"bp_accordion_module_accordionTrigger--05c18","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--05c18"};
+var styles = {"accordionItem":"bp_accordion_module_accordionItem--2eacf","accordionContent":"bp_accordion_module_accordionContent--2eacf","accordion":"bp_accordion_module_accordion--2eacf","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--2eacf","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--2eacf","accordionFixedContent":"bp_accordion_module_accordionFixedContent--2eacf","accordionHeader":"bp_accordion_module_accordionHeader--2eacf","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--2eacf","accordionStatus":"bp_accordion_module_accordionStatus--2eacf","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--2eacf","bgOnly":"bp_accordion_module_bgOnly--2eacf","withIcon":"bp_accordion_module_withIcon--2eacf","accordionTrigger":"bp_accordion_module_accordionTrigger--2eacf","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--2eacf"};
 
 export { styles as default };

package/dist/lib-esm/combobox/combobox.js

@@ -44,6 +44,7 @@ const RootInner = ({
     disabled = false,
     required = false,
     className,
+    popoverClassName,
     error,
     hideLabel = false,
     label,
@@ -449,7 +450,7 @@ const RootInner = ({
     children: [inputComponent, showLoading || filteredOptions.length > 0 || filteredOptions.length <= 0 && noResultMessage ? jsx(ComboboxPopover, {
       ref: popoverRefCallback,
       "aria-labelledby": comboboxId,
-      className: styles.popover,
+      className: clsx(styles.popover, popoverClassName),
       "data-modern": enableModernizedComponents ? 'true' : 'false',
       fitViewport: true,
       gutter: 8,

package/dist/lib-esm/combobox/types.d.ts

@@ -160,6 +160,10 @@ export interface ComboboxBaseProps<Multiple extends boolean, FreeInput extends b
      * Extend the styles applied to the component.
      */
     className?: string;
+    /**
+     * Extend the styles applied to the popover component.
+     */
+    popoverClassName?: string;
     /**
      * When `true`, label text is hidden.
      *

package/dist/lib-esm/index.css

@@ -1166,7 +1166,7 @@
   background-color:var(--status-interactive-background-green-focus);
 }
 
-.bp_accordion_module_accordionItem--05c18[data-modern=false]{
+.bp_accordion_module_accordionItem--2eacf[data-modern=false]{
   --accordion-min-width:320px;
   --accordion-item-radius:none;
   --accordion-item-radius-expanded:none;
@@ -1207,7 +1207,7 @@
   --accordion-item-header-min-height:unset;
 }
 
-.bp_accordion_module_accordionItem--05c18[data-modern=true]{
+.bp_accordion_module_accordionItem--2eacf[data-modern=true]{
   --accordion-min-width:320px;
   --accordion-item-radius:var(--bp-radius-08);
   --accordion-item-radius-expanded:var(--bp-radius-10);
@@ -1248,19 +1248,19 @@
   --accordion-item-header-min-height:var(--bp-size-080);
 }
 
-.bp_accordion_module_accordionContent--05c18[data-state=open]{
-  animation:bp_accordion_module_slideDown--05c18 .15s ease-out;
+.bp_accordion_module_accordionContent--2eacf[data-state=open]{
+  animation:bp_accordion_module_slideDown--2eacf .15s ease-out;
 }
 
-.bp_accordion_module_accordionContent--05c18[data-state=closed]{
-  animation:bp_accordion_module_slideUp--05c18 .15s ease-out;
+.bp_accordion_module_accordionContent--2eacf[data-state=closed]{
+  animation:bp_accordion_module_slideUp--2eacf .15s ease-out;
 }
 
-.bp_accordion_module_accordionContent--05c18{
+.bp_accordion_module_accordionContent--2eacf{
   overflow:hidden;
 }
 
-@keyframes bp_accordion_module_slideDown--05c18{
+@keyframes bp_accordion_module_slideDown--2eacf{
   from{
     height:0;
   }
@@ -1268,7 +1268,7 @@
     height:var(--radix-accordion-content-height);
   }
 }
-@keyframes bp_accordion_module_slideUp--05c18{
+@keyframes bp_accordion_module_slideUp--2eacf{
   from{
     height:var(--radix-accordion-content-height);
   }
@@ -1276,14 +1276,14 @@
     height:0;
   }
 }
-.bp_accordion_module_accordion--05c18{
+.bp_accordion_module_accordion--2eacf{
   display:flex;
   flex-direction:column;
   gap:var(--bp-space-030);
   padding:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionContentWrapper--05c18{
+.bp_accordion_module_accordionContentWrapper--2eacf{
   display:flex;
   flex-direction:column;
   gap:var(--accordion-content-gap);
@@ -1292,26 +1292,26 @@
   padding-inline:var(--accordion-content-padding-inline);
 }
 
-.bp_accordion_module_accordionInlineErrorWrapper--05c18{
+.bp_accordion_module_accordionInlineErrorWrapper--2eacf{
   padding-block-start:var(--accordion-error-padding-block-start);
   padding-inline:var(--accordion-error-padding-inline);
 }
 
-.bp_accordion_module_accordionItem--05c18{
+.bp_accordion_module_accordionItem--2eacf{
   -webkit-tap-highlight-color:transparent;
   background:none;
   border-bottom:var(--accordion-item-border);
   border-radius:var(--accordion-item-radius);
   min-width:var(--accordion-min-width);
 }
-.bp_accordion_module_accordionItem--05c18[data-state=open]{
+.bp_accordion_module_accordionItem--2eacf[data-state=open]{
   background-color:var(--accordion-item-background-expanded);
   border:var(--accordion-item-border-expanded);
   border-bottom:var(--accordion-item-border-bottom-expanded);
   border-radius:var(--accordion-item-radius-expanded);
 }
 
-.bp_accordion_module_accordionFixedContent--05c18{
+.bp_accordion_module_accordionFixedContent--2eacf{
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
   border-radius:var(--accordion-item-radius);
@@ -1322,7 +1322,7 @@
   padding-inline:var(--accordion-fixed-content-padding-inline);
 }
 
-.bp_accordion_module_accordionHeader--05c18{
+.bp_accordion_module_accordionHeader--2eacf{
   align-items:center;
   display:flex;
   justify-content:space-between;
@@ -1332,7 +1332,7 @@
   width:100%;
 }
 
-.bp_accordion_module_accordionItem--05c18[data-modern=false] .bp_accordion_module_accordionHeader--05c18{
+.bp_accordion_module_accordionItem--2eacf[data-modern=false] .bp_accordion_module_accordionHeader--2eacf{
   color:var(--accordion-header-text-color);
   font-family:var(--title-small-font-family);
   font-size:var(--title-small-font-size);
@@ -1344,7 +1344,7 @@
   text-transform:var(--title-small-text-case);
 }
 
-.bp_accordion_module_accordionItem--05c18[data-modern=true] .bp_accordion_module_accordionHeader--05c18{
+.bp_accordion_module_accordionItem--2eacf[data-modern=true] .bp_accordion_module_accordionHeader--2eacf{
   color:var(--accordion-header-text-color);
   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-06);
@@ -1354,16 +1354,16 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_accordion_module_accordionHeaderTrigger--05c18{
+.bp_accordion_module_accordionHeaderTrigger--2eacf{
   align-items:center;
   display:flex;
 }
 
-.bp_accordion_module_accordionStatus--05c18{
+.bp_accordion_module_accordionStatus--2eacf{
   margin-inline-start:var(--accordion-status-margin);
 }
 
-.bp_accordion_module_accordionIconWrapper--05c18{
+.bp_accordion_module_accordionIconWrapper--2eacf{
   align-items:center;
   border-radius:var(--accordion-icon-radius);
   display:flex;
@@ -1372,16 +1372,16 @@
   margin-inline-start:var(--accordion-icon-margin);
   width:var(--accordion-icon-size);
 }
-.bp_accordion_module_accordionIconWrapper--05c18.bp_accordion_module_bgOnly--05c18{
+.bp_accordion_module_accordionIconWrapper--2eacf.bp_accordion_module_bgOnly--2eacf{
   height:var(--accordion-bg-only-status-size);
   width:var(--accordion-bg-only-status-size);
 }
-.bp_accordion_module_accordionIconWrapper--05c18.bp_accordion_module_withIcon--05c18{
+.bp_accordion_module_accordionIconWrapper--2eacf.bp_accordion_module_withIcon--2eacf{
   height:var(--accordion-icon-size);
   width:var(--accordion-icon-size);
 }
 
-.bp_accordion_module_accordionTrigger--05c18{
+.bp_accordion_module_accordionTrigger--2eacf{
   align-items:center;
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
@@ -1389,25 +1389,24 @@
   display:flex;
   height:100%;
   padding:var(--accordion-trigger-padding);
-  text-transform:capitalize;
   width:100%;
 }
-.bp_accordion_module_accordionTrigger--05c18:disabled{
+.bp_accordion_module_accordionTrigger--2eacf:disabled{
   cursor:default;
   opacity:.3;
 }
-.bp_accordion_module_accordionTrigger--05c18:focus-visible{
+.bp_accordion_module_accordionTrigger--2eacf:focus-visible{
   background-color:var(--accordion-trigger-collapsed-background-focus);
   border:var(--accordion-trigger-border-hover);
   box-shadow:var(--accordion-trigger-box-shadow);
   outline:none;
 }
-.bp_accordion_module_accordionTrigger--05c18:hover:not(:disabled){
+.bp_accordion_module_accordionTrigger--2eacf:hover:not(:disabled){
   background-color:var(--accordion-trigger-collapsed-background-hover);
   border:var(--accordion-trigger-border-hover);
   cursor:pointer;
 }
-.bp_accordion_module_accordionTrigger--05c18[data-state=open]{
+.bp_accordion_module_accordionTrigger--2eacf[data-state=open]{
   background-color:var(--accordion-item-background-expanded);
   border:var(--accordion-trigger-expanded-border);
   border-bottom-left-radius:0;
@@ -1415,20 +1414,20 @@
   border-top-left-radius:var(--accordion-item-radius-expanded);
   border-top-right-radius:var(--accordion-item-radius-expanded);
 }
-.bp_accordion_module_accordionTrigger--05c18[data-state=open]:focus-visible{
+.bp_accordion_module_accordionTrigger--2eacf[data-state=open]:focus-visible{
   background-color:var(--accordion-trigger-expanded-background-focus);
   border:var(--accordion-trigger-expanded-border);
 }
-.bp_accordion_module_accordionTrigger--05c18[data-state=open]:hover:not(:disabled){
+.bp_accordion_module_accordionTrigger--2eacf[data-state=open]:hover:not(:disabled){
   background-color:var(--accordion-trigger-expanded-background-hover);
   border:var(--accordion-trigger-expanded-border);
 }
-.bp_accordion_module_accordionTrigger--05c18 .bp_accordion_module_accordionTriggerIcon--05c18{
+.bp_accordion_module_accordionTrigger--2eacf .bp_accordion_module_accordionTriggerIcon--2eacf{
   flex-shrink:0;
   margin-inline-start:var(--accordion-chevron-margin-inline-start);
   transform:var(--accordion-trigger-icon-transform-collapsed);
 }
-.bp_accordion_module_accordionTrigger--05c18[data-state=open] .bp_accordion_module_accordionTriggerIcon--05c18{
+.bp_accordion_module_accordionTrigger--2eacf[data-state=open] .bp_accordion_module_accordionTriggerIcon--2eacf{
   transform:var(--accordion-trigger-icon-transform-expanded);
 }
 .bp_avatar_module_avatar--70be4[data-modern=false]{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.109.0",
+    "version": "12.110.1",
     "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.89.4",
+        "@box/blueprint-web-assets": "^4.89.6",
         "@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.14.38",
+        "@box/storybook-utils": "^0.14.40",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
         "react": "^18.3.0",