@zvoove/unity-ui 2.42.0 → 2.43.0

package/dist/unity-ui.d.ts

@@ -2279,8 +2279,8 @@ export declare interface InfoBoxProps {
     message: ReactNode;
     /**
      * Optional title displayed above the message. When present, the InfoBox uses
-     * a stacked title/message structure; actions still sit beside the message
-     * when there is enough width.
+     * a stacked title/message structure; actions sit beside the message when
+     * they fit in this container, otherwise they wrap below it.
      */
     title?: ReactNode;
     /**
@@ -2303,8 +2303,8 @@ export declare interface InfoBoxProps {
      */
     borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
     /**
-     * Optional action buttons displayed alongside the message or below it when
-     * the InfoBox is too narrow for the inline layout.
+     * Optional action buttons displayed beside the message when they fit in this
+     * container, or on the next line when they do not.
      */
     actions?: InfoBoxAction[];
     /**
@@ -4491,7 +4491,7 @@ export declare interface TopBarProps {
     density?: 'default' | '-2' | '-4';
 }
 
-export declare const Typography: ({ children, variant, size, as: AsComponent, color, textAlign, truncate, textTransform, hyphenate, wrap, ...props }: TypographyProps) => JSX.Element;
+export declare const Typography: ({ children, variant, size, as: AsComponent, color, textAlign, truncate, truncatedBy, textTransform, hyphenate, wrap, ...props }: TypographyProps) => JSX.Element;
 
 declare type TypographyElements = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
@@ -4543,6 +4543,12 @@ export declare type TypographyProps<T extends TypographyElements = 'p'> = Omit<R
      * The text that doesn't fit the container will be hidden and replaced by ellipsis
      */
     truncate?: number;
+    /**
+     * Whether overflowing text is truncated at word boundaries or individual letters.
+     * Use with `truncate`. The `letter` value applies `word-break: break-all`.
+     * @default 'word'
+     */
+    truncatedBy?: 'word' | 'letter';
     /**
      * If true, the text will be wrapped.
      */