@zvoove/unity-ui 2.42.0 → 2.44.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[];
     /**
@@ -4141,7 +4141,7 @@ export declare interface TableSectionRow {
 }
 
 export declare const Tabs: {
-    <T extends React.ElementType = "button">({ items, activeItem, onChange, hideBorder, itemsAlignment, isSticky, panels, linkComponent: LinkComponent, }: TabsProps<T>): JSX.Element;
+    <T extends React.ElementType = "button">({ items, activeItem, onChange, hideBorder, itemsAlignment, isSticky, panels, panelPadding, linkComponent: LinkComponent, }: TabsProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -4178,6 +4178,11 @@ export declare interface TabsProps<T extends React.ElementType = 'button'> {
      * The alignment of the tabs.
      */
     itemsAlignment?: 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly';
+    /**
+     * Padding applied to each panel.
+     * @default 'md'
+     */
+    panelPadding?: SpacingKeys;
 }
 
 export declare const TabStepper: {
@@ -4491,7 +4496,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, className, ...props }: TypographyProps) => JSX.Element;
 
 declare type TypographyElements = 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 
@@ -4543,6 +4548,13 @@ 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;
+    /**
+     * Controls whether text wraps at word boundaries or individual letters.
+     * Can be used with or without `truncate`. The `letter` value applies
+     * `word-break: break-all`.
+     * @default 'word'
+     */
+    truncatedBy?: 'word' | 'letter';
     /**
      * If true, the text will be wrapped.
      */