@protonradio/proton-ui 0.7.2 → 0.7.4

package/dist/index.d.ts

@@ -456,7 +456,7 @@ export { Row }
 /**
  * A search input component with optional clear functionality and URL parameter sync.
  */
-export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX_2.Element;
+export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, isDisabled, 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? */
@@ -601,7 +601,7 @@ export declare const ThemeProvider: default_2.FC<ThemeProviderProps>;
 declare interface ThemeProviderProps {
     theme: Theme;
     children: ReactNode;
-    palette: Palette;
+    palette?: Palette;
 }
 
 export declare const THEMES: {
@@ -618,13 +618,43 @@ declare interface ThemeVariables {
     "--proton-color__primary": string;
     "--proton-color__primary-light": string;
     "--proton-color__secondary": 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 const Tombstone: ({ width, height, borderRadius, ...props }: TombstoneProps) => JSX_2.Element;
+/**
+ * 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;
 }
 
@@ -694,7 +724,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 {
     /**
@@ -730,11 +760,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.
      */