@biblioteksentralen/react 2.0.1 → 3.0.0-beta.10

package/dist/index.d.ts

@@ -1,18 +1,23 @@
-import { FlexProps, AlertProps, ComponentWithAs, ButtonProps, ThemeTypings, BoxProps, InputProps, FormLabelProps, LinkProps, ChakraTheme } from '@chakra-ui/react';
+import { AlertRootProps, ButtonProps as ButtonProps$1, IconButtonProps as IconButtonProps$1, BoxProps, InputProps, FieldLabelProps, LinkProps, SystemConfig, ToastRootProps } from '@chakra-ui/react';
 export * from '@chakra-ui/react';
-import React, { ReactNode, FunctionComponent, HTMLAttributes, ErrorInfo } from 'react';
+import { ComponentWithAs, ThemeTypings } from '@chakra-ui/system';
+export { ResponsiveObject, StyleProps } from '@chakra-ui/system';
 import { Modify } from '@biblioteksentralen/types';
+import React, { ReactNode, FunctionComponent, HTMLAttributes, ErrorInfo } from 'react';
 export { colors } from '@biblioteksentralen/utils';
-import { ChakraTheme as ChakraTheme$1 } from '@chakra-ui/theme';
 
-type Status = Exclude<AlertProps["status"], undefined | "loading">;
-type Variants = "inline";
-interface Props$7 extends FlexProps {
+type Status = "info" | "warning" | "success" | "error";
+type CustomVariants = "inline";
+type Variants = AlertRootProps["variant"] | CustomVariants;
+interface Props$7 extends Modify<AlertRootProps, {
+    variant?: Variants;
+}> {
     children: ReactNode;
+    header?: ReactNode;
     status: Status;
     variant?: Variants;
 }
-declare function Alert({ status, children, variant, ...rest }: Props$7): React.JSX.Element;
+declare function Alert({ status, children, variant, header, ...rest }: Props$7): React.JSX.Element;
 
 type CustomButtonVariants = "primary" | "secondary" | "tertiary";
 
@@ -20,10 +25,21 @@ type CustomButtonVariants = "primary" | "secondary" | "tertiary";
  * Re-exporting chackras Button with a customised types
  * This causes both chakras native variants and our home-made variants to show up in auto-complete
  */
-type ButtonVariants = ButtonProps["variant"] | CustomButtonVariants;
-declare const Button: ComponentWithAs<"button", Modify<ButtonProps, {
+type ButtonVariants = ButtonProps$1["variant"] | CustomButtonVariants;
+type ButtonProps = Modify<ButtonProps$1, {
     variant?: ButtonVariants;
-}>>;
+}>;
+declare const Button: ComponentWithAs<"button", ButtonProps>;
+
+/**
+ * Re-exporting chackras IconButton with a customised types
+ * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ */
+type IconButtonVariants = IconButtonProps$1["variant"] | CustomButtonVariants;
+type IconButtonProps = Modify<IconButtonProps$1, {
+    variant?: IconButtonVariants;
+}>;
+declare const IconButton: ComponentWithAs<"button", IconButtonProps>;
 
 type Props$6 = {
     children: ReactNode;
@@ -48,7 +64,7 @@ declare const HideWithCSS: FunctionComponent<Props$5>;
 interface Props$4 extends InputProps {
     label: string;
     hideLabel?: boolean;
-    labelProps?: FormLabelProps;
+    labelProps?: FieldLabelProps;
     helperText?: string;
     errorMessage?: string;
 }
@@ -56,9 +72,9 @@ interface Props$4 extends InputProps {
  * Creating custom input-component to make sure label is always set (for accessibility)
  * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra
  */
-declare const Input: React.ForwardRefExoticComponent<Props$4 & React.RefAttributes<unknown>>;
+declare const Input: (props: Props$4) => React.JSX.Element;
 
-type CustomLinkVariants = "plain";
+type CustomLinkVariants = "plain" | "underline";
 
 /**
  * Re-exporting chackras Link with a customised types
@@ -76,7 +92,7 @@ declare function VisuallyHidden({ children, ...rest }: Props$3): React.JSX.Eleme
 
 interface Props$2 {
     children: ReactNode;
-    customTheme?: Partial<ChakraTheme>;
+    customTheme?: SystemConfig;
 }
 declare const BiblioteksentralenProvider: (props: Props$2) => React.JSX.Element;
 
@@ -95,7 +111,7 @@ declare class ErrorBoundary extends React.Component<Props$1, State> {
         hasError: boolean;
     };
     componentDidCatch(error: any, errorInfo: any): void;
-    render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 }
 
 interface Props {
@@ -111,8 +127,9 @@ interface Props {
 }
 declare function HashLinkTarget(props: Props): React.JSX.Element;
 
-declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Props> & React.RefAttributes<unknown>>;
+declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
 
-declare const biblioteksentralenChakraTheme: Partial<ChakraTheme$1>;
+declare const toaster: ToastRootProps;
+declare const Toaster: () => React.JSX.Element;
 
-export { Alert, BiblioteksentralenProvider, Button, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, Input, Link, VisuallyHidden, biblioteksentralenChakraTheme, withErrorBoundary };
+export { Alert, BiblioteksentralenProvider, Button, type ButtonProps, ConditionalWrapper, ErrorBoundary, HashLinkTarget, HideWithCSS, IconButton, type IconButtonProps, Input, Link, Toaster, VisuallyHidden, toaster, withErrorBoundary };