@protonradio/proton-ui 0.7.4 → 0.7.5-beta1

package/dist/index.d.ts

@@ -354,6 +354,31 @@ declare interface IconProps {
  */
 export declare const Input: default_2.ForwardRefExoticComponent<BaseInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
+/**
+ * Overlay component for displaying an image with a blur effect.
+ * @interface OverlayProps
+ */
+export declare function Overlay({ imageUrl, fadeIn, onLoad, onBackgroundEvent, }: OverlayProps): JSX_2.Element;
+
+declare interface OverlayProps {
+    /**
+     * The URL of the image to display in the overlay. If not provided, the overlay will be solid black.
+     */
+    imageUrl?: string;
+    /**
+     * Whether to fade in the overlay.
+     */
+    fadeIn?: boolean;
+    /**
+     * Callback function to handle the image load event.
+     */
+    onLoad?: (image: HTMLImageElement) => void;
+    /**
+     * Callback function to handle the background event.
+     */
+    onBackgroundEvent?: () => void;
+}
+
 declare type Palette = {
     BRAND: {
         PRIMARY: string;
@@ -456,7 +481,7 @@ export { Row }
 /**
  * A search input component with optional clear functionality and URL parameter sync.
  */
-export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, isDisabled, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX_2.Element;
+export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX_2.Element;
 
 declare interface SearchInputProps extends Omit<BaseInputProps, "prefix" | "suffix" | "value" | "onChange" | "description" | "descriptionPosition" | "label"> {
     /** Should the clear button be shown when there is text? */
@@ -634,30 +659,6 @@ declare interface ThemeVariables {
     "--proton-control__secondary-super-light": string;
 }
 
-/**
- * A component that displays a loading tombstone. For use as a placeholder while loading content
- * @interface TombstoneProps
- */
-export declare const Tombstone: ({ width, height, borderRadius, }: TombstoneProps) => JSX_2.Element;
-
-declare interface TombstoneProps {
-    /**
-     * The width of the tombstone.
-     * @default "100%"
-     */
-    width?: string;
-    /**
-     * The height of the tombstone.
-     * @default "1.5rem"
-     */
-    height?: string;
-    /**
-     * The border radius of the tombstone.
-     * @default "4px"
-     */
-    borderRadius?: string;
-}
-
 export declare function Tooltip({ children, arrow, ...props }: TooltipProps): JSX_2.Element;
 
 export declare interface TooltipProps extends Omit<TooltipProps_2, "children"> {