@protonradio/proton-ui 0.2.0 → 0.3.0

package/dist/proton-ui.es.d.ts

@@ -1,13 +1,16 @@
 import { AriaDialogProps } from 'react-aria';
-import type { AriaPopoverProps } from 'react-aria';
+import { AriaPopoverProps } from 'react-aria';
 import { AriaSelectProps } from 'react-aria';
 import { AriaTableProps } from 'react-aria';
 import { ColumnProps } from '@react-stately/table';
+import { default as default_2 } from 'react';
+import { DOMProps } from '@react-types/shared';
+import { ItemProps } from 'react-stately';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX as JSX_3 } from 'react';
 import { OverlayTriggerProps } from 'react-stately';
 import { OverlayTriggerState } from 'react-stately';
 import { PressEvent } from 'react-aria';
-import { default as React_2 } from 'react';
 import { ReactNode } from 'react';
 import { Row } from '@react-stately/table';
 import { Section } from '@react-stately/table';
@@ -17,14 +20,33 @@ import { TableStateProps } from 'react-stately';
 import { TooltipProps as TooltipProps_2 } from 'react-aria-components';
 import { TooltipTriggerComponentProps } from 'react-aria-components';
 
-export declare function Button(props: ButtonProps): JSX_2.Element;
-
-export declare namespace Button {
-    var defaultProps: {
-        variant: string;
-    };
+export declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The badge's visual aesthetic.
+     */
+    variant?: BadgeVariant;
+    /**
+     * Should the button be non-interactive?
+     */
+    isDisabled?: boolean;
+    /**
+     * The content to display within the badge.
+     */
+    children: ReactNode;
 }
 
+export declare type BadgeVariant = "success" | "warning" | "danger" | "primary" | "secondary" | "light" | "transparent";
+
+export declare type BannerVariant = "default" | "success" | "warning" | "danger";
+
+export declare const BRAND: {
+    PRIMARY: string;
+    PRIMARY_LIGHT: string;
+    SECONDARY: string;
+};
+
+export declare function Button({ variant, ...props }: ButtonProps): JSX_2.Element;
+
 export declare function ButtonGroup(props: ButtonGroupProps): JSX_2.Element;
 
 export declare namespace ButtonGroup {
@@ -86,9 +108,17 @@ declare interface ButtonProps {
     children?: React.ReactNode;
 }
 
-export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX_2.Element;
+export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
-export declare const Column: <T>(props: ProtonColumnProps<T>) => JSX_2.Element;
+export declare const Column: <T>(props: ProtonColumnProps<T>) => JSX.Element;
+
+export declare const DANGER: {
+    SUPER_DARK: string;
+    DARK: string;
+    MEDIUM: string;
+    LIGHT: string;
+    SUPER_LIGHT: string;
+};
 
 /**
  * Intended use in overlay containers such as modals or popovers.
@@ -104,6 +134,18 @@ export declare const generateThemeCssVariables: (baseColor: RGBArray | null) =>
 
 export declare const generateThemedRGBArray: (baseColor: RGBArray | null) => RGBArray;
 
+export 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";
@@ -136,7 +178,7 @@ declare interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
     /**
      * Content to display within the popover.
      */
-    children: React_2.ReactNode;
+    children: default_2.ReactNode;
     /**
      * The `isOpen` state of the popover and the methods to toggle it.
      */
@@ -144,7 +186,7 @@ declare interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
     /**
      * Can optionally forward the ref to the popover.
      */
-    popoverRef?: React_2.RefObject<HTMLDivElement>;
+    popoverRef?: default_2.RefObject<HTMLDivElement>;
     /**
      * Whether to show an arrow on the popover.
      */
@@ -163,7 +205,7 @@ export { Section }
 
 export declare const Select: {
     Menu: typeof SelectMenu;
-    Option: any;
+    Option: <T>(props: ItemProps<T>) => JSX_3.Element;
 };
 
 declare function SelectMenu<T extends object>({ label, name, isDisabled, ...props }: SelectProps<T>): JSX_2.Element;
@@ -173,14 +215,14 @@ declare interface SelectProps<T> extends AriaSelectProps<T> {
     name: string;
 }
 
-export declare function Switch(props: SwitchProps): JSX_2.Element;
+export declare const SUCCESS: {
+    DARK: string;
+    MEDIUM: string;
+    LIGHT: string;
+    SUPER_LIGHT: string;
+};
 
-export declare namespace Switch {
-    var defaultProps: {
-        defaultOn: boolean;
-        isDisabled: boolean;
-    };
-}
+export declare function Switch(props: SwitchProps): JSX_2.Element;
 
 declare interface SwitchProps {
     /**
@@ -233,7 +275,7 @@ declare interface ThemeContextType {
     themedRGBArray: RGBArray;
 }
 
-export declare const ThemeProvider: React_2.FC<ThemeProviderProps>;
+export declare const ThemeProvider: default_2.FC<ThemeProviderProps>;
 
 declare interface ThemeProviderProps {
     theme: Theme;
@@ -247,9 +289,9 @@ export declare const THEMES: {
 };
 
 export declare interface ThemeVariables {
-    "--proton-control-background": string;
-    "--proton-text-color": string;
-    "--proton-control-border": string;
+    "--proton-control__background-color": string;
+    "--proton-control__text-color": string;
+    "--proton-control__border-color": string;
 }
 
 export declare function Tooltip({ children, arrow, ...props }: TooltipProps): JSX_2.Element;
@@ -280,12 +322,25 @@ declare interface TooltipTriggerProps extends TooltipProps, TooltipTriggerCompon
  * and popover trigger. For examples see Popover.stories.tsx.
  */
 export declare function usePopoverTrigger(props?: OverlayTriggerProps): {
-    buttonProps: any;
-    overlayProps: any;
-    buttonRef: React_2.MutableRefObject<HTMLButtonElement>;
-    state: any;
+    buttonProps: default_2.ButtonHTMLAttributes<HTMLButtonElement>;
+    overlayProps: DOMProps;
+    buttonRef: default_2.MutableRefObject<HTMLButtonElement>;
+    state: OverlayTriggerState;
 };
 
 export declare const useTheme: () => ThemeContextType;
 
+export declare const WARNING: {
+    DARK: string;
+    MEDIUM: string;
+    LIGHT: string;
+    SUPER_LIGHT: string;
+};
+
 export { }
+
+
+declare namespace ButtonGroup {
+    var Option: (props: ButtonGroupOptionProps) => import("react/jsx-runtime").JSX.Element;
+}
+