@biblioteksentralen/react 3.0.0-beta.12 → 3.0.0-beta.13

package/dist/index.d.ts

@@ -1,14 +1,14 @@
-import { AlertRootProps, ButtonProps as ButtonProps$1, IconButtonProps as IconButtonProps$1, BoxProps, InputProps, FieldLabelProps, LinkProps, SystemConfig } from '@chakra-ui/react';
+import { AlertRootProps, ButtonProps, IconButtonProps, InputProps, FieldLabelProps, SystemConfig } from '@chakra-ui/react';
 export * from '@chakra-ui/react';
 import { Modify } from '@biblioteksentralen/types';
-import React, { ReactNode, FunctionComponent, RefObject, HTMLAttributes, ErrorInfo } from 'react';
-import { ComponentWithAs, ThemeTypings } from '@chakra-ui/system';
+import React, { ReactNode, RefObject, FunctionComponent, ErrorInfo } from 'react';
+import { ComponentWithAs } from '@chakra-ui/system';
 export { colors } from '@biblioteksentralen/utils';
 
 type Status = "info" | "warning" | "success" | "error";
 type CustomVariants = "inline";
 type Variants = AlertRootProps["variant"] | CustomVariants;
-interface Props$7 extends Modify<AlertRootProps, {
+interface Props$5 extends Modify<AlertRootProps, {
     variant?: Variants;
 }> {
     children: ReactNode;
@@ -16,7 +16,7 @@ interface Props$7 extends Modify<AlertRootProps, {
     status: Status;
     variant?: Variants;
 }
-declare function Alert({ status, children, variant, header, ...rest }: Props$7): React.JSX.Element;
+declare function AlertBS({ status, children, variant, header, ...rest }: Props$5): React.JSX.Element;
 
 type CustomButtonVariants = "primary" | "secondary" | "tertiary";
 
@@ -24,41 +24,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$1["variant"] | CustomButtonVariants;
-type ButtonProps = Modify<ButtonProps$1, {
+type ButtonVariants = ButtonProps["variant"] | CustomButtonVariants;
+type ButtonBSProps = Modify<ButtonProps, {
     variant?: ButtonVariants;
 }>;
-declare const Button: ComponentWithAs<"button", ButtonProps>;
+declare const ButtonBS: ComponentWithAs<"button", ButtonBSProps>;
 
 /**
  * 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, {
+type IconButtonVariants = IconButtonProps["variant"] | CustomButtonVariants;
+type IconButtonBSProps = Modify<IconButtonProps, {
     variant?: IconButtonVariants;
 }>;
-declare const IconButton: ComponentWithAs<"button", IconButtonProps>;
-
-type Props$6 = {
-    children: ReactNode;
-    wrapper: FunctionComponent<{
-        children: ReactNode;
-    }>;
-    condition: boolean;
-};
-/**
- * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
- */
-declare const ConditionalWrapper: FunctionComponent<Props$6>;
-
-type Props$5 = {
-    children: ReactNode;
-    above?: ThemeTypings["breakpoints"];
-    below?: ThemeTypings["breakpoints"];
-} & Omit<BoxProps, "display">;
-/** Chakras <Hide /> component uses client side javascript to hide components. Causes components to flash on mobile while loading */
-declare const HideWithCSS: FunctionComponent<Props$5>;
+declare const IconButtonBS: ComponentWithAs<"button", IconButtonBSProps>;
 
 interface Props$4 extends InputProps {
     label: string;
@@ -72,31 +52,21 @@ 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: (props: Props$4) => React.JSX.Element;
-
-type CustomLinkVariants = "plain" | "underline";
+declare const InputBS: (props: Props$4) => React.JSX.Element;
 
+type Props$3 = {
+    children: ReactNode;
+    wrapper: FunctionComponent<{
+        children: ReactNode;
+    }>;
+    condition: boolean;
+};
 /**
- * Re-exporting chackras Link with a customised types
- * This causes both chakras native variants and our home-made variants to show up in auto-complete
+ * Conditionally wrapps children with a component. If conditions are not met children mounted without the wrapper.
  */
-type LinkVariants = LinkProps["variant"] | CustomLinkVariants;
-declare const Link: ComponentWithAs<"a", Modify<LinkProps, {
-    variant?: LinkVariants;
-}>>;
-
-interface Props$3 extends HTMLAttributes<HTMLSpanElement> {
-    children: ReactNode;
-}
-declare function VisuallyHidden({ children, ...rest }: Props$3): React.JSX.Element;
+declare const ConditionalWrapperBS: FunctionComponent<Props$3>;
 
 interface Props$2 {
-    children: ReactNode;
-    customTheme?: SystemConfig;
-}
-declare const BiblioteksentralenProvider: (props: Props$2) => React.JSX.Element;
-
-interface Props$1 {
     boundaryName?: string;
     children: ReactNode;
 }
@@ -105,7 +75,7 @@ interface State {
     error?: Error;
     errorInfo?: ErrorInfo;
 }
-declare class ErrorBoundary extends React.Component<Props$1, State> {
+declare class ErrorBoundaryBS extends React.Component<Props$2, State> {
     constructor(props: any);
     static getDerivedStateFromError(error: any): {
         hasError: boolean;
@@ -114,7 +84,7 @@ declare class ErrorBoundary extends React.Component<Props$1, State> {
     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 {
+interface Props$1 {
     id: string;
     /**
      * angir hvor mye luft til vil ha over HashLinkTarget ved bruk av hash-lenke, eks '4rem'
@@ -125,8 +95,14 @@ interface Props {
      */
     focusOnParent?: boolean;
 }
-declare function HashLinkTarget(props: Props): React.JSX.Element;
+declare function HashLinkTargetBS(props: Props$1): React.JSX.Element;
+
+declare const withErrorBoundaryBS: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
 
-declare const withErrorBoundary: <Props>(Component: React.ComponentType<Props>, boundaryName: string) => (props: Props & React.JSX.IntrinsicAttributes) => React.JSX.Element;
+interface Props {
+    children: ReactNode;
+    customTheme?: SystemConfig;
+}
+declare const BiblioteksentralenProvider: (props: Props) => React.JSX.Element;
 
-export { Alert as AlertBS, BiblioteksentralenProvider, Button as ButtonBS, type ButtonProps as ButtonBSProps, ConditionalWrapper as ConditionalWrapperBS, ErrorBoundary as ErrorBoundaryBS, HashLinkTarget as HashLinkTargetBS, HideWithCSS as HideWithCSSBS, IconButton as IconButtonBS, type IconButtonProps as IconButtonBSProps, Input as InputBS, Link as LinkBS, VisuallyHidden as VisuallyHiddenBS, withErrorBoundary as withErrorBoundaryBS };
+export { AlertBS, BiblioteksentralenProvider, ButtonBS, type ButtonBSProps, ConditionalWrapperBS, ErrorBoundaryBS, HashLinkTargetBS, IconButtonBS, type IconButtonBSProps, InputBS, withErrorBoundaryBS };