@protonradio/proton-ui 0.10.3 → 0.10.5

package/dist/index.d.ts

@@ -28,7 +28,7 @@ import { TooltipTriggerComponentProps } from 'react-aria-components';
  * Renders a list of actions as a focusable menu, or non-focusable children.
  * @interface ActionMenuProps
  */
-export declare const ActionMenu: ({ isOpen, selectionMode, selectedKeys, disabledKeys, children, beforeActions, afterActions, showCancel, cancelButtonText, actions, closeOnNavigation, onSelectionChange, onClose, "data-testid": testId, }: ActionMenuProps) => JSX_2.Element;
+export declare const ActionMenu: ({ isOpen, selectionMode, selectedKeys, disabledKeys, children, showCancel, cancelButtonText, actions, onSelectionChange, onClose, "data-testid": testId, }: ActionMenuProps) => JSX_2.Element;
 
 declare interface ActionMenuAction {
     key: string;
@@ -45,15 +45,8 @@ declare interface ActionMenuProps {
     children?: ReactNode | ((props: {
         close: () => void;
     }) => ReactNode);
-    beforeActions?: ReactNode | ((props: {
-        close: () => void;
-    }) => ReactNode);
-    afterActions?: ReactNode | ((props: {
-        close: () => void;
-    }) => ReactNode);
     showCancel?: boolean;
     cancelButtonText?: string;
-    closeOnNavigation?: boolean;
     actions?: ActionMenuAction[];
     id?: string;
     onClose?: () => void;
@@ -293,6 +286,25 @@ export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
 export declare const Column: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
+/**
+ * Input with a button to copy value to the clipboard.
+ * @interface CopyInputProps
+ */
+export declare function CopyInput({ name, value, isDisabled, onError, onSuccess, }: CopyInputProps): JSX_2.Element;
+
+declare interface CopyInputProps {
+    /** The name of the input field */
+    name: string;
+    /** The value to display in the input and copy to clipboard */
+    value: string;
+    /** Whether the input is disabled */
+    isDisabled?: boolean;
+    /** Optional callback when copy fails, receives the error object */
+    onError?: (error: Error) => void;
+    /** Optional callback when copy succeeds */
+    onSuccess?: () => void;
+}
+
 /**
  * Intended use in overlay containers such as modals or popovers.
  */
@@ -303,6 +315,36 @@ declare interface DialogProps extends AriaDialogProps {
     children: React.ReactNode;
 }
 
+/**
+ * Elevation component creates a visual elevation effect using the theme-aware background color.
+ *
+ * This component is designed to be used as a visual layer that sits on top of other content
+ * to create a sense of depth or hierarchy in the UI. It uses the `--proton-control__background-color-light`
+ * CSS variable which is theme-aware and will adapt to light, dark, and custom-dark themes.
+ *
+ * @interface ElevationProps
+ */
+export declare const Elevation: ({ children, backgroundGradient, backgroundGradientDirection, "data-testid": dataTestId, }: ElevationProps) => JSX_2.Element;
+
+declare interface ElevationProps {
+    /**
+     * The content to be displayed within the elevation.
+     */
+    children?: ReactNode;
+    /**
+     * Whether the elevation should have a background gradient.
+     */
+    backgroundGradient?: boolean;
+    /**
+     * The direction of the background gradient.
+     */
+    backgroundGradientDirection?: "left" | "right";
+    /**
+     * The data-testid attribute for testing purposes.
+     */
+    "data-testid"?: string;
+}
+
 export declare function Icon(props: Omit<IconProps, "svgContent">): JSX_2.Element;
 
 declare type IconID = "external-link" | "caret-down";
@@ -377,7 +419,7 @@ declare interface ModalProps {
     /**
      * Callback function when modal is closed
      * */
-    onClose: () => void;
+    onClose?: () => void;
     /**
      * Whether to show the modal with an overlay background.
      * @default true