@protonradio/proton-ui 0.3.0 → 0.3.1

package/dist/proton-ui.es.d.ts

@@ -20,24 +20,59 @@ import { TableStateProps } from 'react-stately';
 import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
 import { TooltipTriggerComponentProps } from 'react-aria-components';
 
+export declare const Badge: ({ variant, children, ...props }: BadgeProps) => JSX_2.Element;
+
 export declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * The badge's visual aesthetic.
      */
     variant?: BadgeVariant;
-    /**
-     * Should the button be non-interactive?
-     */
-    isDisabled?: boolean;
     /**
      * The content to display within the badge.
      */
     children: ReactNode;
 }
 
-export declare type BadgeVariant = "success" | "warning" | "danger" | "primary" | "secondary" | "light" | "transparent";
+export declare type BadgeVariant = "success" | "warning" | "danger" | "primary" | "secondary" | "dark" | "transparent";
+
+export declare const BadgeVariants: {
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly DARK: "dark";
+    readonly TRANSPARENT: "transparent";
+};
+
+export declare const Banner: {
+    ({ variant, icon, children, ...props }: BannerProps): JSX_2.Element;
+    Title: ({ children, ...props }: BannerProps) => JSX_2.Element;
+    Content: ({ children, ...props }: BannerProps) => JSX_2.Element;
+    Colors: Record<BannerVariant, {
+        BACKGROUND: string;
+        TITLE: string;
+        CONTENT: string;
+        ICON: string;
+    }>;
+};
+
+declare interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The banners visual aesthetic.
+     */
+    variant?: BannerVariant;
+    /**
+     * The icon to display in the banner.
+     */
+    icon?: ReactNode;
+    /**
+     * The content to display within the banner.
+     */
+    children: ReactNode;
+}
 
-export declare type BannerVariant = "default" | "success" | "warning" | "danger";
+declare type BannerVariant = "default" | "success" | "warning" | "danger";
 
 export declare const BRAND: {
     PRIMARY: string;