@box/blueprint-web 17.8.2 → 17.9.0

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

@@ -69,6 +69,7 @@ const Item = props => {
     iconVariant,
     iconAriaLabel,
     title,
+    expandedLineClamp,
     startElement,
     startIcon,
     startElementBackgroundColor,
@@ -95,7 +96,14 @@ const Item = props => {
     className: clsx(accordionItemClasses, {
       [styles.highlighted]: highlighted
     }),
+    "data-expanded-line-clamp": expandedLineClamp,
     "data-modern": 'true' ,
+    // The clamp is declared on the descendant title, which cannot read this item's
+    // attribute, so the value is handed down through an inherited custom property.
+    style: expandedLineClamp === undefined ? itemRest.style : {
+      ...itemRest.style,
+      '--accordion-expanded-line-clamp': expandedLineClamp
+    },
     children: [jsx(RadixAccordion.Header, {
       asChild: true,
       children: jsxs("div", {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"accordionItem":"bp_accordion_module_accordionItem--d142c","accordionContent":"bp_accordion_module_accordionContent--d142c","accordionContentLayout":"bp_accordion_module_accordionContentLayout--d142c","accordion":"bp_accordion_module_accordion--d142c","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--d142c","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--d142c","highlighted":"bp_accordion_module_highlighted--d142c","accordionFixedContent":"bp_accordion_module_accordionFixedContent--d142c","accordionHeader":"bp_accordion_module_accordionHeader--d142c","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--d142c","accordionStartElement":"bp_accordion_module_accordionStartElement--d142c","accordionStartElementFramed":"bp_accordion_module_accordionStartElementFramed--d142c","accordionStartElementFramedDefault":"bp_accordion_module_accordionStartElementFramedDefault--d142c","accordionStartElementFramedBox":"bp_accordion_module_accordionStartElementFramedBox--d142c","accordionStartElementFramedForms":"bp_accordion_module_accordionStartElementFramedForms--d142c","accordionStartElementFramedDocgen":"bp_accordion_module_accordionStartElementFramedDocgen--d142c","accordionStartElementFramedSign":"bp_accordion_module_accordionStartElementFramedSign--d142c","accordionTitleContent":"bp_accordion_module_accordionTitleContent--d142c","accordionTitleText":"bp_accordion_module_accordionTitleText--d142c","accordionSubtitle":"bp_accordion_module_accordionSubtitle--d142c","accordionSubtitleIcon":"bp_accordion_module_accordionSubtitleIcon--d142c","accordionSubtitleText":"bp_accordion_module_accordionSubtitleText--d142c","accordionEndText":"bp_accordion_module_accordionEndText--d142c","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--d142c","accordionSlot":"bp_accordion_module_accordionSlot--d142c","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--d142c","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--d142c","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--d142c","bgOnly":"bp_accordion_module_bgOnly--d142c","withIcon":"bp_accordion_module_withIcon--d142c","accordionTrigger":"bp_accordion_module_accordionTrigger--d142c","disabled":"bp_accordion_module_disabled--d142c","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--d142c"};
+var styles = {"accordionItem":"bp_accordion_module_accordionItem--a56e0","accordionContent":"bp_accordion_module_accordionContent--a56e0","accordionContentLayout":"bp_accordion_module_accordionContentLayout--a56e0","accordion":"bp_accordion_module_accordion--a56e0","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--a56e0","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--a56e0","highlighted":"bp_accordion_module_highlighted--a56e0","accordionFixedContent":"bp_accordion_module_accordionFixedContent--a56e0","accordionHeader":"bp_accordion_module_accordionHeader--a56e0","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--a56e0","accordionStartElement":"bp_accordion_module_accordionStartElement--a56e0","accordionStartElementFramed":"bp_accordion_module_accordionStartElementFramed--a56e0","accordionStartElementFramedDefault":"bp_accordion_module_accordionStartElementFramedDefault--a56e0","accordionStartElementFramedBox":"bp_accordion_module_accordionStartElementFramedBox--a56e0","accordionStartElementFramedForms":"bp_accordion_module_accordionStartElementFramedForms--a56e0","accordionStartElementFramedDocgen":"bp_accordion_module_accordionStartElementFramedDocgen--a56e0","accordionStartElementFramedSign":"bp_accordion_module_accordionStartElementFramedSign--a56e0","accordionTitleContent":"bp_accordion_module_accordionTitleContent--a56e0","accordionTitleText":"bp_accordion_module_accordionTitleText--a56e0","accordionSubtitle":"bp_accordion_module_accordionSubtitle--a56e0","accordionSubtitleIcon":"bp_accordion_module_accordionSubtitleIcon--a56e0","accordionSubtitleText":"bp_accordion_module_accordionSubtitleText--a56e0","accordionEndText":"bp_accordion_module_accordionEndText--a56e0","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--a56e0","accordionSlot":"bp_accordion_module_accordionSlot--a56e0","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--a56e0","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--a56e0","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--a56e0","bgOnly":"bp_accordion_module_bgOnly--a56e0","withIcon":"bp_accordion_module_withIcon--a56e0","accordionTrigger":"bp_accordion_module_accordionTrigger--a56e0","disabled":"bp_accordion_module_disabled--a56e0","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--a56e0"};
 
 export { styles as default };

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

@@ -101,6 +101,11 @@ export type AccordionSectionItem = AccordionBaseItem & Omit<RadixAccordionItemPr
      * Header text displayed
      */
     title: string;
+    /**
+     * Maximum number of title lines shown while the item is expanded.
+     * When omitted, the expanded title wraps without a line limit.
+     */
+    expandedLineClamp?: number;
     /**
      * Disabled state of the section.
      */

package/dist/lib-esm/components.css

@@ -2000,7 +2000,7 @@
   }
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=false]{
+.bp_accordion_module_accordionItem--a56e0[data-modern=false]{
   --accordion-min-width:320px;
   --accordion-item-radius:none;
   --accordion-item-radius-expanded:none;
@@ -2040,7 +2040,7 @@
   --accordion-item-header-min-height:unset;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true]{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true]{
   --accordion-min-width:320px;
   --accordion-item-radius:var(--bp-radius-08);
   --accordion-item-radius-expanded:var(--bp-radius-10);
@@ -2084,15 +2084,15 @@
   --accordion-item-highlight-border-color-expanded:var(--bp-box-blue-100);
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=open]{
-  animation:bp_accordion_module_slideDown--d142c .15s ease-out;
+.bp_accordion_module_accordionContent--a56e0[data-state=open]{
+  animation:bp_accordion_module_slideDown--a56e0 .15s ease-out;
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=closed]{
-  animation:bp_accordion_module_slideUp--d142c .15s ease-out;
+.bp_accordion_module_accordionContent--a56e0[data-state=closed]{
+  animation:bp_accordion_module_slideUp--a56e0 .15s ease-out;
 }
 
-.bp_accordion_module_accordionContentLayout--d142c{
+.bp_accordion_module_accordionContentLayout--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
@@ -2103,26 +2103,26 @@
   padding-inline:var(--accordion-content-padding-inline);
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=closed] .bp_accordion_module_accordionContentLayout--d142c{
+.bp_accordion_module_accordionContent--a56e0[data-state=closed] .bp_accordion_module_accordionContentLayout--a56e0{
   overflow:hidden;
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=open] .bp_accordion_module_accordionContentLayout--d142c{
-  animation:bp_accordion_module_enableAccordionScroll--d142c .15s step-end forwards;
+.bp_accordion_module_accordionContent--a56e0[data-state=open] .bp_accordion_module_accordionContentLayout--a56e0{
+  animation:bp_accordion_module_enableAccordionScroll--a56e0 .15s step-end forwards;
 }
 
-.bp_accordion_module_accordionContent--d142c{
+.bp_accordion_module_accordionContent--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
   min-height:0;
   overflow:hidden;
 }
-.bp_accordion_module_accordionContent--d142c[hidden]{
+.bp_accordion_module_accordionContent--a56e0[hidden]{
   display:none;
 }
 
-@keyframes bp_accordion_module_slideDown--d142c{
+@keyframes bp_accordion_module_slideDown--a56e0{
   from{
     height:0;
   }
@@ -2130,7 +2130,7 @@
     height:var(--radix-accordion-content-height);
   }
 }
-@keyframes bp_accordion_module_slideUp--d142c{
+@keyframes bp_accordion_module_slideUp--a56e0{
   from{
     height:var(--radix-accordion-content-height);
   }
@@ -2138,7 +2138,7 @@
     height:0;
   }
 }
-@keyframes bp_accordion_module_enableAccordionScroll--d142c{
+@keyframes bp_accordion_module_enableAccordionScroll--a56e0{
   0%{
     overflow:hidden;
   }
@@ -2146,26 +2146,26 @@
     overflow:auto;
   }
 }
-.bp_accordion_module_accordion--d142c{
+.bp_accordion_module_accordion--a56e0{
   display:flex;
   flex-direction:column;
   gap:var(--bp-space-030);
   padding:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionContentWrapper--d142c{
+.bp_accordion_module_accordionContentWrapper--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
   min-height:0;
 }
 
-.bp_accordion_module_accordionInlineErrorWrapper--d142c{
+.bp_accordion_module_accordionInlineErrorWrapper--a56e0{
   padding-block-start:var(--accordion-error-padding-block-start);
   padding-inline:var(--accordion-error-padding-inline);
 }
 
-.bp_accordion_module_accordionItem--d142c{
+.bp_accordion_module_accordionItem--a56e0{
   -webkit-tap-highlight-color:transparent;
   background:none;
   border-bottom:var(--accordion-item-border);
@@ -2175,23 +2175,23 @@
   min-width:var(--accordion-min-width);
   overflow:hidden;
 }
-.bp_accordion_module_accordionItem--d142c[data-state=open]{
+.bp_accordion_module_accordionItem--a56e0[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_accordionItem--d142c[data-modern=true].bp_accordion_module_highlighted--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0{
   border:var(--accordion-item-highlight-border-width) solid var(--accordion-item-highlight-border-color);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true].bp_accordion_module_highlighted--d142c[data-state=open]{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0[data-state=open]{
   background-color:var(--accordion-item-highlight-background-expanded);
   border-color:var(--accordion-item-highlight-border-color-expanded);
 }
 
-.bp_accordion_module_accordionFixedContent--d142c{
+.bp_accordion_module_accordionFixedContent--a56e0{
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
   border-radius:var(--accordion-item-radius);
@@ -2202,7 +2202,7 @@
   padding-inline:var(--accordion-fixed-content-padding-inline);
 }
 
-.bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionHeader--a56e0{
   align-items:center;
   display:flex;
   justify-content:space-between;
@@ -2212,24 +2212,24 @@
   width:100%;
 }
 
-.bp_accordion_module_accordionTitleGroup--d142c{
+.bp_accordion_module_accordionTitleGroup--a56e0{
   align-items:center;
   display:flex;
   gap:var(--bp-space-020, .5rem);
   min-width:0;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionTitleGroup--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleGroup--a56e0{
   gap:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionStartElement--d142c{
+.bp_accordion_module_accordionStartElement--a56e0{
   align-items:center;
   display:flex;
   flex-shrink:0;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramed--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a56e0{
   align-items:center;
   border-radius:var(--bp-radius-10, 1.25rem);
   display:inline-flex;
@@ -2238,32 +2238,32 @@
   width:var(--bp-size-080, 2rem);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramed--d142c svg :is(path, rect, circle, polygon, polyline, ellipse){
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a56e0 svg :is(path, rect, circle, polygon, polyline, ellipse){
   fill:currentcolor;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedDefault--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedDefault--a56e0{
   background-color:var(--bp-surface-surface-tertiary);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedBox--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedBox--a56e0{
   background-color:var(--bp-box-blue-10);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedForms--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedForms--a56e0{
   background-color:var(--bp-green-light-10);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedDocgen--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedDocgen--a56e0{
   background-color:var(--bp-grimace-10);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedSign--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedSign--a56e0{
   background-color:var(--bp-dark-blue-10);
   color:var(--bp-dark-blue-100);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionTitleContent--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleContent--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
@@ -2272,26 +2272,34 @@
   min-width:0;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionTitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleText--a56e0{
   display:block;
   min-width:0;
   overflow-wrap:break-word;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true]:not([data-state=open]) .bp_accordion_module_accordionTitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true]:not([data-state=open]) .bp_accordion_module_accordionTitleText--a56e0{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_accordion_module_accordionSubtitle--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true][data-state=open][data-expanded-line-clamp] .bp_accordion_module_accordionTitleText--a56e0{
+  -webkit-box-orient:vertical;
+  -webkit-line-clamp:var(--accordion-expanded-line-clamp);
+  line-clamp:var(--accordion-expanded-line-clamp);
+  display:-webkit-box;
+  overflow:hidden;
+}
+
+.bp_accordion_module_accordionSubtitle--a56e0{
   align-items:center;
   display:flex;
   gap:var(--bp-space-010, .25rem);
   min-width:0;
 }
 
-.bp_accordion_module_accordionSubtitleIcon--d142c{
+.bp_accordion_module_accordionSubtitleIcon--a56e0{
   align-items:center;
   display:inline-flex;
   flex-shrink:0;
@@ -2300,7 +2308,7 @@
   width:var(--bp-size-030, .75rem);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionSubtitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
   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-03);
   font-style:normal;
@@ -2308,7 +2316,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-02);
 }
-:where(body.is-inter-font) .bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionSubtitleText--d142c{
+:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.75rem;
   font-style:normal;
@@ -2319,7 +2327,7 @@
   text-transform:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionSubtitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
   color:var(--bp-text-text-on-light-secondary);
   display:block;
   min-width:0;
@@ -2328,7 +2336,7 @@
   white-space:nowrap;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionEndText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
   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-04);
   font-style:normal;
@@ -2336,7 +2344,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionEndText--d142c{
+:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.8125rem;
   font-style:normal;
@@ -2347,7 +2355,7 @@
   text-transform:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionEndText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
   color:var(--bp-text-text-on-light-secondary);
   display:inline-block;
   max-width:var(--bp-size-300, 7.5rem);
@@ -2357,17 +2365,17 @@
   white-space:nowrap;
 }
 
-.bp_accordion_module_accordionHeaderInfoSlot--d142c{
+.bp_accordion_module_accordionHeaderInfoSlot--a56e0{
   align-items:center;
   display:flex;
   margin-inline-start:var(--accordion-chevron-margin-inline-start);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeaderInfoSlot--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeaderInfoSlot--a56e0{
   margin-inline-start:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=false] .bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=false] .bp_accordion_module_accordionHeader--a56e0{
   color:var(--accordion-header-text-color);
   font-family:var(--title-small-font-family);
   font-size:var(--title-small-font-size);
@@ -2378,7 +2386,7 @@
   text-transform:var(--title-small-text-case);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
   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);
   font-style:normal;
@@ -2386,7 +2394,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeader--d142c{
+:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:1rem;
   font-style:normal;
@@ -2397,35 +2405,35 @@
   text-transform:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
   color:var(--accordion-header-text-color);
 }
 
-.bp_accordion_module_accordionSlot--d142c{
+.bp_accordion_module_accordionSlot--a56e0{
   align-items:center;
   display:flex;
 }
 
-.bp_accordion_module_accordionChevronWrapper--d142c{
+.bp_accordion_module_accordionChevronWrapper--a56e0{
   align-items:center;
   cursor:pointer;
   display:flex;
   padding-inline-end:var(--space-6);
 }
-.bp_accordion_module_accordionChevronWrapper--d142c .bp_accordion_module_accordionTriggerIcon--d142c{
+.bp_accordion_module_accordionChevronWrapper--a56e0 .bp_accordion_module_accordionTriggerIcon--a56e0{
   flex-shrink:0;
   transform:var(--accordion-trigger-icon-transform-collapsed);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionChevronWrapper--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionChevronWrapper--a56e0{
   padding-inline-end:var(--bp-space-040);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-state=open] .bp_accordion_module_accordionChevronWrapper--d142c .bp_accordion_module_accordionTriggerIcon--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-state=open] .bp_accordion_module_accordionChevronWrapper--a56e0 .bp_accordion_module_accordionTriggerIcon--a56e0{
   transform:var(--accordion-trigger-icon-transform-expanded);
 }
 
-.bp_accordion_module_accordionIconWrapper--d142c{
+.bp_accordion_module_accordionIconWrapper--a56e0{
   align-items:center;
   border-radius:var(--accordion-icon-radius);
   display:flex;
@@ -2433,16 +2441,16 @@
   justify-content:center;
   width:var(--accordion-icon-size);
 }
-.bp_accordion_module_accordionIconWrapper--d142c.bp_accordion_module_bgOnly--d142c{
+.bp_accordion_module_accordionIconWrapper--a56e0.bp_accordion_module_bgOnly--a56e0{
   height:var(--accordion-bg-only-status-size);
   width:var(--accordion-bg-only-status-size);
 }
-.bp_accordion_module_accordionIconWrapper--d142c.bp_accordion_module_withIcon--d142c{
+.bp_accordion_module_accordionIconWrapper--a56e0.bp_accordion_module_withIcon--a56e0{
   height:var(--accordion-icon-size);
   width:var(--accordion-icon-size);
 }
 
-.bp_accordion_module_accordionTrigger--d142c{
+.bp_accordion_module_accordionTrigger--a56e0{
   align-items:center;
   background:#0000;
   border:none;
@@ -2454,19 +2462,19 @@
   padding:var(--accordion-trigger-padding);
   width:100%;
 }
-.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c,.bp_accordion_module_accordionTrigger--d142c:disabled{
+.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0,.bp_accordion_module_accordionTrigger--a56e0:disabled{
   cursor:default;
   opacity:.3;
   pointer-events:none;
 }
-.bp_accordion_module_accordionTrigger--d142c:focus-visible{
+.bp_accordion_module_accordionTrigger--a56e0:focus-visible{
   outline:none;
 }
-.bp_accordion_module_accordionTrigger--d142c:hover:not(:disabled, .bp_accordion_module_disabled--d142c){
+.bp_accordion_module_accordionTrigger--a56e0:hover:not(:disabled, .bp_accordion_module_disabled--a56e0){
   cursor:pointer;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c{
+.bp_accordion_module_accordionHeaderContainer--a56e0{
   align-items:stretch;
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
@@ -2475,21 +2483,21 @@
   gap:var(--accordion-chevron-margin-inline-start);
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c),.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:disabled){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0),.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:disabled){
   cursor:default;
 }
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c) > .bp_accordion_module_accordionChevronWrapper--d142c,.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:disabled) > .bp_accordion_module_accordionChevronWrapper--d142c{
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0) > .bp_accordion_module_accordionChevronWrapper--a56e0,.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:disabled) > .bp_accordion_module_accordionChevronWrapper--a56e0{
   opacity:.3;
   pointer-events:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]){
   background-color:initial;
   border:none;
   border-radius:var(--accordion-item-radius-expanded) var(--accordion-item-radius-expanded) 0 0;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:focus-visible){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:focus-visible){
   background-color:var(--accordion-trigger-collapsed-background-focus);
   border:var(--accordion-trigger-border-hover);
   border-color:#0000;
@@ -2497,30 +2505,30 @@
   outline:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:hover:not(:has(.bp_accordion_module_accordionTrigger--d142c:disabled), :has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c)){
+.bp_accordion_module_accordionHeaderContainer--a56e0:hover:not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled), :has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0)){
   background-color:var(--accordion-trigger-collapsed-background-hover);
   border:var(--accordion-trigger-border-hover);
   cursor:pointer;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:active, .bp_accordion_module_accordionChevronWrapper--d142c:active):not(:has(.bp_accordion_module_accordionTrigger--d142c:disabled),
-:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c),
-:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open])){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:active, .bp_accordion_module_accordionChevronWrapper--a56e0:active):not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled),
+:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0),
+:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open])){
   border:var(--accordion-trigger-border-pressed);
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]):has(.bp_accordion_module_accordionTrigger--d142c:focus-visible){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]):has(.bp_accordion_module_accordionTrigger--a56e0:focus-visible){
   background-color:var(--accordion-trigger-expanded-background-focus);
   border:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--d142c:disabled),
-:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c)){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled),
+:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0)){
   background-color:initial;
   border:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true].bp_accordion_module_highlighted--d142c[data-state=open] .bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]){
+.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0[data-state=open] .bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]){
   border-radius:calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) 0 0;
 }
 .bp_avatar_module_avatar--4ce4f[data-modern=false]{

package/dist/lib-esm/index.css

@@ -2000,7 +2000,7 @@
   }
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=false]{
+.bp_accordion_module_accordionItem--a56e0[data-modern=false]{
   --accordion-min-width:320px;
   --accordion-item-radius:none;
   --accordion-item-radius-expanded:none;
@@ -2040,7 +2040,7 @@
   --accordion-item-header-min-height:unset;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true]{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true]{
   --accordion-min-width:320px;
   --accordion-item-radius:var(--bp-radius-08);
   --accordion-item-radius-expanded:var(--bp-radius-10);
@@ -2084,15 +2084,15 @@
   --accordion-item-highlight-border-color-expanded:var(--bp-box-blue-100);
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=open]{
-  animation:bp_accordion_module_slideDown--d142c .15s ease-out;
+.bp_accordion_module_accordionContent--a56e0[data-state=open]{
+  animation:bp_accordion_module_slideDown--a56e0 .15s ease-out;
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=closed]{
-  animation:bp_accordion_module_slideUp--d142c .15s ease-out;
+.bp_accordion_module_accordionContent--a56e0[data-state=closed]{
+  animation:bp_accordion_module_slideUp--a56e0 .15s ease-out;
 }
 
-.bp_accordion_module_accordionContentLayout--d142c{
+.bp_accordion_module_accordionContentLayout--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
@@ -2103,26 +2103,26 @@
   padding-inline:var(--accordion-content-padding-inline);
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=closed] .bp_accordion_module_accordionContentLayout--d142c{
+.bp_accordion_module_accordionContent--a56e0[data-state=closed] .bp_accordion_module_accordionContentLayout--a56e0{
   overflow:hidden;
 }
 
-.bp_accordion_module_accordionContent--d142c[data-state=open] .bp_accordion_module_accordionContentLayout--d142c{
-  animation:bp_accordion_module_enableAccordionScroll--d142c .15s step-end forwards;
+.bp_accordion_module_accordionContent--a56e0[data-state=open] .bp_accordion_module_accordionContentLayout--a56e0{
+  animation:bp_accordion_module_enableAccordionScroll--a56e0 .15s step-end forwards;
 }
 
-.bp_accordion_module_accordionContent--d142c{
+.bp_accordion_module_accordionContent--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
   min-height:0;
   overflow:hidden;
 }
-.bp_accordion_module_accordionContent--d142c[hidden]{
+.bp_accordion_module_accordionContent--a56e0[hidden]{
   display:none;
 }
 
-@keyframes bp_accordion_module_slideDown--d142c{
+@keyframes bp_accordion_module_slideDown--a56e0{
   from{
     height:0;
   }
@@ -2130,7 +2130,7 @@
     height:var(--radix-accordion-content-height);
   }
 }
-@keyframes bp_accordion_module_slideUp--d142c{
+@keyframes bp_accordion_module_slideUp--a56e0{
   from{
     height:var(--radix-accordion-content-height);
   }
@@ -2138,7 +2138,7 @@
     height:0;
   }
 }
-@keyframes bp_accordion_module_enableAccordionScroll--d142c{
+@keyframes bp_accordion_module_enableAccordionScroll--a56e0{
   0%{
     overflow:hidden;
   }
@@ -2146,26 +2146,26 @@
     overflow:auto;
   }
 }
-.bp_accordion_module_accordion--d142c{
+.bp_accordion_module_accordion--a56e0{
   display:flex;
   flex-direction:column;
   gap:var(--bp-space-030);
   padding:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionContentWrapper--d142c{
+.bp_accordion_module_accordionContentWrapper--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
   min-height:0;
 }
 
-.bp_accordion_module_accordionInlineErrorWrapper--d142c{
+.bp_accordion_module_accordionInlineErrorWrapper--a56e0{
   padding-block-start:var(--accordion-error-padding-block-start);
   padding-inline:var(--accordion-error-padding-inline);
 }
 
-.bp_accordion_module_accordionItem--d142c{
+.bp_accordion_module_accordionItem--a56e0{
   -webkit-tap-highlight-color:transparent;
   background:none;
   border-bottom:var(--accordion-item-border);
@@ -2175,23 +2175,23 @@
   min-width:var(--accordion-min-width);
   overflow:hidden;
 }
-.bp_accordion_module_accordionItem--d142c[data-state=open]{
+.bp_accordion_module_accordionItem--a56e0[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_accordionItem--d142c[data-modern=true].bp_accordion_module_highlighted--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0{
   border:var(--accordion-item-highlight-border-width) solid var(--accordion-item-highlight-border-color);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true].bp_accordion_module_highlighted--d142c[data-state=open]{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0[data-state=open]{
   background-color:var(--accordion-item-highlight-background-expanded);
   border-color:var(--accordion-item-highlight-border-color-expanded);
 }
 
-.bp_accordion_module_accordionFixedContent--d142c{
+.bp_accordion_module_accordionFixedContent--a56e0{
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
   border-radius:var(--accordion-item-radius);
@@ -2202,7 +2202,7 @@
   padding-inline:var(--accordion-fixed-content-padding-inline);
 }
 
-.bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionHeader--a56e0{
   align-items:center;
   display:flex;
   justify-content:space-between;
@@ -2212,24 +2212,24 @@
   width:100%;
 }
 
-.bp_accordion_module_accordionTitleGroup--d142c{
+.bp_accordion_module_accordionTitleGroup--a56e0{
   align-items:center;
   display:flex;
   gap:var(--bp-space-020, .5rem);
   min-width:0;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionTitleGroup--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleGroup--a56e0{
   gap:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionStartElement--d142c{
+.bp_accordion_module_accordionStartElement--a56e0{
   align-items:center;
   display:flex;
   flex-shrink:0;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramed--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a56e0{
   align-items:center;
   border-radius:var(--bp-radius-10, 1.25rem);
   display:inline-flex;
@@ -2238,32 +2238,32 @@
   width:var(--bp-size-080, 2rem);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramed--d142c svg :is(path, rect, circle, polygon, polyline, ellipse){
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a56e0 svg :is(path, rect, circle, polygon, polyline, ellipse){
   fill:currentcolor;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedDefault--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedDefault--a56e0{
   background-color:var(--bp-surface-surface-tertiary);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedBox--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedBox--a56e0{
   background-color:var(--bp-box-blue-10);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedForms--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedForms--a56e0{
   background-color:var(--bp-green-light-10);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedDocgen--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedDocgen--a56e0{
   background-color:var(--bp-grimace-10);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionStartElementFramedSign--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedSign--a56e0{
   background-color:var(--bp-dark-blue-10);
   color:var(--bp-dark-blue-100);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionTitleContent--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleContent--a56e0{
   display:flex;
   flex:1 1 auto;
   flex-direction:column;
@@ -2272,26 +2272,34 @@
   min-width:0;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionTitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleText--a56e0{
   display:block;
   min-width:0;
   overflow-wrap:break-word;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true]:not([data-state=open]) .bp_accordion_module_accordionTitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true]:not([data-state=open]) .bp_accordion_module_accordionTitleText--a56e0{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
 
-.bp_accordion_module_accordionSubtitle--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true][data-state=open][data-expanded-line-clamp] .bp_accordion_module_accordionTitleText--a56e0{
+  -webkit-box-orient:vertical;
+  -webkit-line-clamp:var(--accordion-expanded-line-clamp);
+  line-clamp:var(--accordion-expanded-line-clamp);
+  display:-webkit-box;
+  overflow:hidden;
+}
+
+.bp_accordion_module_accordionSubtitle--a56e0{
   align-items:center;
   display:flex;
   gap:var(--bp-space-010, .25rem);
   min-width:0;
 }
 
-.bp_accordion_module_accordionSubtitleIcon--d142c{
+.bp_accordion_module_accordionSubtitleIcon--a56e0{
   align-items:center;
   display:inline-flex;
   flex-shrink:0;
@@ -2300,7 +2308,7 @@
   width:var(--bp-size-030, .75rem);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionSubtitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
   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-03);
   font-style:normal;
@@ -2308,7 +2316,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-02);
 }
-:where(body.is-inter-font) .bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionSubtitleText--d142c{
+:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.75rem;
   font-style:normal;
@@ -2319,7 +2327,7 @@
   text-transform:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionSubtitleText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
   color:var(--bp-text-text-on-light-secondary);
   display:block;
   min-width:0;
@@ -2328,7 +2336,7 @@
   white-space:nowrap;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionEndText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
   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-04);
   font-style:normal;
@@ -2336,7 +2344,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionEndText--d142c{
+:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:.8125rem;
   font-style:normal;
@@ -2347,7 +2355,7 @@
   text-transform:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionEndText--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
   color:var(--bp-text-text-on-light-secondary);
   display:inline-block;
   max-width:var(--bp-size-300, 7.5rem);
@@ -2357,17 +2365,17 @@
   white-space:nowrap;
 }
 
-.bp_accordion_module_accordionHeaderInfoSlot--d142c{
+.bp_accordion_module_accordionHeaderInfoSlot--a56e0{
   align-items:center;
   display:flex;
   margin-inline-start:var(--accordion-chevron-margin-inline-start);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeaderInfoSlot--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeaderInfoSlot--a56e0{
   margin-inline-start:var(--bp-space-030);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=false] .bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=false] .bp_accordion_module_accordionHeader--a56e0{
   color:var(--accordion-header-text-color);
   font-family:var(--title-small-font-family);
   font-size:var(--title-small-font-size);
@@ -2378,7 +2386,7 @@
   text-transform:var(--title-small-text-case);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
   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);
   font-style:normal;
@@ -2386,7 +2394,7 @@
   letter-spacing:var(--bp-font-letter-spacing-01);
   line-height:var(--bp-font-line-height-04);
 }
-:where(body.is-inter-font) .bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeader--d142c{
+:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
   font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
   font-size:1rem;
   font-style:normal;
@@ -2397,35 +2405,35 @@
   text-transform:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionHeader--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
   color:var(--accordion-header-text-color);
 }
 
-.bp_accordion_module_accordionSlot--d142c{
+.bp_accordion_module_accordionSlot--a56e0{
   align-items:center;
   display:flex;
 }
 
-.bp_accordion_module_accordionChevronWrapper--d142c{
+.bp_accordion_module_accordionChevronWrapper--a56e0{
   align-items:center;
   cursor:pointer;
   display:flex;
   padding-inline-end:var(--space-6);
 }
-.bp_accordion_module_accordionChevronWrapper--d142c .bp_accordion_module_accordionTriggerIcon--d142c{
+.bp_accordion_module_accordionChevronWrapper--a56e0 .bp_accordion_module_accordionTriggerIcon--a56e0{
   flex-shrink:0;
   transform:var(--accordion-trigger-icon-transform-collapsed);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true] .bp_accordion_module_accordionChevronWrapper--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionChevronWrapper--a56e0{
   padding-inline-end:var(--bp-space-040);
 }
 
-.bp_accordion_module_accordionItem--d142c[data-state=open] .bp_accordion_module_accordionChevronWrapper--d142c .bp_accordion_module_accordionTriggerIcon--d142c{
+.bp_accordion_module_accordionItem--a56e0[data-state=open] .bp_accordion_module_accordionChevronWrapper--a56e0 .bp_accordion_module_accordionTriggerIcon--a56e0{
   transform:var(--accordion-trigger-icon-transform-expanded);
 }
 
-.bp_accordion_module_accordionIconWrapper--d142c{
+.bp_accordion_module_accordionIconWrapper--a56e0{
   align-items:center;
   border-radius:var(--accordion-icon-radius);
   display:flex;
@@ -2433,16 +2441,16 @@
   justify-content:center;
   width:var(--accordion-icon-size);
 }
-.bp_accordion_module_accordionIconWrapper--d142c.bp_accordion_module_bgOnly--d142c{
+.bp_accordion_module_accordionIconWrapper--a56e0.bp_accordion_module_bgOnly--a56e0{
   height:var(--accordion-bg-only-status-size);
   width:var(--accordion-bg-only-status-size);
 }
-.bp_accordion_module_accordionIconWrapper--d142c.bp_accordion_module_withIcon--d142c{
+.bp_accordion_module_accordionIconWrapper--a56e0.bp_accordion_module_withIcon--a56e0{
   height:var(--accordion-icon-size);
   width:var(--accordion-icon-size);
 }
 
-.bp_accordion_module_accordionTrigger--d142c{
+.bp_accordion_module_accordionTrigger--a56e0{
   align-items:center;
   background:#0000;
   border:none;
@@ -2454,19 +2462,19 @@
   padding:var(--accordion-trigger-padding);
   width:100%;
 }
-.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c,.bp_accordion_module_accordionTrigger--d142c:disabled{
+.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0,.bp_accordion_module_accordionTrigger--a56e0:disabled{
   cursor:default;
   opacity:.3;
   pointer-events:none;
 }
-.bp_accordion_module_accordionTrigger--d142c:focus-visible{
+.bp_accordion_module_accordionTrigger--a56e0:focus-visible{
   outline:none;
 }
-.bp_accordion_module_accordionTrigger--d142c:hover:not(:disabled, .bp_accordion_module_disabled--d142c){
+.bp_accordion_module_accordionTrigger--a56e0:hover:not(:disabled, .bp_accordion_module_disabled--a56e0){
   cursor:pointer;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c{
+.bp_accordion_module_accordionHeaderContainer--a56e0{
   align-items:stretch;
   background-color:var(--accordion-item-background-collapsed);
   border:var(--accordion-trigger-border);
@@ -2475,21 +2483,21 @@
   gap:var(--accordion-chevron-margin-inline-start);
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c),.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:disabled){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0),.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:disabled){
   cursor:default;
 }
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c) > .bp_accordion_module_accordionChevronWrapper--d142c,.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:disabled) > .bp_accordion_module_accordionChevronWrapper--d142c{
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0) > .bp_accordion_module_accordionChevronWrapper--a56e0,.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:disabled) > .bp_accordion_module_accordionChevronWrapper--a56e0{
   opacity:.3;
   pointer-events:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]){
   background-color:initial;
   border:none;
   border-radius:var(--accordion-item-radius-expanded) var(--accordion-item-radius-expanded) 0 0;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:focus-visible){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:focus-visible){
   background-color:var(--accordion-trigger-collapsed-background-focus);
   border:var(--accordion-trigger-border-hover);
   border-color:#0000;
@@ -2497,30 +2505,30 @@
   outline:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:hover:not(:has(.bp_accordion_module_accordionTrigger--d142c:disabled), :has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c)){
+.bp_accordion_module_accordionHeaderContainer--a56e0:hover:not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled), :has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0)){
   background-color:var(--accordion-trigger-collapsed-background-hover);
   border:var(--accordion-trigger-border-hover);
   cursor:pointer;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c:active, .bp_accordion_module_accordionChevronWrapper--d142c:active):not(:has(.bp_accordion_module_accordionTrigger--d142c:disabled),
-:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c),
-:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open])){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:active, .bp_accordion_module_accordionChevronWrapper--a56e0:active):not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled),
+:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0),
+:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open])){
   border:var(--accordion-trigger-border-pressed);
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]):has(.bp_accordion_module_accordionTrigger--d142c:focus-visible){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]):has(.bp_accordion_module_accordionTrigger--a56e0:focus-visible){
   background-color:var(--accordion-trigger-expanded-background-focus);
   border:none;
 }
 
-.bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--d142c:disabled),
-:has(.bp_accordion_module_accordionTrigger--d142c.bp_accordion_module_disabled--d142c)){
+.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled),
+:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0)){
   background-color:initial;
   border:none;
 }
 
-.bp_accordion_module_accordionItem--d142c[data-modern=true].bp_accordion_module_highlighted--d142c[data-state=open] .bp_accordion_module_accordionHeaderContainer--d142c:has(.bp_accordion_module_accordionTrigger--d142c[data-state=open]){
+.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0[data-state=open] .bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]){
   border-radius:calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) 0 0;
 }
 .bp_avatar_module_avatar--4ce4f[data-modern=false]{

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "17.8.2",
+    "version": "17.9.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -55,7 +55,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^5.10.3",
+        "@box/blueprint-web-assets": "^5.10.4",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
     "devDependencies": {
         "@box/box-test-client": "^3.2.7",
         "@box/playwright-utils": "^2.8.5",
-        "@box/storybook-utils": "^1.2.47",
+        "@box/storybook-utils": "^1.2.48",
         "@figma/code-connect": "1.4.4",
         "@playwright/test": "1.46.1",
         "@types/js-yaml": "^4.0.9",