@norges-domstoler/dds-components 0.0.25 → 0.0.26

package/dist/components/InternalHeader/ContextMenuItem.d.ts

@@ -0,0 +1,17 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, Dispatch, SetStateAction } from 'react';
+import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
+import { IconWrapper } from '../../helpers/IconWrapper';
+export declare const Element: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StyledIconWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, {}, never>;
+export declare type ContextMenuItemProps = {
+    title: string;
+    href?: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    focus?: boolean;
+    setFocus?: Dispatch<SetStateAction<number>>;
+    index?: number;
+    isMenuClosed?: boolean;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement> | HTMLAttributes<HTMLSpanElement>);
+export declare const ContextMenuItem: import("react").ForwardRefExoticComponent<ContextMenuItemProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/components/InternalHeader/InternalHeader.styles.d.ts

@@ -1,5 +1,4 @@
 import { InternalHeaderProps } from './InternalHeader.types';
-import { IconWrapper } from '../../helpers/IconWrapper';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BannerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const BannerLeftWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -8,21 +7,12 @@ export declare const LovisaWrapper: import("styled-components").StyledComponent<
 export declare const Navigation: import("styled-components").StyledComponent<"nav", any, {}, never>;
 declare type NavListProps = Pick<InternalHeaderProps, 'smallScreen'>;
 export declare const NavigationList: import("styled-components").StyledComponent<"ul", any, NavListProps, never>;
-export declare const NavigationListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-declare type StyledNavigationListProps = {
-    isCurrent?: boolean;
-};
-export declare const NavigationLink: import("styled-components").StyledComponent<"a", any, StyledNavigationListProps, never>;
 declare type ContextMenuWrapperProps = {
     closed?: boolean;
 };
 export declare const ContextMenuWrapper: import("styled-components").StyledComponent<"div", any, ContextMenuWrapperProps, never>;
 export declare const ContextMenuList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const ContextMenuListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
-export declare const ContextMenuElement: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ContextMenuLink: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const StyledDivider: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     color?: import("../Divider").DividerColor | undefined;
 } & import("react").HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>, any, {}, never>;
-export declare const StyledIconWrapper: import("styled-components").StyledComponent<typeof IconWrapper, any, {}, never>;
 export {};

package/dist/components/InternalHeader/InternalHeaderListItem.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export declare type InternalHeaderListItemProps = HTMLAttributes<HTMLLIElement>;
+export declare const InternalHeaderListItem: import("react").ForwardRefExoticComponent<InternalHeaderListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist/components/InternalHeader/NavigationItem.d.ts

@@ -0,0 +1,14 @@
+import { AnchorHTMLAttributes } from 'react';
+declare type LinkProps = {
+    isCurrent?: boolean;
+};
+export declare const Link: import("styled-components").StyledComponent<"a", any, LinkProps, never>;
+export declare type NavigationItemProps = {
+    title: string;
+    isCurrent?: boolean;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<{
+    title: string;
+    isCurrent?: boolean | undefined;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,18 @@
+import React, { HTMLAttributes } from 'react';
+import { Placement } from '../../hooks';
+declare type AnchorElement = React.ReactElement & React.RefAttributes<HTMLElement>;
+export declare type TooltipProps = {
+    text: string;
+    placement?: Placement;
+    children: AnchorElement;
+    delay?: number;
+    tooltipId?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const Tooltip: React.ForwardRefExoticComponent<{
+    text: string;
+    placement?: Placement | undefined;
+    children: AnchorElement;
+    delay?: number | undefined;
+    tooltipId?: string | undefined;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Tooltip/Tooltip.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const SvgArrow: import("styled-components").StyledComponent<"svg", any, {}, never>;
+export declare const ArrowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare type WrapperProps = {
+    open?: boolean;
+};
+export declare const TooltipWrapper: import("styled-components").StyledComponent<"div", any, WrapperProps, never>;
+export {};

package/dist/components/Tooltip/Tooltip.tokens.d.ts

@@ -0,0 +1,21 @@
+import { CSSObject } from 'styled-components';
+export declare const tooltipTokens: {
+    wrapper: {
+        base: CSSObject;
+    };
+    svgArrow: {
+        border: {
+            fill: string;
+        };
+        background: {
+            fill: string;
+        };
+    };
+    arrowPlacementTemplate: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+    offset: number;
+};

package/dist/components/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/helpers/IconWrapper/IconWrapper.d.ts

@@ -1,13 +1,11 @@
 import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
 import { OverridableComponent } from '@material-ui/core/OverridableComponent';
-import { CSSProperties } from 'react';
+import { HTMLAttributes } from 'react';
 import * as CSS from 'csstype';
 export declare type IconSize = 'small' | 'medium' | 'large' | 'inline';
 export declare type IconWrapperProps = {
     Icon: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
     iconSize?: IconSize;
     color?: CSS.ColorProperty;
-    className?: string;
-    style?: CSSProperties;
-};
-export declare function IconWrapper({ Icon, iconSize, color, className, style }: IconWrapperProps): JSX.Element;
+} & HTMLAttributes<SVGElement>;
+export declare function IconWrapper({ Icon, iconSize, color, className, style, ...rest }: IconWrapperProps): JSX.Element;

package/dist/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useCombinedRefs';
 export * from './useOnClickOutside';
 export * from './useOnKeyDown';
 export * from './useReactPopper';
+export * from './useRoveFocus';

package/dist/hooks/useReactPopper.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 export declare type Placement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-export declare const useReactPopper: (referenceElement: HTMLElement, popperElement: HTMLElement, arrowRef?: string | HTMLElement | undefined, placement?: Placement, offset?: number) => {
+export declare const useReactPopper: (referenceElement: HTMLElement, popperElement: HTMLElement, arrowRef?: string | HTMLElement | undefined, placement?: Placement, offset?: number, offsetAlong?: number) => {
     styles: {
         [key: string]: CSSProperties;
     };

package/dist/hooks/useRoveFocus.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare function useRoveFocus(size: number | undefined, reset?: boolean): [number, Dispatch<SetStateAction<number>>];

package/dist/index.d.ts

@@ -21,4 +21,5 @@ export * from './components/Card';
 export * from './components/InternalHeader';
 export * from './components/Datepicker';
 export * from './components/SkipToContent';
+export * from './components/Tooltip';
 export * from './components/Popover';