@norges-domstoler/dds-components 0.0.25 → 0.0.28

package/dist/components/Checkbox/CheckboxGroup.d.ts

@@ -5,10 +5,11 @@ export declare type CheckboxGroupProps = {
     direction?: Direction;
     groupId?: string;
     errorMessage?: string;
+    tip?: string;
     required?: boolean;
     className?: string;
     children?: React.ReactNode;
     style?: React.CSSProperties;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const CheckboxGroup: ({ label, direction, errorMessage, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ label, direction, errorMessage, tip, required, groupId, children, className, style, ...rest }: CheckboxGroupProps) => JSX.Element;
 export {};

package/dist/components/Checkbox/CheckboxGroupContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CheckboxGroup {
+    error?: boolean;
+    errorMessageId?: string;
+    uniqueGroupId?: string;
+    tipId?: string;
+}
+export declare const CheckboxGroupContext: React.Context<Nullable<CheckboxGroup>>;
+export declare const useCheckboxGroup: () => Nullable<CheckboxGroup>;

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/RadioButton/RadioButtonGroupContext.d.ts

@@ -5,6 +5,7 @@ export interface RadioButtonGroup {
     name?: string;
     value?: string | number | null;
     error?: boolean;
+    errorMessageId?: string;
     required?: boolean;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
 }

package/dist/components/TextInput/CharCounter.d.ts

@@ -1,6 +1,7 @@
+import { HTMLAttributes } from 'react';
 declare type Props = {
     current: number;
     max: number;
-};
-declare function CharCounter({ current, max }: Props): JSX.Element;
+} & HTMLAttributes<HTMLDivElement>;
+declare function CharCounter({ current, max, id, ...rest }: Props): JSX.Element;
 export default CharCounter;

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

@@ -1,6 +1,7 @@
 import { TextInputProps } from './TextInput.types';
-import { StyledInputProps } from '../../helpers/Input';
-export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, StyledInputProps, never>;
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, Pick<import("../../helpers/Input").InputProps, "label" | "readOnly" | "disabled"> & {
+    hasErrorMessage: boolean;
+}, never>;
 export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type LabelProps = Pick<TextInputProps, 'multiline' | 'disabled' | 'readOnly'>;
 export declare const Label: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, import("../../helpers/Input").StyledLabelProps & LabelProps, never>;

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/components/Typography/Typography.d.ts

@@ -1,9 +1,8 @@
 import { HTMLAttributes, ElementType, AnchorHTMLAttributes, LabelHTMLAttributes } from 'react';
 import { CSSObject } from 'styled-components';
-import { TypographyType } from './Typography.types';
+import { TypographyType, TextColor } from './Typography.types';
 export declare function isTextColor(color: string): color is TextColor;
 export declare const getTextColor: (color: TextColor | string) => string;
-export declare type TextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';
 export declare type TypographyInteractionProps = {
     hover?: CSSObject;
     active?: CSSObject;

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

@@ -209,6 +209,12 @@ export declare const typographyTokens: {
                 base: CSSObject;
             };
         };
+        supportingStyleTiny02: {
+            base: CSSObject;
+            margins: {
+                base: CSSObject;
+            };
+        };
     };
     style: {
         bold: {

package/dist/components/Typography/Typography.types.d.ts

@@ -3,5 +3,6 @@ export declare type TypographyBodySerifType = 'bodySerif01' | 'bodySerif02' | 'b
 export declare type TypographyBodyType = TypographyBodySansType | TypographyBodySerifType;
 export declare type TypographyHeadingType = 'headingSans01' | 'headingSans02' | 'headingSans03' | 'headingSans04' | 'headingSans05' | 'headingSans06' | 'headingSans07' | 'headingSans08';
 export declare type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
-export declare type TypographySupportingType = 'supportingStyleLabel01' | 'supportingStyleInputText01' | 'supportingStyleInputText02' | 'supportingStyleInputText03' | 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStyleTiny01';
+export declare type TypographySupportingType = 'supportingStyleLabel01' | 'supportingStyleInputText01' | 'supportingStyleInputText02' | 'supportingStyleInputText03' | 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStyleTiny01' | 'supportingStyleTiny02';
 export declare type TypographyType = 'a' | TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;
+export declare type TextColor = 'interactive' | 'primary' | 'danger' | 'warning' | 'success' | 'onLight' | 'onDark' | 'gray1' | 'gray2' | 'gray3' | 'gray4' | 'gray5' | 'gray6' | 'gray7' | 'gray8' | 'gray9';

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/helpers/Input/Input.styles.d.ts

@@ -1,6 +1,8 @@
 import { InputProps, StyledInputProps, StyledLabelProps } from './Input.types';
-export declare const inputStyling: ({ readOnly, errorMessage, label, disabled }: StyledInputProps) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
-export declare const Input: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
+export declare const inputStyling: ({ readOnly, label, disabled, hasErrorMessage }: StyledInputProps) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const Input: import("styled-components").StyledComponent<"input", any, Pick<InputProps, "readOnly" | "label" | "disabled"> & {
+    hasErrorMessage: boolean;
+}, never>;
 export declare const SingleLineLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../components/Typography").TypographyProps & import("react").RefAttributes<HTMLElement>>, any, StyledLabelProps, never>;
 export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type OuterInputContainerProps = Pick<InputProps, 'width'>;

package/dist/helpers/Input/Input.types.d.ts

@@ -6,5 +6,7 @@ export declare type InputProps = {
     tip?: string;
     errorMessage?: string;
 } & InputHTMLAttributes<HTMLInputElement>;
-export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'errorMessage' | 'label' | 'disabled'>;
+export declare type StyledInputProps = Pick<InputProps, 'readOnly' | 'label' | 'disabled'> & {
+    hasErrorMessage: boolean;
+};
 export declare type StyledLabelProps = Pick<InputProps, 'disabled'>;

package/dist/helpers/InputMessage/InputMessage.d.ts

@@ -1,9 +1,9 @@
-import * as CSS from 'csstype';
+import { HTMLAttributes } from 'react';
 declare type MessageType = 'error' | 'tip';
-declare type Props = {
+export declare const InputMessage: import("react").ForwardRefExoticComponent<{
     message: string;
     messageType: MessageType;
-    maxWidth?: CSS.MaxWidthProperty<string>;
-};
-declare function InputMessage({ message, messageType, maxWidth }: Props): JSX.Element;
-export default InputMessage;
+    maxWidth?: string | undefined;
+    messageId?: string | undefined;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/helpers/styling/index.d.ts

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

package/dist/helpers/styling/removeButtonStyling.d.ts

@@ -0,0 +1 @@
+export declare const removeButtonStyling: import("styled-components").FlattenSimpleInterpolation;

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';