@zvoove/unity-ui 2.45.1 → 2.46.0

package/dist/unity-ui.d.ts

@@ -263,7 +263,7 @@ declare const BREAKPOINTS: {
 };
 
 export declare const Button: {
-    <T extends React.ElementType = "button">({ children, variant, hideLabel, as, icon, linkComponent, size, isLoading, ...props }: ButtonProps<T> & {
+    <T extends React.ElementType = "button">({ children, variant, hideLabel, as, icon, linkComponent, size, isLoading, contrast, ...props }: ButtonProps<T> & {
         ref?: ForwardedRef<T>;
     }): JSX.Element;
     displayName: string;
@@ -295,7 +295,18 @@ export declare type ButtonProps<T extends React.ElementType = 'button'> = UnionA
      * The variant is used
      * to change the visual communication.
      */
-    variant?: ResponsiveType<'text' | 'textSecondary' | 'filled' | 'outlined' | 'elevated' | 'tonal' | 'linkPrimary' | 'linkSecondary' | 'positive' | 'negative'>;
+    variant?: ResponsiveType<'text' | 'textSecondary' | 'filled' | 'outlined' | 'elevated' | 'tonal' | 'linkPrimary' | 'linkSecondary' | 'positive' | 'negative' | 'warning' | 'neutral' | 'white' | 'subtle' | 'outlinedPositive' | 'outlinedNegative' | 'outlinedWarning' | 'outlinedNeutral' | 'outlinedSubtle' | 'linkPositive' | 'linkNegative' | 'linkWarning' | 'linkWhite' | 'textPositive' | 'textNegative' | 'textWarning' | 'textWhite' | 'textSubtle'>;
+    /**
+     * Uses the container-tier color of the status `variant` instead of the
+     * vivid one — lighter in light mode, darker in dark mode. Use this to keep
+     * the button legible when it sits on a background from the same color
+     * family (e.g. an action button inside a matching colored `InfoBox`). <br />
+     * Only affects the status variants (`positive`, `negative`, `warning`,
+     * `neutral`, `subtle` and their `outlined*`/`link*`/`text*` counterparts) —
+     * ignored otherwise.
+     * @default false
+     */
+    contrast?: boolean;
     /**
      * The component to render the button as. <br />
      * This is useful if you want to use a different component for the button like a `Link` component from **Next.js** or **React Router**.
@@ -2249,7 +2260,7 @@ export declare interface ImageVisualizerProps {
 }
 
 export declare const InfoBox: {
-    ({ message, title, variant, icon, elevated, borderRadius, actions, showCloseButton, onClose, }: InfoBoxProps): JSX.Element;
+    ({ message, title, variant, icon, elevated, borderRadius, leftBorder, actions, showCloseButton, onClose, }: InfoBoxProps): JSX.Element;
     displayName: string;
 };
 
@@ -2299,9 +2310,15 @@ export declare interface InfoBoxProps {
     elevated?: boolean;
     /**
      * The border radius of the InfoBox.
-     * @default 'sm'
+     * @default 'rounded'
      */
-    borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    borderRadius?: 'none' | 'rounded';
+    /**
+     * Whether to display a 4px left border. The border color follows the
+     * `variant`.
+     * @default false
+     */
+    leftBorder?: boolean;
     /**
      * Optional action buttons displayed beside the message when they fit in this
      * container, or on the next line when they do not.