@protonradio/proton-ui 0.10.7 → 0.10.8-beta.1

package/dist/index.d.ts

@@ -205,7 +205,7 @@ declare interface BaseInputProps {
  * A customizable button component that can render as either a button or anchor element
  * @interface ButtonProps
  */
-export declare function Button({ variant, to, target, onPress, type, isDisabled, "data-testid": testId, children, }: ButtonProps): JSX_2.Element;
+export declare function Button({ variant, size, icon, to, target, onPress, type, isDisabled, "data-testid": testId, children, }: ButtonProps): JSX_2.Element;
 
 export declare function ButtonGroup(props: ButtonGroupProps): JSX_2.Element;
 
@@ -250,6 +250,15 @@ declare interface ButtonProps {
      * @param {ButtonVariant} variant
      */
     variant?: ButtonVariant;
+    /** The size of the button
+     * @param {ButtonSize} size
+     * @default "fullWidth"
+     */
+    size?: ButtonSize;
+    /** The prefix to display within the button
+     * @param {React.ReactNode} icon
+     */
+    icon?: React.ReactNode;
     /** Should the button be non-interactive?
      * @param {boolean} isDisabled
      */
@@ -280,6 +289,8 @@ declare interface ButtonProps {
     children?: React.ReactNode;
 }
 
+declare type ButtonSize = "fullWidth" | "small" | "medium" | "large" | "xlarge" | "2xlarge";
+
 export declare type ButtonVariant = "primary" | "secondary" | "success" | "danger" | "translucent";
 
 export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX.Element;
@@ -324,7 +335,7 @@ declare interface DialogProps extends AriaDialogProps {
  *
  * @interface ElevationProps
  */
-export declare const Elevation: ({ children, backgroundGradient, backgroundGradientDirection, "data-testid": dataTestId, }: ElevationProps) => JSX_2.Element;
+export declare const Elevation: ({ children, hasPrimaryGradient, backgroundGradientDirection, "data-testid": dataTestId, }: ElevationProps) => JSX_2.Element;
 
 declare interface ElevationProps {
     /**
@@ -333,8 +344,10 @@ declare interface ElevationProps {
     children?: ReactNode;
     /**
      * Whether the elevation should have a background gradient.
+     * @important only works in custom dark mode
+     * @default false
      */
-    backgroundGradient?: boolean;
+    hasPrimaryGradient?: boolean;
     /**
      * The direction of the background gradient.
      */
@@ -395,7 +408,7 @@ declare interface ImageBackgroundProps {
  */
 export declare const Input: default_2.ForwardRefExoticComponent<BaseInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare const Modal: (({ isOpen, onClose, title, subtitle, body, children, isOverlay, }: ModalProps) => JSX_2.Element) & {
+export declare const Modal: (({ isOpen, onClose, title, subtitle, body, children, isOverlay, "data-testid": dataTestId, }: ModalProps) => JSX_2.Element) & {
     Title: ({ children }: {
         children: React.ReactNode;
     }) => JSX_2.Element;
@@ -441,6 +454,10 @@ declare interface ModalProps {
      * Content to render inside the modal
      * */
     children: React.ReactNode;
+    /**
+     * data-testid for the modal
+     * */
+    "data-testid"?: string;
 }
 
 declare type Palette = {