@box/blueprint-web 13.10.1 → 13.11.1

package/dist/lib-esm/index.css

@@ -4491,7 +4491,7 @@
 .bp_combobox_group_module_comboboxHasFocus--bb178.bp_combobox_group_module_errorSelect--bb178.bp_combobox_group_module_trailing--bb178{
   --blueprint-select-border-error-left-width:none;
 }
-.bp_select_module_container--7b72d[data-modern=false]{
+.bp_select_module_container--1b637[data-modern=false]{
   --select-gap:var(--space-2);
   --select-label-color:var(--text-text-on-light);
   --select-trigger-btn-gap:var(--space-2);
@@ -4528,7 +4528,7 @@
   text-decoration:var(--body-default-text-decoration);
   text-transform:var(--body-default-text-case);
 }
-.bp_select_module_container--7b72d[data-modern=false] .bp_select_module_label--7b72d{
+.bp_select_module_container--1b637[data-modern=false] .bp_select_module_label--1b637{
   font-family:var(--body-default-bold-font-family);
   font-size:var(--body-default-bold-font-size);
   font-weight:var(--body-default-bold-font-weight);
@@ -4537,7 +4537,7 @@
   text-decoration:var(--body-default-bold-text-decoration);
   text-transform:var(--body-default-bold-text-case);
 }
-.bp_select_module_container--7b72d[data-modern=false] .bp_select_module_triggerBtn--7b72d{
+.bp_select_module_container--1b637[data-modern=false] .bp_select_module_triggerBtn--1b637{
   font-family:var(--body-default-font-family);
   font-size:var(--body-default-font-size);
   font-weight:var(--body-default-font-weight);
@@ -4547,7 +4547,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_select_module_container--7b72d[data-modern=true]{
+.bp_select_module_container--1b637[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);
@@ -4578,17 +4578,17 @@
   --select-trigger-left-element-size:var(--bp-size-060);
   font-weight:var(--bp-font-weight-regular);
 }
-.bp_select_module_container--7b72d[data-modern=true],.bp_select_module_container--7b72d[data-modern=true] .bp_select_module_label--7b72d{
+.bp_select_module_container--1b637[data-modern=true],.bp_select_module_container--1b637[data-modern=true] .bp_select_module_label--1b637{
   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--7b72d[data-modern=true] .bp_select_module_label--7b72d{
+.bp_select_module_container--1b637[data-modern=true] .bp_select_module_label--1b637{
   font-weight:var(--bp-font-weight-bold);
 }
-.bp_select_module_container--7b72d[data-modern=true] .bp_select_module_triggerBtn--7b72d{
+.bp_select_module_container--1b637[data-modern=true] .bp_select_module_triggerBtn--1b637{
   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;
@@ -4597,20 +4597,26 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_select_module_container--7b72d{
+.bp_select_module_ellipsis--1b637{
+  overflow:hidden;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
+
+.bp_select_module_container--1b637{
   display:flex;
   flex-direction:column;
   gap:var(--select-gap);
 }
-.bp_select_module_container--7b72d.bp_select_module_disabled--7b72d{
+.bp_select_module_container--1b637.bp_select_module_disabled--1b637{
   opacity:60%;
 }
-.bp_select_module_container--7b72d .bp_select_module_label--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_label--1b637{
   color:var(--select-label-color);
   flex:0 0 fit-content;
   overflow-wrap:break-word;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637{
   align-items:center;
   background-color:var(--select-trigger-btn-bg-color);
   border-bottom:var(--select-trigger-btn-border-bottom);
@@ -4631,7 +4637,7 @@
   text-align:start;
   width:100%;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d .bp_select_module_triggerValue--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_triggerValue--1b637{
   align-items:center;
   display:flex;
   gap:var(--select-trigger-btn-gap);
@@ -4640,7 +4646,7 @@
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d .bp_select_module_triggerLeftElement--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_triggerLeftElement--1b637{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -4648,58 +4654,58 @@
   justify-content:center;
   width:var(--select-trigger-left-element-size);
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d span:first-child{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 span{
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d:disabled{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:disabled{
   cursor:default;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d.bp_select_module_readonly--7b72d:not(:disabled){
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637.bp_select_module_readonly--1b637:not(:disabled){
   background-color:var(--gray-02);
   box-shadow:none;
   color:var(--text-text-on-light-secondary);
   cursor:default;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d:not(.bp_select_module_readonly--7b72d, :disabled).bp_select_module_error--7b72d, .bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d:not(.bp_select_module_readonly--7b72d, :disabled)[aria-invalid=true]{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled).bp_select_module_error--1b637, .bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :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--7b72d .bp_select_module_triggerBtn--7b72d:not(.bp_select_module_readonly--7b72d):focus,.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d:not(.bp_select_module_readonly--7b72d, :disabled).bp_select_module_error--7b72d:focus,.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d:not(.bp_select_module_readonly--7b72d, :disabled)[aria-invalid=true]:focus{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637):focus,.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled).bp_select_module_error--1b637:focus,.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :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--7b72d .bp_select_module_triggerBtn--7b72d:not(.bp_select_module_readonly--7b72d, :disabled, :focus, .bp_select_module_error--7b72d, [aria-invalid=true]):hover{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637:not(.bp_select_module_readonly--1b637, :disabled, :focus, .bp_select_module_error--1b637, [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--7b72d .bp_select_module_triggerBtn--7b72d .bp_select_module_iconWrapper--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconWrapper--1b637{
   flex-shrink:0;
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d .bp_select_module_iconCaret--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconCaret--1b637{
   display:block;
   height:var(--select-trigger-btn-caret-height);
   width:var(--select-trigger-btn-caret-width);
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d .bp_select_module_iconCaret--7b72d path{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconCaret--1b637 path{
   fill:var(--select-trigger-btn-caret-color);
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d .bp_select_module_iconPencilCrossed--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637 .bp_select_module_iconPencilCrossed--1b637{
   display:block;
   height:var(--select-trigger-btn-pencil-height);
   width:var(--select-trigger-btn-pencil-width);
 }
-.bp_select_module_container--7b72d .bp_select_module_triggerBtn--7b72d[data-state=open] .bp_select_module_icon--7b72d{
+.bp_select_module_container--1b637 .bp_select_module_triggerBtn--1b637[data-state=open] .bp_select_module_icon--1b637{
   transform:rotate(180deg);
 }
 
-.bp_select_module_content--7b72d[data-modern=false]{
+.bp_select_module_content--1b637[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);
@@ -4733,7 +4739,7 @@
   text-transform:var(--body-default-text-case);
 }
 
-.bp_select_module_content--7b72d[data-modern=true]{
+.bp_select_module_content--1b637[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);
@@ -4766,7 +4772,7 @@
   line-height:var(--bp-font-line-height-04);
 }
 
-.bp_select_module_content--7b72d{
+.bp_select_module_content--1b637{
   backdrop-filter:var(--select-content-backdrop-filter);
   background-color:var(--select-content-bg-color);
   border:var(--select-content-border);
@@ -4778,11 +4784,11 @@
   overflow:auto;
   z-index:380;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637{
   padding-block:var(--select-content-viewport-padding-block);
   padding-inline:var(--select-content-viewport-padding-inline);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637{
   align-items:center;
   border:var(--select-content-viewport-option-border);
   border-radius:var(--select-content-viewport-option-border-radius);
@@ -4798,18 +4804,18 @@
   -webkit-user-select:none;
           user-select:none;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d[data-disabled]{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637[data-disabled]{
   opacity:60%;
   pointer-events:none;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d:focus-visible{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637:focus-visible{
   background-color:var(--select-content-viewport-option-focus-bg-color);
   border:var(--select-content-viewport-option-focus-border);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d:hover{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637:hover{
   background-color:var(--select-content-viewport-option-hover-bg-color);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_textWrapper--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_textWrapper--1b637{
   align-items:center;
   display:flex;
   flex:1;
@@ -4818,14 +4824,23 @@
   min-width:0;
   overflow:hidden;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_textWrapper--7b72d span:first-child{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_textWrapper--1b637 span:first-child{
   overflow:hidden;
   overflow-wrap:break-word;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_secondaryText--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_textWrapper--1b637.bp_select_module_ellipsis--1b637 span:first-child{
+  overflow-wrap:normal;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+  width:100%;
+}
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_secondaryText--1b637{
   color:var(--select-content-viewport-option-secondary-text-color);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_leftElement--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_secondaryText--1b637.bp_select_module_ellipsis--1b637{
+  width:100%;
+}
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_leftElement--1b637{
   align-items:center;
   display:flex;
   flex-shrink:0;
@@ -4833,14 +4848,14 @@
   justify-content:center;
   width:var(--select-content-viewport-option-left-element-size);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d.bp_select_module_hasLeftElement--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637.bp_select_module_hasLeftElement--1b637{
   padding-inline:var(--select-content-viewport-option-padding-inline-reversed);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d.bp_select_module_hasLeftElement--7b72d .bp_select_module_textWrapper--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637.bp_select_module_hasLeftElement--1b637 .bp_select_module_textWrapper--1b637{
   align-items:flex-start;
   flex-direction:column;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_indicator--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_indicator--1b637{
   align-items:center;
   display:flex;
   height:100%;
@@ -4849,19 +4864,23 @@
   position:absolute;
   top:0;
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_indicator--7b72d path{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_indicator--1b637 path{
   fill:var(--select-content-viewport-option-indicator-color);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_option--7b72d .bp_select_module_indicatorRight--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_option--1b637 .bp_select_module_indicatorRight--1b637{
   left:auto;
   right:var(--select-content-viewport-option-indicator-right);
 }
-.bp_select_module_content--7b72d .bp_select_module_viewport--7b72d .bp_select_module_separator--7b72d{
+.bp_select_module_content--1b637 .bp_select_module_viewport--1b637 .bp_select_module_separator--1b637{
   background-color:var(--select-content-viewport-option-separator-bg-color);
   flex-shrink:0;
   height:var(--select-content-viewport-option-separator-height);
   margin-block:var(--select-content-viewport-option-separator-margin-block);
 }
+.bp_select_module_content--1b637 .bp_select_module_withTruncatedText--1b637{
+  table-layout:fixed;
+  width:100%;
+}
 
 .bp_content_card_module_card--3b28b[data-modern=false],.bp_content_card_module_ghostCard--3b28b[data-modern=false]{
   --content-card-body-display:block;

package/dist/lib-esm/select/select-context.d.ts

@@ -3,10 +3,12 @@ interface SelectContextValue {
     registerLeftElement: (value: string, element: ReactNode) => void;
     unregisterLeftElement: (value: string) => void;
     getLeftElement: (value: string) => ReactNode;
+    truncateText: boolean;
 }
 export declare const useSelectContext: () => SelectContextValue;
 interface SelectProviderProps {
+    truncateText: boolean;
     children: ReactNode;
 }
-export declare const SelectProvider: ({ children }: SelectProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectProvider: ({ truncateText, children }: SelectProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,7 +9,8 @@ const defaultContextValue = {
   unregisterLeftElement: () => {
     /* noop */
   },
-  getLeftElement: () => null
+  getLeftElement: () => null,
+  truncateText: false
 };
 const SelectContext = /*#__PURE__*/createContext(null);
 const useSelectContext = () => {
@@ -21,6 +22,7 @@ const useSelectContext = () => {
   return context;
 };
 const SelectProvider = ({
+  truncateText,
   children
 }) => {
   const [leftElements, setLeftElements] = useState(new Map());
@@ -44,8 +46,9 @@ const SelectProvider = ({
   const value = useMemo(() => ({
     registerLeftElement,
     unregisterLeftElement,
-    getLeftElement
-  }), [registerLeftElement, unregisterLeftElement, getLeftElement]);
+    getLeftElement,
+    truncateText
+  }), [registerLeftElement, unregisterLeftElement, getLeftElement, truncateText]);
   return jsx(SelectContext.Provider, {
     value: value,
     children: children

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

@@ -38,6 +38,7 @@ const Root = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     subText,
     required,
     id,
+    truncateText = false,
     // RadixSelectTrigger props
     ...triggerProps
   } = props;
@@ -108,6 +109,7 @@ const Root = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       className: styles.label,
       hideLabel: hideLabel
     }), jsx(SelectProvider, {
+      truncateText: truncateText,
       children: jsxs(SelectPrimitive.Root, {
         ...selectProps,
         children: [jsx(Trigger, {
@@ -192,6 +194,9 @@ const Content = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     enableModernizedComponents
   } = useBlueprintModernization();
+  const {
+    truncateText
+  } = useSelectContext();
   return jsx(SelectPrimitive.Portal, {
     container: container,
     children: jsx(SelectPrimitive.Content, {
@@ -207,6 +212,10 @@ const Content = /*#__PURE__*/forwardRef((props, forwardedRef) => {
           asChild: true,
           className: styles.viewport,
           children: jsx(ScrollArea.Viewport, {
+            asChild: truncateText,
+            className: clsx({
+              [styles.withTruncatedText]: truncateText
+            }),
             children: children
           })
         })
@@ -224,7 +233,8 @@ const Option = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   } = props;
   const {
     registerLeftElement,
-    unregisterLeftElement
+    unregisterLeftElement,
+    truncateText
   } = useSelectContext();
   const onPointerLeave = useCallback(event => event.preventDefault(), []);
   const onPointerMove = useCallback(event => event.preventDefault(), []);
@@ -252,11 +262,15 @@ const Option = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       className: styles.leftElement,
       children: leftElement
     }), jsxs("span", {
-      className: styles.textWrapper,
+      className: clsx(styles.textWrapper, {
+        [styles.ellipsis]: truncateText
+      }),
       children: [jsx(SelectPrimitive.ItemText, {
         children: text
       }), !!secondaryText && jsx("span", {
-        className: styles.secondaryText,
+        className: clsx(styles.secondaryText, {
+          [styles.ellipsis]: truncateText
+        }),
         children: secondaryText
       })]
     }), !itemProps.disabled && jsx(SelectPrimitive.ItemIndicator, {

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

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

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

@@ -74,6 +74,12 @@ export interface ExtraProps extends Labelable {
      * Only displayed when no value is selected.
      */
     placeholderLeftElement?: React.ReactNode;
+    /**
+     * When `true`, the text will be truncated if it exceeds the dropdown width.
+     *
+     * @default false
+     */
+    truncateText?: boolean;
 }
 type SelectState = {
     disabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "13.10.1",
+    "version": "13.11.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.110.4",
+        "@box/blueprint-web-assets": "^4.111.1",
         "@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.90",
+        "@box/storybook-utils": "^0.17.1",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",