@protonradio/proton-ui 0.2.0 → 0.2.1-beta1

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

@@ -1,13 +1,13 @@
 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 { JSX as JSX_2 } from 'react/jsx-runtime';
 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,13 +17,11 @@ 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 type BadgeVariant = "success" | "warning" | "danger" | "primary" | "secondary" | "dark" | "transparent";
 
-export declare namespace Button {
-    var defaultProps: {
-        variant: string;
-    };
-}
+export declare type BannerVariant = "gray" | "success" | "warning" | "danger";
+
+export declare function Button({ variant, ...props }: ButtonProps): JSX_2.Element;
 
 export declare function ButtonGroup(props: ButtonGroupProps): JSX_2.Element;
 
@@ -86,9 +84,9 @@ 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;
 
 /**
  * Intended use in overlay containers such as modals or popovers.
@@ -136,7 +134,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,13 +142,51 @@ 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.
      */
     arrow?: boolean;
 }
 
+export declare const PROTON_COLORS: {
+    BRAND: {
+        PRIMARY: string;
+        PRIMARY_LIGHT: string;
+        SECONDARY: string;
+    };
+    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;
+    };
+    DANGER: {
+        SUPER_DARK: string;
+        DARK: string;
+        MEDIUM: string;
+        LIGHT: string;
+        SUPER_LIGHT: string;
+    };
+    WARNING: {
+        DARK: string;
+        MEDIUM: string;
+        LIGHT: string;
+        SUPER_LIGHT: string;
+    };
+    SUCCESS: {
+        DARK: string;
+        MEDIUM: string;
+        LIGHT: string;
+        SUPER_LIGHT: string;
+    };
+};
+
 export declare interface ProtonColumnProps<T> extends ColumnProps<T> {
     align?: "left" | "center" | "right";
 }
@@ -175,13 +211,6 @@ declare interface SelectProps<T> extends AriaSelectProps<T> {
 
 export declare function Switch(props: SwitchProps): JSX_2.Element;
 
-export declare namespace Switch {
-    var defaultProps: {
-        defaultOn: boolean;
-        isDisabled: boolean;
-    };
-}
-
 declare interface SwitchProps {
     /**
      * Whether the Switch is in the 'on' state (uncontrolled).
@@ -233,7 +262,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 +276,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;
@@ -282,10 +311,16 @@ declare interface TooltipTriggerProps extends TooltipProps, TooltipTriggerCompon
 export declare function usePopoverTrigger(props?: OverlayTriggerProps): {
     buttonProps: any;
     overlayProps: any;
-    buttonRef: React_2.MutableRefObject<HTMLButtonElement>;
+    buttonRef: default_2.MutableRefObject<HTMLButtonElement>;
     state: any;
 };
 
 export declare const useTheme: () => ThemeContextType;
 
 export { }
+
+
+declare namespace ButtonGroup {
+    var Option: (props: ButtonGroupOptionProps) => import("react/jsx-runtime").JSX.Element;
+}
+