@protonradio/proton-ui 0.3.2 → 0.3.3-beta2

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

@@ -46,26 +46,53 @@ export declare const BadgeVariants: {
 };
 
 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;
+    ({ variant, rounded, icon, iconCentered, children, ...props }: BannerProps): JSX_2.Element;
+    Title: ({ children, ...props }: {
+        children: ReactNode;
+    }) => JSX_2.Element;
+    Content: ({ children, ...props }: {
+        children: ReactNode;
+    }) => JSX_2.Element;
+    Icon: ({ children, icon, iconCentered, ...props }: BannerIconProps) => JSX_2.Element;
     Colors: Record<BannerVariant, {
         background: string;
         title: string;
         content: string;
         icon: string;
     }>;
+    Icons: {
+        success: JSX_2.Element;
+        warning: JSX_2.Element;
+        danger: JSX_2.Element;
+    };
 };
 
-declare interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+declare interface BannerIconProps {
+    /**
+     * The icon to display in the banner.
+     * Can be a boolean to conditionally show or hide,
+     * or a ReactNode to provide a custom icon.
+     */
+    icon?: boolean | ReactNode;
+    /**
+     * Center the icon in the banner.
+     */
+    iconCentered?: boolean;
+    /**
+     * Optional custom icon or children for the icon area.
+     */
+    children?: ReactNode;
+}
+
+declare interface BannerProps extends BannerIconProps, React.HTMLAttributes<HTMLDivElement> {
     /**
      * The banners visual aesthetic.
      */
     variant?: BannerVariant;
     /**
-     * The icon to display in the banner.
+     * Round the corners of the banner.
      */
-    icon?: ReactNode;
+    rounded?: boolean;
     /**
      * The content to display within the banner.
      */
@@ -124,7 +151,7 @@ declare interface ButtonProps {
     /**
      * The button's visual aesthetic.
      */
-    variant?: "primary" | "secondary" | "danger";
+    variant?: "primary" | "secondary" | "danger" | "translucent";
     /**
      * Should the button be non-interactive?
      */
@@ -133,6 +160,10 @@ declare interface ButtonProps {
      * The URL that the button should link to. Turns the element into an `a` tag.
      */
     href?: string;
+    /**
+     * Should the button show an external link icon?
+     */
+    external?: boolean;
     /**
      *  Called when the button is pressed (on release, not keydown).
      */