@norges-domstoler/dds-components 0.0.18 → 0.0.22

package/README.md

@@ -2,8 +2,6 @@
 
 [![Version](https://img.shields.io/npm/v/@norges-domstoler/dds-components)](https://www.npmjs.com/package/@norges-domstoler/dds-components)
 
-_biblioteket er under arbeid_
-
 React UI komponenter til bruk i Domstolenes tjenester.
 
 Sjekk ut [Domstolenes designsystem Elsa](https://design.domstol.no/) og [Storybook](https://domstolene.github.io/designsystem) for mer dokumentasjon og demoer.
@@ -40,17 +38,21 @@ Tilgjengelige komponenter:
 
 - Breadcrumbs
 - Button
+- Card (inkludert CardAccordion)
 - Checkbox
+- Datepicker
 - DescriptionList
 - Divider
 - GlobalMessage
 - IconWrapper
+- InternaHeader
 - List
 - LocalMessage
 - Pagination
 - RadioButton
 - Search
 - Select
+- SkipToContent
 - Spinner
 - Table
 - TextInput

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

@@ -0,0 +1,2 @@
+import { InternalHeaderProps } from './InternalHeader.types';
+export declare const InternalHeader: ({ applicationName, smallScreen, navigationElements, contextMenuElements, currentPageHref, userProps, onCurrentPageChange, ...rest }: InternalHeaderProps) => JSX.Element;

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

@@ -0,0 +1,28 @@
+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>;
+export declare const ApplicationNameWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LovisaWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+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/InternalHeader.tokens.d.ts

@@ -0,0 +1,58 @@
+import { CSSObject } from 'styled-components';
+export declare const internalHeaderTokens: {
+    wrapper: {
+        base: CSSObject;
+    };
+    applicationNameWrapper: {
+        base: CSSObject;
+    };
+    lovisaWrapper: {
+        base: CSSObject;
+    };
+    banner: {
+        base: CSSObject;
+    };
+    bannerLeft: {
+        base: CSSObject;
+    };
+    navigation: {
+        base: CSSObject;
+    };
+    navigationLink: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        active: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+        current: {
+            base: CSSObject;
+        };
+    };
+    contextMenu: {
+        base: CSSObject;
+        spaceFromButtonTop: string;
+    };
+    contextMenuLink: {
+        base: CSSObject;
+        hover: {
+            base: CSSObject;
+        };
+        active: {
+            base: CSSObject;
+        };
+        focus: {
+            base: CSSObject;
+        };
+    };
+    contextMenuDivider: {
+        base: CSSObject;
+    };
+    icon: {
+        base: CSSObject;
+    };
+};

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

@@ -0,0 +1,26 @@
+import { OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { SvgIconTypeMap } from '@material-ui/core/SvgIcon';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+export declare type NavigationLinkProps = {
+    href: string;
+    title: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare type ContextMenuElementProps = {
+    title: string;
+    href?: string;
+    Icon?: OverridableComponent<SvgIconTypeMap<Record<string, unknown>, 'svg'>>;
+    onClick?: () => void;
+} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
+export declare type InternaHeaderUserProps = {
+    name: string;
+    href?: string;
+};
+export declare type InternalHeaderProps = {
+    applicationName?: string;
+    smallScreen?: boolean;
+    userProps?: InternaHeaderUserProps;
+    navigationElements?: NavigationLinkProps[];
+    contextMenuElements?: ContextMenuElementProps[];
+    currentPageHref?: string;
+    onCurrentPageChange?: () => void;
+} & HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,2 @@
+export * from './InternalHeader';
+export * from './InternalHeader.types';

package/dist/components/SkipToContent/SkipToContent.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+import * as CSS from 'csstype';
+export declare type SkipToContentProps = {
+    text?: string;
+    href: string;
+    top?: CSS.TopProperty<string | number>;
+} & HTMLAttributes<HTMLAnchorElement>;
+export declare const SkipToContent: import("react").ForwardRefExoticComponent<{
+    text?: string | undefined;
+    href: string;
+    top?: CSS.TopProperty<string | number> | undefined;
+} & HTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,13 @@
+import { CSSObject } from 'styled-components';
+export declare const skipToContentTokens: {
+    link: {
+        base: CSSObject;
+        focusOutline: {
+            color: string;
+            width: string;
+        };
+    };
+    wrapper: {
+        base: CSSObject;
+    };
+};

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

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

package/dist/components/Table/SortCell.d.ts

@@ -1,10 +1,13 @@
+import { MouseEvent } from 'react';
 import { TableCellProps } from './Cell';
 export declare type SortOrder = 'ascending' | 'descending' | 'none';
 export declare type SortCellProps = {
     isSorted?: boolean;
     sortOrder?: SortOrder;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, 'type'>;
 export declare const SortCell: import("react").ForwardRefExoticComponent<{
     isSorted?: boolean | undefined;
     sortOrder?: SortOrder | undefined;
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<TableCellProps, "type"> & import("react").RefAttributes<HTMLTableHeaderCellElement>>;

package/dist/helpers/inputFieldStylingBase.d.ts

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

package/dist/index.d.ts

@@ -18,4 +18,6 @@ export * from './components/List';
 export * from './components/DescriptionList';
 export * from './components/Spinner';
 export * from './components/Card';
+export * from './components/InternalHeader';
 export * from './components/Datepicker';
+export * from './components/SkipToContent';