@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/InternalHeader/InternalHeader.styles.js

@@ -1,56 +0,0 @@
-import styled, { css } from 'styled-components';
-import { internalHeaderTokens } from './InternalHeader.tokens.js';
-import { OverflowMenu } from '../OverflowMenu/OverflowMenu.js';
-import '../OverflowMenu/OverflowMenuGroup.js';
-import { selection } from '@norges-domstoler/dds-core';
-
-var outerContainer = internalHeaderTokens.outerContainer,
-  applicationNameWrapper = internalHeaderTokens.applicationNameWrapper,
-  lovisaWrapper = internalHeaderTokens.lovisaWrapper,
-  banner = internalHeaderTokens.banner,
-  navigation = internalHeaderTokens.navigation,
-  contextGroup = internalHeaderTokens.contextGroup;
-var OuterContainer = styled.div.withConfig({
-  displayName: "InternalHeaderstyles__OuterContainer",
-  componentId: "sc-91bnca-0"
-})(["position:relative;*::selection{", "}background-color:", ";"], selection, outerContainer.backgroundColor);
-var BannerWrapper = styled.div.withConfig({
-  displayName: "InternalHeaderstyles__BannerWrapper",
-  componentId: "sc-91bnca-1"
-})(["position:relative;display:flex;align-items:center;border-bottom:", ";padding-right:", ";", ""], banner.borderBottom, banner.paddingRight, function (_ref) {
-  var hasContextMenu = _ref.hasContextMenu;
-  return hasContextMenu && css(["padding-right:", ";"], banner.hasContextMenu.paddingRight);
-});
-var BannerLeftWrapper = styled.div.withConfig({
-  displayName: "InternalHeaderstyles__BannerLeftWrapper",
-  componentId: "sc-91bnca-2"
-})(["display:flex;"]);
-var ApplicationNameWrapper = styled.div.withConfig({
-  displayName: "InternalHeaderstyles__ApplicationNameWrapper",
-  componentId: "sc-91bnca-3"
-})(["display:flex;align-items:center;padding:", ";"], applicationNameWrapper.padding);
-var LovisaWrapper = styled.div.withConfig({
-  displayName: "InternalHeaderstyles__LovisaWrapper",
-  componentId: "sc-91bnca-4"
-})(["padding:", ";border-right:", ";"], lovisaWrapper.padding, lovisaWrapper.borderRight);
-var Navigation = styled.nav.withConfig({
-  displayName: "InternalHeaderstyles__Navigation",
-  componentId: "sc-91bnca-5"
-})(["border-bottom:", ";"], navigation.borderBottom);
-var NavigationList = styled.ul.withConfig({
-  displayName: "InternalHeaderstyles__NavigationList",
-  componentId: "sc-91bnca-6"
-})(["box-sizing:border-box;display:flex;", " list-style-type:none;padding:0;margin:0;"], function (_ref2) {
-  var smallScreen = _ref2.smallScreen;
-  return smallScreen && css(["flex-direction:column;"]);
-});
-var ContextMenuGroup = styled.div.withConfig({
-  displayName: "InternalHeaderstyles__ContextMenuGroup",
-  componentId: "sc-91bnca-7"
-})(["position:absolute;top:", ";right:", ";"], contextGroup.top, contextGroup.right);
-var StyledOverflowMenu = styled(OverflowMenu).withConfig({
-  displayName: "InternalHeaderstyles__StyledOverflowMenu",
-  componentId: "sc-91bnca-8"
-})(["max-height:calc(100vh - 110px);"]);
-
-export { ApplicationNameWrapper, BannerLeftWrapper, BannerWrapper, ContextMenuGroup, LovisaWrapper, Navigation, NavigationList, OuterContainer, StyledOverflowMenu };

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

@@ -1,47 +0,0 @@
-import { StaticTypographyType } from '@norges-domstoler/dds-typography';
-export declare const typographyTypes: {
-    [k: string]: StaticTypographyType;
-};
-export declare const internalHeaderTokens: {
-    navLink: {
-        base: {
-            color: string;
-            backgroundColor: string;
-            padding: string;
-        };
-        hover: {
-            color: string;
-        };
-        active: {
-            color: string;
-        };
-        current: {
-            color: string;
-            backgroundColor: string;
-        };
-    };
-    outerContainer: {
-        backgroundColor: string;
-    };
-    applicationNameWrapper: {
-        padding: string;
-    };
-    lovisaWrapper: {
-        padding: string;
-        borderRight: string;
-    };
-    banner: {
-        borderBottom: string;
-        paddingRight: string;
-        hasContextMenu: {
-            paddingRight: string;
-        };
-    };
-    navigation: {
-        borderBottom: string;
-    };
-    contextGroup: {
-        right: string;
-        top: string;
-    };
-};

package/dist/components/InternalHeader/InternalHeader.tokens.js

@@ -1,61 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var border = ddsBaseTokens.border,
-  colors = ddsBaseTokens.colors,
-  spacing = ddsBaseTokens.spacing;
-var borderStyle = "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " ").concat(border.BordersDdsBorderStyleLightStroke, " solid ");
-var typographyTypes = {
-  navLink: 'bodySans01'
-};
-var navLink = {
-  base: {
-    color: colors.DdsColorNeutralsGray9,
-    backgroundColor: colors.DdsColorNeutralsWhite,
-    padding: "".concat(spacing.SizesDdsSpacingLocalX075, " ").concat(spacing.SizesDdsSpacingLocalX15)
-  },
-  hover: {
-    color: colors.DdsColorInteractiveDark
-  },
-  active: {
-    color: colors.DdsColorInteractiveDark
-  },
-  current: {
-    color: colors.DdsColorInteractiveDarkest,
-    backgroundColor: colors.DdsColorPrimaryLightest
-  }
-};
-var outerContainer = {
-  backgroundColor: colors.DdsColorNeutralsWhite
-};
-var applicationNameWrapper = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX15)
-};
-var lovisaWrapper = {
-  padding: "".concat(spacing.SizesDdsSpacingLocalX1, " ").concat(spacing.SizesDdsSpacingLocalX15),
-  borderRight: borderStyle
-};
-var banner = {
-  borderBottom: borderStyle,
-  paddingRight: spacing.SizesDdsSpacingLocalX1,
-  hasContextMenu: {
-    paddingRight: spacing.SizesDdsSpacingLayoutX4
-  }
-};
-var navigation = {
-  borderBottom: borderStyle
-};
-var contextGroup = {
-  right: spacing.SizesDdsSpacingLocalX075,
-  top: spacing.SizesDdsSpacingLocalX025
-};
-var internalHeaderTokens = {
-  navLink: navLink,
-  outerContainer: outerContainer,
-  applicationNameWrapper: applicationNameWrapper,
-  lovisaWrapper: lovisaWrapper,
-  banner: banner,
-  navigation: navigation,
-  contextGroup: contextGroup
-};
-
-export { internalHeaderTokens, typographyTypes };

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

@@ -1,36 +0,0 @@
-import { AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { SvgIcon } from '@norges-domstoler/dds-icons';
-import { BaseComponentProps } from '@norges-domstoler/dds-core';
-type NavigationLinkProps = {
-    href: string;
-    title: string;
-} & AnchorHTMLAttributes<HTMLAnchorElement>;
-type ContextMenuElementProps = {
-    title: string;
-    href?: string;
-    icon?: SvgIcon;
-    onClick?: () => void;
-} & (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>);
-type InternaHeaderUserProps = {
-    name: string;
-    href?: string;
-};
-export type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
-    /**Navn på applikasjonen. */
-    applicationName?: string;
-    /**Beskrivelse på applikasjonen ellen tittel på en underside. Tilgjengelig fram til Lovisa Next kommer. */
-    applicationDesc?: string;
-    /**Indikerer om versjonen for små skjermer skal vises. */
-    smallScreen?: boolean;
-    /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
-    userProps?: InternaHeaderUserProps;
-    /**Lenker som skal vises i navigasjonsmenyen. */
-    navigationElements?: NavigationLinkProps[];
-    /**Lenker eller knapper som skal vises i kontekstmenyen. Støtter ikon i tillegg til tekst. */
-    contextMenuElements?: ContextMenuElementProps[];
-    /**URL til siden i navigasjonen brukeren er på. Gir highlight til navigasjonselementet i navigationElements med samme URL. */
-    currentPageHref?: string;
-    /**Ekstra logikk som kjøres når currentPage endres. */
-    onCurrentPageChange?: () => void;
-}>;
-export {};

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

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

package/dist/components/InternalHeader/InternalHeaderListItem.js

@@ -1,21 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-
-var Li = styled.li.withConfig({
-  displayName: "InternalHeaderListItem__Li",
-  componentId: "sc-g1dd6e-0"
-})(["box-sizing:border-box;"]);
-var InternalHeaderListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var children = _a.children,
-    rest = __rest(_a, ["children"]);
-  var props = Object.assign({
-    ref: ref
-  }, rest);
-  return jsx(Li, Object.assign({}, props, {
-    children: children
-  }));
-});
-
-export { InternalHeaderListItem };

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

@@ -1,14 +0,0 @@
-import { AnchorHTMLAttributes } from 'react';
-type LinkProps = {
-    isCurrent?: boolean;
-};
-export declare const Link: import("styled-components").StyledComponent<"a", any, LinkProps, never>;
-export 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/InternalHeader/NavigationItem.js

@@ -1,31 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-import { typographyTypes, internalHeaderTokens } from './InternalHeader.tokens.js';
-import { focusVisible } from '@norges-domstoler/dds-form';
-
-var navLink = internalHeaderTokens.navLink;
-var Link = styled.a.withConfig({
-  displayName: "NavigationItem__Link",
-  componentId: "sc-1fua9kw-0"
-})(["display:flex;align-items:center;height:100%;box-sizing:border-box;text-decoration:none;@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s;}color:", ";background-color:", ";padding:", ";", " &:hover{color:", ";}&:active{color:", ";}&:focus-visible,&.focus-visible{", ";}", ""], navLink.base.color, navLink.base.backgroundColor, navLink.base.padding, getFontStyling(typographyTypes.navLink), navLink.hover.color, navLink.active.color, focusVisible, function (_ref) {
-  var isCurrent = _ref.isCurrent;
-  return isCurrent && css(["color:", ";background-color:", ";&:hover{color:", ";}"], navLink.current.color, navLink.current.backgroundColor, navLink.current.color);
-});
-var NavigationItem = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var title = _a.title,
-    isCurrent = _a.isCurrent,
-    rest = __rest(_a, ["title", "isCurrent"]);
-  var linkProps = Object.assign({
-    ref: ref,
-    isCurrent: isCurrent
-  }, rest);
-  return jsx(Link, Object.assign({}, linkProps, {
-    "aria-current": isCurrent ? 'page' : undefined,
-    children: title
-  }));
-});
-
-export { Link, NavigationItem };

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

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

package/dist/components/List/List.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { TypographyBodyType } from '@norges-domstoler/dds-typography';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type ListType = 'ordered' | 'unordered';
-export type ListTypographyType = TypographyBodyType | 'inherit';
-export type ListProps = BaseComponentPropsWithChildren<HTMLUListElement | HTMLOListElement, {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
-    listType?: ListType;
-    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
-    typographyType?: ListTypographyType;
-}>;
-export declare const List: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement>, "className" | "id"> & {
-    /**Spesifiserer om komponenten skal returnere `<ul />` (punktliste) eller `<ol />` (nummerert liste). */
-    listType?: ListType | undefined;
-    /**Spesifiserer typografi for listen. Komponenten arver i utgangspunktet fra forelder, men hvis forelder stiller ikke med relevant styling  må det velges `TypographyBodyType` som brukes i `<body>` ellers på siden. */
-    typographyType?: ListTypographyType | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLUListElement | HTMLOListElement> | undefined;
-} & import("react").RefAttributes<HTMLUListElement | HTMLOListElement>>;

package/dist/components/List/List.js

@@ -1,48 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import bulletLvl1 from './bullets/jordskifterett_bullet1.svg.js';
-import bulletLvl2 from './bullets/lagmannsrett_bullet2.svg.js';
-import bulletLvl3 from './bullets/tingrett_bullet3.svg.js';
-import { getFontStyling } from '@norges-domstoler/dds-typography';
-import { selection, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-import { listTokens } from './List.tokens.js';
-
-var list = listTokens.list,
-  listItem = listTokens.listItem,
-  bullet = listTokens.bullet;
-var StyledList = styled.ul.withConfig({
-  displayName: "List__StyledList",
-  componentId: "sc-1f1c7eb-0"
-})(["margin:", ";color:", ";ul,ol{margin:0;}*::selection{", "}", " ", ""], list.base.margin, list.base.color, selection, function (_ref) {
-  var typographyType = _ref.typographyType;
-  return typographyType === 'inherit' ? css(["font:inherit;"]) : css(["", ""], getFontStyling(typographyType));
-}, function (_ref2) {
-  var listType = _ref2.listType;
-  return listType === 'unordered' ? css(["padding-left:", ";list-style:none;li{position:relative;padding-left:", ";&:before{content:'';display:inline-block;height:1em;width:1em;position:absolute;top:", ";left:0;background-size:contain;background-repeat:no-repeat;background-image:", ";}ul > li:before{background-image:", ";}ul > li > ul > li:before{background-image:", ";}}"], list.ul.paddingLeft, listItem.ul.paddingLeft, bullet.top, "url(\"".concat(bulletLvl1, "\")"), "url(\"".concat(bulletLvl2, "\")"), "url(\"".concat(bulletLvl3, "\")")) : css(["padding-left:", ";& > li > ol{list-style-type:lower-alpha;}& > li > ol > li > ol{list-style-type:lower-roman;}"], list.ol.paddingLeft);
-});
-var List = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$listType = props.listType,
-    listType = _props$listType === void 0 ? 'unordered' : _props$listType,
-    _props$typographyType = props.typographyType,
-    typographyType = _props$typographyType === void 0 ? 'inherit' : _props$typographyType,
-    children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["listType", "typographyType", "children", "id", "className", "htmlProps"]);
-  var as = listType === 'ordered' ? 'ol' : 'ul';
-  var listProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    listType: listType,
-    typographyType: typographyType,
-    as: as,
-    ref: ref
-  });
-  return jsx(StyledList, Object.assign({}, listProps, {
-    children: children
-  }));
-});
-List.displayName = 'List';
-
-export { List };

package/dist/components/List/List.stories.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ListProps } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement>, "className" | "id"> & {
-        listType?: import("./List").ListType | undefined;
-        typographyType?: import("./List").ListTypographyType | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & {
-        htmlProps?: import("react").HTMLAttributes<HTMLOListElement | HTMLUListElement> | undefined;
-    } & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
-};
-export default _default;
-export declare const Overview: (args: ListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Default: (args: ListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Nested: (args: ListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Example: (args: ListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +0,0 @@
-export declare const listTokens: {
-    list: {
-        base: {
-            margin: string;
-            color: string;
-        };
-        ol: {
-            paddingLeft: string;
-        };
-        ul: {
-            paddingLeft: string;
-        };
-    };
-    listItem: {
-        lineHeight: string;
-        ul: {
-            paddingLeft: string;
-        };
-    };
-    bullet: {
-        top: string;
-    };
-    spaceLeft: string;
-};

package/dist/components/List/List.tokens.js

@@ -1,35 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-
-var spacing = ddsBaseTokens.spacing;
-var textDefault = ddsReferenceTokens.textDefault;
-var ulLiPaddingLeft = "1em + ".concat(spacing.SizesDdsSpacingLocalX025);
-var ulPaddingLeft = "".concat(spacing.SizesDdsSpacingLocalX2, " - (").concat(ulLiPaddingLeft, ")");
-var list = {
-  base: {
-    margin: "".concat(spacing.SizesDdsSpacingLocalX1, " 0"),
-    color: textDefault.textColor
-  },
-  ol: {
-    paddingLeft: spacing.SizesDdsSpacingLocalX2
-  },
-  ul: {
-    paddingLeft: "calc(".concat(ulPaddingLeft, ")")
-  }
-};
-var listItem = {
-  lineHeight: '2.5em',
-  ul: {
-    paddingLeft: "calc(".concat(ulLiPaddingLeft, ")")
-  }
-};
-var bullet = {
-  top: "calc((".concat(listItem.lineHeight, " / 2) - 0.5em )")
-};
-var listTokens = {
-  list: list,
-  listItem: listItem,
-  bullet: bullet,
-  spaceLeft: spacing.SizesDdsSpacingLocalX2
-};
-
-export { listTokens };

package/dist/components/List/ListItem.d.ts

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

package/dist/components/List/ListItem.js

@@ -1,22 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { listTokens } from './List.tokens.js';
-
-var StyledListItem = styled.li.withConfig({
-  displayName: "ListItem__StyledListItem",
-  componentId: "sc-17s9l0b-0"
-})(["line-height:", ";"], listTokens.listItem.lineHeight);
-var ListItem = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var children = _a.children,
-    rest = __rest(_a, ["children"]);
-  return jsx(StyledListItem, Object.assign({
-    ref: ref
-  }, rest, {
-    children: children
-  }));
-});
-ListItem.displayName = 'ListItem';
-
-export { ListItem };

package/dist/components/List/bullets/jordskifterett_bullet1.svg.js

@@ -1,4 +0,0 @@
-var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='6.7085' cy='6.7085' r='2.625' fill='%230B0D0E'/%3e%3c/svg%3e";
-  var bulletLvl1 = img;
-
-export { bulletLvl1 as default };

package/dist/components/List/bullets/lagmannsrett_bullet2.svg.js

@@ -1,4 +0,0 @@
-var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.04346' y='6.08691' width='7.30435' height='1.82609' fill='%230B0D0E'/%3e%3c/svg%3e";
-  var bulletLvl2 = img;
-
-export { bulletLvl2 as default };

package/dist/components/List/bullets/tingrett_bullet3.svg.js

@@ -1,4 +0,0 @@
-var img = "data:image/svg+xml,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z' fill='%230B0D0E'/%3e%3c/svg%3e";
-  var bulletLvl3 = img;
-
-export { bulletLvl3 as default };

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

@@ -1,2 +0,0 @@
-export * from './List';
-export * from './ListItem';

package/dist/components/LocalMessage/LocalMessage.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { Property } from 'csstype';
-import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
-export type LocalMessagePurpose = 'info' | 'warning' | 'danger' | 'confidential' | 'success' | 'tips';
-export type LocalMessageLayout = 'horisontal' | 'vertical';
-export type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
-    message?: string;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: LocalMessagePurpose;
-    /** Indikerer om meldingen skal være lukkbar.*/
-    closable?: boolean;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: () => void;
-    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
-    layout?: LocalMessageLayout;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string>;
-}>;
-export declare const LocalMessage: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
-    /**Meldingen som vises til brukeren. Brukes kun når meldingen er string. */
-    message?: string | undefined;
-    /**Formålet med meldingen. Påvirker styling. */
-    purpose?: LocalMessagePurpose | undefined;
-    /** Indikerer om meldingen skal være lukkbar.*/
-    closable?: boolean | undefined;
-    /**Ekstra logikk å kjøre når meldingen lukkes. */
-    onClose?: (() => void) | undefined;
-    /**Layoutet i komponenten. Ved kompleks innhold anbefales `layout='vertical'`. */
-    layout?: LocalMessageLayout | undefined;
-    /**Custom bredde ved behov. */
-    width?: Property.Width<string> | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/LocalMessage/LocalMessage.js

@@ -1,118 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { Button } from '../Button/Button.js';
-import { forwardRef, useState } from 'react';
-import { localMessageTokens } from './LocalMessage.tokens.js';
-import { Icon, CloseIcon } from '@norges-domstoler/dds-icons';
-import { getFontStyling, defaultTypographyType, Typography } from '@norges-domstoler/dds-typography';
-import { selection, getBaseHTMLProps } from '@norges-domstoler/dds-core';
-
-var defaultWidth = '400px';
-var container = localMessageTokens.container,
-  icon = localMessageTokens.icon,
-  purposeVariants = localMessageTokens.purposeVariants;
-var Container = styled.div.withConfig({
-  displayName: "LocalMessage__Container",
-  componentId: "sc-kmfp8w-0"
-})(["box-sizing:border-box;display:grid;grid-template-areas:", ";grid-template-columns:", ";box-shadow:", ";border:", ";border-radius:", ";padding:", ";gap:", ";align-items:center;", " *::selection{", "}", " width:", ";"], function (_ref) {
-  var layout = _ref.layout,
-    closable = _ref.closable;
-  return getGridTemplateAreas(layout, closable);
-}, function (_ref2) {
-  var layout = _ref2.layout,
-    closable = _ref2.closable;
-  return getGridTemplateColumns(layout, closable);
-}, container.base.boxShadow, container.base.border, container.base.borderRadius, container.base.padding, container.base.gap, getFontStyling(defaultTypographyType, true), selection, function (_ref3) {
-  var purpose = _ref3.purpose;
-  return purpose && css(["border-color:", ";background-color:", ";"], container.purpose[purpose].borderColor, container.purpose[purpose].backgroundColor);
-}, function (_ref4) {
-  var width = _ref4.width;
-  return width;
-});
-function getGridTemplateAreas(layout, closeable) {
-  if (closeable) {
-    if (layout === 'horisontal') {
-      return '"icon text closeButton"';
-    }
-    return '"icon closeButton" "text text"';
-  } else {
-    if (layout === 'horisontal') {
-      return '"icon text"';
-    }
-    return '"icon icon" "text text"';
-  }
-}
-function getGridTemplateColumns(layout, closable) {
-  if (closable) {
-    return layout === 'horisontal' ? 'min-content 1fr min-content' : '1fr min-content';
-  }
-  return layout === 'horisontal' ? 'min-content 1fr' : '1fr';
-}
-var MessageIconWrapper = styled(Icon).withConfig({
-  displayName: "LocalMessage__MessageIconWrapper",
-  componentId: "sc-kmfp8w-1"
-})(["grid-area:icon;"]);
-var TextContainer = styled.div.withConfig({
-  displayName: "LocalMessage__TextContainer",
-  componentId: "sc-kmfp8w-2"
-})(["grid-area:text;"]);
-var CloseButton = styled(Button).withConfig({
-  displayName: "LocalMessage__CloseButton",
-  componentId: "sc-kmfp8w-3"
-})(["grid-area:closeButton;margin:-", " 0;"], container.base.padding);
-var LocalMessage = /*#__PURE__*/forwardRef(function (props, ref) {
-  var message = props.message,
-    _props$purpose = props.purpose,
-    purpose = _props$purpose === void 0 ? 'info' : _props$purpose,
-    closable = props.closable,
-    onClose = props.onClose,
-    _props$width = props.width,
-    width = _props$width === void 0 ? defaultWidth : _props$width,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horisontal' : _props$layout,
-    children = props.children,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    rest = __rest(props, ["message", "purpose", "closable", "onClose", "width", "layout", "children", "id", "className", "htmlProps"]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isClosed = _useState2[0],
-    setClosed = _useState2[1];
-  var containerProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    purpose: purpose,
-    width: width,
-    layout: layout,
-    closable: closable,
-    ref: ref
-  });
-  if (isClosed) {
-    return jsx(Fragment, {});
-  }
-  return jsxs(Container, Object.assign({}, containerProps, {
-    children: [jsx(MessageIconWrapper, {
-      icon: purposeVariants[purpose].icon,
-      color: icon[purpose].color
-    }), jsx(TextContainer, {
-      children: children !== null && children !== void 0 ? children : jsx(Typography, {
-        as: "span",
-        children: message
-      })
-    }), closable && jsx(CloseButton, {
-      icon: CloseIcon,
-      purpose: purposeVariants[purpose].closeButtonPurpose,
-      appearance: "borderless",
-      onClick: function onClick() {
-        setClosed(true);
-        onClose && onClose();
-      },
-      size: "small",
-      "aria-label": "Lukk melding"
-    })]
-  }));
-});
-LocalMessage.displayName = 'LocalMessage';
-
-export { LocalMessage };