@protonradio/proton-ui 0.7.3 → 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? */
@@ -618,27 +643,20 @@ declare interface ThemeVariables {
     "--proton-color__primary": string;
     "--proton-color__primary-light": string;
     "--proton-color__secondary": 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, ...props }: TombstoneProps) => JSX_2.Element;
-
-declare interface TombstoneProps {
-    /**
-     * The width of the tombstone.
-     */
-    width?: string;
-    /**
-     * The height of the tombstone.
-     */
-    height?: string;
-    /**
-     * The border radius of the tombstone.
-     */
-    borderRadius?: string;
+    "--proton-control__primary-super-dark": string;
+    "--proton-control__primary-dark": string;
+    "--proton-control__primary-medium": string;
+    "--proton-control__primary-medium-light": string;
+    "--proton-control__primary-light": string;
+    "--proton-control__primary-lightest": string;
+    "--proton-control__primary-super-light": string;
+    "--proton-control__secondary-super-dark": string;
+    "--proton-control__secondary-dark": string;
+    "--proton-control__secondary-medium": string;
+    "--proton-control__secondary-medium-light": string;
+    "--proton-control__secondary-light": string;
+    "--proton-control__secondary-lightest": string;
+    "--proton-control__secondary-super-light": string;
 }
 
 export declare function Tooltip({ children, arrow, ...props }: TooltipProps): JSX_2.Element;
@@ -707,7 +725,7 @@ declare const WARNING: {
  *
  * @returns {JSX.Element} A waveform visualization with optional timestamps and interactive features
  */
-export declare function Waveform({ data: waveformData, resolution, startDuration, endDuration, currentTime, showTimestamps, totalDuration, onClick, timestampColor: timestampColorProp, "data-testid": testId, }: WaveformProps): JSX_2.Element;
+export declare function Waveform({ data: waveformData, resolution, startDuration, endDuration, currentTime, showTimestamps, totalDuration, onClick, "data-testid": testId, }: WaveformProps): JSX_2.Element;
 
 declare interface WaveformProps {
     /**
@@ -743,11 +761,6 @@ declare interface WaveformProps {
      * Click handler that receives the clicked position (0-1) and event.
      */
     onClick?: (position: number, e: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Custom color for timestamp text backgrounds.
-     * Will use theme color by default.
-     */
-    timestampColor?: string;
     /**
      * Test ID for testing purposes.
      */