@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/cjs/assets/bundle-24847e44.css

@@ -1,97 +0,0 @@
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('IBM Plex Sans'), local('IBMPlexSans'),
-    url('../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-Regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
-    url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-Italic.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
-    url('../assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-Light.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: italic;
-  font-weight: 300;
-  font-display: swap;
-  src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
-    url('../assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
-    url('../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: italic;
-  font-weight: 600;
-  font-display: swap;
-  src: local('IBM Plex Sans SemiBold Italic'),
-    local('IBMPlexSans-SemiBoldItalic'),
-    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Mono;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: local('IBM Plex Mono'), local('IBMPlexMono'),
-    url('../assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexMono-Regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Mono;
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src: local('IBM Plex Mono Light'), local('IBMPlexMono-Light'),
-    url('../assets/fonts/IBMPlexMono-Light.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexMono-Light.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Mono;
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
-    url('../assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
-}
-
-@import '@norges-domstoler/dds-design-tokens/dist/css/colors.css';
-
-*::selection {
-  background-color: var(--dds-color-tertiary-lightest);
-  color: var(--dds-color-neutrals-gray-9);
-}

package/dist/cjs/components/AppShell/AppShell.d.ts

@@ -1,38 +0,0 @@
-import { PropsWithChildren, ReactElement } from 'react';
-import { User } from './Navigation/TopBar';
-import { OverflowMenuProps } from '../OverflowMenu';
-import { Environment } from '@norges-domstoler/development-utils';
-export type AppShellProps = PropsWithChildren<{
-    /**
-     * Versjon på appen på formatet 0.0.0
-     */
-    version?: string;
-    navigation: AppShellNavigationProps;
-    /**
-     * Den innloggede brukeren.
-     */
-    user: User;
-    /**
-     * Menyvalg som skal vises i OverflowMenu knyttet til "bruker"-knappen.
-     */
-    userMenuItems?: OverflowMenuProps['items'];
-    /**
-     * `environment` brukes for å  vise en banner øverst i appen som viser hvilket miljø du er i.
-     * Når environment er undefined eller `"PROD"` så vises ikke banneret.
-     */
-    environment?: Environment;
-}>;
-export type AppShellNavigationProps = {
-    /**
-     * Interne lenker i navigasjonen.
-     */
-    internal?: ReactElement[];
-    /**
-     * Eksterne lenker i navigasjonen.
-     */
-    external?: ReactElement[];
-};
-export declare const AppShell: {
-    ({ children, version, navigation: { internal, external }, user, userMenuItems, environment, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/cjs/components/AppShell/AppShell.stories.d.ts

@@ -1,28 +0,0 @@
-import { ComponentProps } from 'react';
-import { AppShell } from '.';
-declare const _default: {
-    title: string;
-    component: {
-        ({ children, version, navigation: { internal, external }, user, userMenuItems, environment, }: import("./AppShell").AppShellProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    } & {
-        NavItem: {
-            <T extends import("@norges-domstoler/dds-core").As = "a">({ as: _as, active, icon, external, children, onClick: propOnClick, ...rest }: import("react").PropsWithoutRef<ComponentProps<T>> & {
-                as?: T | undefined;
-            } & (({
-                icon: import("@norges-domstoler/dds-icons").SvgIcon;
-                active?: boolean | undefined;
-                external?: false | undefined;
-            } | {
-                external: true;
-                active?: false | undefined;
-                icon?: undefined;
-            }) & {
-                onClick?: import("react").MouseEventHandler | undefined;
-            })): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: Partial<ComponentProps<typeof AppShell>>) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/AppShell/AppShell.tokens.d.ts

@@ -1,84 +0,0 @@
-export declare const appShellTokens: {
-    navigation: {
-        navigationItems: {
-            gap: string;
-            item: {
-                color: string;
-                borderRadius: string;
-                padding: string;
-                gap: string;
-                external: {
-                    lineHeight: any;
-                    fontSize: string;
-                    letterSpacing: any;
-                    fontFamily: any;
-                    fontWeight: any;
-                    fontStyle: any;
-                };
-                hover: {
-                    backgroundColor: string;
-                };
-                active: {
-                    color: string;
-                    backgroundColor: string;
-                };
-                lineHeight: any;
-                fontSize: string;
-                letterSpacing: any;
-                fontFamily: any;
-                fontWeight: any;
-                fontStyle: any;
-            };
-        };
-        logoAndVersion: {
-            padding: string;
-            color: string;
-            logo: {
-                fontWeight: number;
-                small: {
-                    fontWeight: number;
-                    lineHeight: any;
-                    fontSize: string;
-                    letterSpacing: any;
-                    fontFamily: any;
-                    fontStyle: any;
-                };
-                lineHeight: any;
-                fontSize: string;
-                letterSpacing: any;
-                fontFamily: any;
-                fontStyle: any;
-            };
-            version: {
-                lineHeight: any;
-                fontSize: string;
-                letterSpacing: any;
-                fontFamily: any;
-                fontWeight: any;
-                fontStyle: any;
-            };
-        };
-        topBar: {
-            padding: string;
-            height: string;
-            buttonTextColor: string;
-            gap: string;
-        };
-        color: string;
-        backgroundColor: string;
-        gap: string;
-        dividerColor: string;
-        padding: string;
-        width: string;
-        mobile: {
-            breakpoint: string;
-            iconColors: string;
-        };
-    };
-    floatingActionButtons: {
-        gap: string;
-        textColor: string;
-        backgroundColor: string;
-        borderRadius: string;
-    };
-};

package/dist/cjs/components/AppShell/AppShellContext.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode, type SetStateAction, type Dispatch } from 'react';
-type AppShellContextValues = {
-    isOpen: boolean;
-    setOpen: Dispatch<SetStateAction<boolean>>;
-};
-export declare const AppShellContextProvider: ({ children, }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useAppShellContext: () => AppShellContextValues;
-export {};

package/dist/cjs/components/AppShell/Navigation/EmbeteIcon.d.ts

@@ -1,7 +0,0 @@
-import { SvgProps } from '@norges-domstoler/dds-icons';
-export type EmbeteType = 'jordskifterett' | 'tingrett' | 'lagmannsrett' | 'høyesterett';
-type EmbeteIconProps = {
-    type?: EmbeteType;
-} & SvgProps;
-export declare const EmbeteIcon: ({ type, ...rest }: EmbeteIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/AppShell/Navigation/Navigation.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement } from 'react';
-import { User } from './TopBar';
-import { OverflowMenuProps } from '../../OverflowMenu';
-export declare const NavigationItems: import("styled-components").StyledComponent<"nav", any, {}, never>;
-export type NavigationProps = {
-    version: string;
-    internal: ReactElement[];
-    external: ReactElement[];
-    user: User;
-    userMenuItems?: OverflowMenuProps['items'];
-    environmentBannerActive: boolean;
-};
-export declare const Navigation: ({ version, user, userMenuItems, internal, external, environmentBannerActive, }: NavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/AppShell/Navigation/NavigationItem.d.ts

@@ -1,20 +0,0 @@
-import { type PropsOf, type As } from '@norges-domstoler/dds-core';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { type MouseEventHandler } from 'react';
-type BaseNavigationItemProps = ({
-    icon: SvgIcon;
-    active?: boolean;
-    external?: undefined | false;
-} | {
-    external: true;
-    active?: undefined | false;
-    icon?: undefined;
-}) & {
-    onClick?: MouseEventHandler;
-};
-type NavigationItemProps<T extends As = 'a'> = PropsOf<T> & BaseNavigationItemProps;
-export declare const NavigationItem: {
-    <T extends As = "a">({ as: _as, active, icon, external, children, onClick: propOnClick, ...rest }: NavigationItemProps<T>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/cjs/components/AppShell/Navigation/NavigationLogo.d.ts

@@ -1,3 +0,0 @@
-export declare const NavigationLogo: import("styled-components").StyledComponent<"a", any, {
-    small?: boolean | undefined;
-}, never>;

package/dist/cjs/components/AppShell/Navigation/TopBar.d.ts

@@ -1,23 +0,0 @@
-import { EmbeteType } from './EmbeteIcon';
-import { OverflowMenuProps } from '../../OverflowMenu';
-type TopBarProps = {
-    user: User;
-    userMenuItems?: OverflowMenuProps['items'];
-    isNavigationOpen: boolean;
-    onNavigationOpenChange: (isOpen: boolean) => void;
-    environmentBannerActive: boolean;
-};
-export type User = {
-    /**Brukerens fulle navn (for- og etternavn). */
-    name: string;
-    /**Det aktive embetet til brukeren. */
-    embete: Embete;
-};
-export type Embete = {
-    /**Navnet på embetet. */
-    name: string;
-    /**Hvilken instans embetet er. */
-    type: EmbeteType;
-};
-export declare const TopBar: ({ user, userMenuItems, isNavigationOpen, onNavigationOpenChange, environmentBannerActive, }: TopBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/AppShell/index.d.ts

@@ -1,7 +0,0 @@
-import { AppShell as BaseAppShell, AppShellProps } from './AppShell';
-import { NavigationItem } from './Navigation/NavigationItem';
-type CompoundAppShell = typeof BaseAppShell & {
-    NavItem: typeof NavigationItem;
-};
-declare const AppShell: CompoundAppShell;
-export { AppShell, type AppShellProps };

package/dist/cjs/components/BackLink/BackLink.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export type BackLinkProps = {
-    label: string;
-    href: string;
-};
-export declare const BackLink: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;

package/dist/cjs/components/BackLink/BackLink.stories.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { BackLinkProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<BackLinkProps & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {
-        label: {
-            control: string;
-            defaultValue: string;
-        };
-        href: {
-            control: string;
-            defaultValue: string;
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: BackLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/BackLink/BackLink.tokens.d.ts

@@ -1,8 +0,0 @@
-export declare const backLinkTokens: {
-    icon: {
-        color: string;
-    };
-    nav: {
-        gap: string;
-    };
-};

package/dist/cjs/components/BackLink/index.d.ts

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

package/dist/cjs/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,3 +0,0 @@
-import { AnchorHTMLAttributes, HTMLAttributes } from 'react';
-export type BreadcrumbProps = HTMLAttributes<HTMLSpanElement> | AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;

package/dist/cjs/components/Breadcrumbs/Breadcrumb.tokens.d.ts

@@ -1,13 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyType: StaticTypographyType;
-export declare const breadcrumbTokens: {
-    list: {
-        gap: string;
-    };
-    listItem: {
-        gap: string;
-    };
-    icon: {
-        color: string;
-    };
-};

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement>;
-export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import("react").RefAttributes<HTMLElement>>;

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { BreadcrumbsProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<BreadcrumbsProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
-};
-export default _default;
-export declare const Default: (args: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Breadcrumbs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Breadcrumb';
-export * from './Breadcrumbs';

package/dist/cjs/components/Button/Button.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const Button: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type">, "id" | "className"> & {
-    size?: import("./Button.types").ButtonSize | undefined;
-    label?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    purpose?: import("./Button.types").ButtonPurpose | undefined;
-    iconPosition?: import("./Button.types").IconPosition | undefined;
-    appearance?: import("./Button.types").ButtonAppearance | undefined;
-    loading?: boolean | undefined;
-    loadingTooltip?: string | undefined;
-    icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    target?: string | undefined;
-} & {
-    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-    type?: "button" | "submit" | "reset" | undefined;
-} & {
-    htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "onFocus" | "onBlur" | "type"> | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/Button/Button.stories.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick">, "className" | "id"> & {
-        size?: import("./Button.types").ButtonSize | undefined;
-        label?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        purpose?: import("./Button.types").ButtonPurpose | undefined;
-        iconPosition?: import("./Button.types").IconPosition | undefined;
-        appearance?: import("./Button.types").ButtonAppearance | undefined;
-        loading?: boolean | undefined;
-        loadingTooltip?: string | undefined;
-        icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
-        fullWidth?: boolean | undefined;
-        href?: string | undefined;
-        target?: string | undefined;
-    } & {
-        type?: "button" | "submit" | "reset" | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-    } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onFocus" | "onBlur" | "onClick"> | undefined;
-    } & import("react").RefAttributes<HTMLButtonElement>>;
-    argTypes: {
-        label: {
-            control: {
-                type: string;
-            };
-        };
-        loading: {
-            control: {
-                type: string;
-            };
-        };
-        fullWidth: {
-            control: {
-                type: string;
-            };
-        };
-        href: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const OverviewWithText: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewJustIcon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewSizes: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewLoading: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverviewFullWidth: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TextWithIcon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Icon: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Ghost: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Borderless: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Rounded: (args: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Button/Button.styles.d.ts

@@ -1,25 +0,0 @@
-import { ButtonAppearance, ButtonPurpose, ButtonSize, IconPosition } from './Button.types';
-type ButtonWrapperProps = {
-    appearance: ButtonAppearance;
-    purpose: ButtonPurpose;
-    size: ButtonSize;
-    fullWidth: boolean;
-    hasIcon: boolean;
-    hasLabel: boolean;
-    isLoading: boolean;
-    iconPosition?: IconPosition;
-};
-export declare const ButtonWrapper: import("styled-components").StyledComponent<"button", any, ButtonWrapperProps, never>;
-type StyledIconWrapperSpanProps = {
-    iconPosition?: IconPosition;
-    size: ButtonSize;
-    absolutePosition?: boolean;
-    isHidden?: boolean;
-    justIcon?: boolean;
-};
-export declare const StyledIconWrapperSpan: import("styled-components").StyledComponent<"span", any, StyledIconWrapperSpanProps, never>;
-type LabelProps = {
-    isHidden?: boolean;
-};
-export declare const Label: import("styled-components").StyledComponent<"span", any, LabelProps, never>;
-export {};