@protonradio/proton-ui 0.10.0 → 0.10.2

package/dist/index.d.ts

@@ -199,12 +199,6 @@ declare interface BaseInputProps {
     value?: string;
 }
 
-declare const BRAND: {
-    PRIMARY: string;
-    PRIMARY_LIGHT: string;
-    SECONDARY: string;
-};
-
 /**
  * A customizable button component that can render as either a button or anchor element
  * @interface ButtonProps
@@ -288,51 +282,8 @@ export declare type ButtonVariant = "primary" | "secondary" | "success" | "dange
 
 export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
-export declare namespace COLORS {
-    export {
-        BRAND,
-        GRAYSCALE,
-        SECONDARY,
-        DANGER,
-        WARNING,
-        SUCCESS,
-        DARK_GRAYSCALE,
-        DARK_SECONDARY
-    }
-}
-
 export declare const Column: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
-declare const DANGER: {
-    SUPER_DARK: string;
-    DARK: string;
-    MEDIUM: string;
-    LIGHT: string;
-    SUPER_LIGHT: string;
-};
-
-declare const DARK_GRAYSCALE: {
-    GRAY_SUPER_DARK: string;
-    GRAY_DARK: string;
-    GRAY_MEDIUM: string;
-    GRAY_MEDIUM_LIGHT: string;
-    GRAY_LIGHT: string;
-    GRAY_LIGHTEST: string;
-    GRAY_SUPER_LIGHT: string;
-    WHITE: string;
-    BORDER: string;
-};
-
-declare const DARK_SECONDARY: {
-    SECONDARY_SUPER_DARK: string;
-    SECONDARY_DARK: string;
-    SECONDARY_MEDIUM: string;
-    SECONDARY_MEDIUM_LIGHT: string;
-    SECONDARY_LIGHT: string;
-    SECONDARY_LIGHTEST: string;
-    SECONDARY_SUPER_LIGHT: string;
-};
-
 /**
  * Intended use in overlay containers such as modals or popovers.
  */
@@ -343,18 +294,6 @@ declare interface DialogProps extends AriaDialogProps {
     children: React.ReactNode;
 }
 
-declare const GRAYSCALE: {
-    GRAY_SUPER_DARK: string;
-    GRAY_DARK: string;
-    GRAY_MEDIUM: string;
-    GRAY_MEDIUM_LIGHT: string;
-    GRAY_LIGHT: string;
-    GRAY_LIGHTEST: string;
-    GRAY_SUPER_LIGHT: string;
-    WHITE: string;
-    BORDER: string;
-};
-
 export declare function Icon(props: Omit<IconProps, "svgContent">): JSX_2.Element;
 
 declare type IconID = "external-link" | "caret-down";
@@ -405,6 +344,15 @@ declare interface ImageBackgroundProps {
  */
 export declare const Input: default_2.ForwardRefExoticComponent<BaseInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
+export declare const Modal: ({ isOpen, onClose, title, children }: ModalProps) => JSX_2.Element;
+
+declare interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title?: string;
+    children: React.ReactNode;
+}
+
 declare type Palette = {
     BASE_COLOR: string;
     BRAND: {
@@ -542,7 +490,8 @@ declare interface ScreenOverlayProps {
      */
     fadeIn?: boolean;
     /**
-     * Whether to fade out the overlay. Fade out triggers on click.
+     * Whether to fade out the overlay.
+     * @important Fade out triggers on click, you must provide an onClose prop to use this.
      */
     fadeOut?: boolean;
     /**
@@ -573,17 +522,6 @@ declare interface SearchInputProps extends Omit<BaseInputProps, "prefix" | "suff
     value?: string;
 }
 
-declare const SECONDARY: {
-    SUPER_DARK: string;
-    DARK: string;
-    MEDIUM: string;
-    MEDIUM_LIGHT: string;
-    LIGHT: string;
-    LIGHTEST: string;
-    SUPER_LIGHT: string;
-    WHITE: string;
-};
-
 export { Section }
 
 export declare const Select: {
@@ -630,13 +568,6 @@ declare interface SelectProps<T> {
     children: CollectionChildren<T>;
 }
 
-declare const SUCCESS: {
-    DARK: string;
-    MEDIUM: string;
-    LIGHT: string;
-    SUPER_LIGHT: string;
-};
-
 export declare function Switch(props: SwitchProps): JSX_2.Element;
 
 declare interface SwitchProps {
@@ -758,7 +689,7 @@ declare interface ThemeProviderProps {
     palette?: Palette;
 }
 
-export declare const THEMES: {
+declare const THEMES: {
     readonly DARK: "dark";
     readonly CUSTOM_DARK: "custom-dark";
     readonly LIGHT: "light";
@@ -869,13 +800,6 @@ export declare function usePopoverTrigger(props?: OverlayTriggerProps): {
 
 export declare const useTheme: () => ThemeContextType;
 
-declare const WARNING: {
-    DARK: string;
-    MEDIUM: string;
-    LIGHT: string;
-    SUPER_LIGHT: string;
-};
-
 /**
  * A waveform visualization component that displays audio data with interactive features.
  *