@navikt/ds-react 6.0.0-alpha.2 → 6.0.0

package/esm/layout/sidemal-test/Content.js

@@ -1,14 +1,14 @@
 import React from "react";
 import { LinkIcon } from "@navikt/aksel-icons";
-import { Accordion } from "../../accordion";
-import { CopyButton } from "../../copybutton";
-import { Link } from "../../link";
-import { List } from "../../list";
-import { ReadMore } from "../../read-more";
-import { BodyLong, Heading } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
-import { AvatarPanel } from "./AvatarPanel";
+import { Accordion } from "../../accordion/index.js";
+import { CopyButton } from "../../copybutton/index.js";
+import { Link } from "../../link/index.js";
+import { List } from "../../list/index.js";
+import { ReadMore } from "../../read-more/index.js";
+import { BodyLong, Heading } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { VStack } from "../stack/index.js";
+import { AvatarPanel } from "./AvatarPanel.js";
 export function Content() {
     return (React.createElement(AvatarPanel, null,
         React.createElement(Box, { paddingBlock: "0 6" },

package/esm/layout/sidemal-test/Filter.js

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { InformationSquareIcon } from "@navikt/aksel-icons";
-import { Checkbox, CheckboxGroup } from "../../form";
-import { BodyLong, Detail, Heading } from "../../typography";
-import { Box } from "../box";
-import { HStack, VStack } from "../stack";
+import { Checkbox, CheckboxGroup } from "../../form/index.js";
+import { BodyLong, Detail, Heading } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { HStack, VStack } from "../stack/index.js";
 export function FilterCard() {
     const [filter, setFilter] = useState([]);
     return (React.createElement(Box, { background: "bg-default", padding: { xs: "4", md: "5" }, borderWidth: "5", borderColor: "border-alt-3", borderRadius: "medium" },

package/esm/layout/sidemal-test/Header.js

@@ -1,9 +1,9 @@
 import React from "react";
-import { BodyShort, Detail, Heading } from "../../typography";
-import { Box } from "../box";
-import { Hide, Show } from "../responsive";
-import { HStack, VStack } from "../stack";
-import { ContentBox } from "./content-box";
+import { BodyShort, Detail, Heading } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { Hide, Show } from "../responsive/index.js";
+import { HStack, VStack } from "../stack/index.js";
+import { ContentBox } from "./content-box/index.js";
 export function Header() {
     return (React.createElement(Box, { as: "header", borderWidth: "0 0 4 0", borderColor: "border-success", paddingBlock: "12 0" },
         React.createElement(ContentBox, { maxWidth: "lg" },

package/esm/layout/sidemal-test/Intro.js

@@ -1,9 +1,9 @@
 import React from "react";
 import { LinkIcon } from "@navikt/aksel-icons";
-import { CopyButton } from "../../copybutton";
-import { BodyLong, Detail, Heading, Label } from "../../typography";
-import { Box } from "../box";
-import { HStack, VStack } from "../stack";
+import { CopyButton } from "../../copybutton/index.js";
+import { BodyLong, Detail, Heading, Label } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { HStack, VStack } from "../stack/index.js";
 export function IntroCard() {
     return (React.createElement(Box, { background: "bg-default", padding: { xs: "4", md: "10" }, borderRadius: "medium" },
         React.createElement(VStack, { gap: "6" },

package/esm/layout/sidemal-test/Sidebar.js

@@ -1,8 +1,8 @@
 import React from "react";
-import { Link } from "../../link";
-import { Heading, Label } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
+import { Link } from "../../link/index.js";
+import { Heading, Label } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { VStack } from "../stack/index.js";
 const LinkElement = ({ children }) => {
     return (React.createElement(Label, { as: "li", className: "sidebarlink" }, children));
 };

package/esm/layout/sidemal-test/content-box/ContentBox.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../../../util";
+import { OverridableComponent } from "../../../util/index.js";
 export interface ContentBoxProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     maxWidth?: "3xl" | "2xl" | "xl" | "lg";

package/esm/layout/sidemal-test/content-box/index.d.ts

@@ -1 +1 @@
-export { default as ContentBox, type ContentBoxProps } from "./ContentBox";
+export { default as ContentBox, type ContentBoxProps } from "./ContentBox.js";

package/esm/layout/sidemal-test/content-box/index.js

@@ -1,2 +1,2 @@
-export { default as ContentBox } from "./ContentBox";
+export { default as ContentBox } from "./ContentBox.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/stack/HStack.d.ts

@@ -1,5 +1,5 @@
-import { OverridableComponent } from "../../util/types";
-import { StackProps } from "./Stack";
+import { OverridableComponent } from "../../util/types/index.js";
+import { StackProps } from "./Stack.js";
 export type HStackProps = Omit<StackProps, "direction">;
 /**
  * Layout-primitive for horizontal flexbox

package/esm/layout/stack/HStack.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from "react";
-import { Stack } from "./Stack";
+import { Stack } from "./Stack.js";
 /**
  * Layout-primitive for horizontal flexbox
  *

package/esm/layout/stack/Stack.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../../util/types";
-import { ResponsiveProp, SpacingScale } from "../utilities/types";
+import { OverridableComponent } from "../../util/types/index.js";
+import { ResponsiveProp, SpacingScale } from "../utilities/types.js";
 export interface StackProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**

package/esm/layout/stack/Stack.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { getResponsiveProps, getResponsiveValue } from "../utilities/css";
+import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
 export const Stack = forwardRef((_a, ref) => {
     var { as: Component = "div", className, align, justify, wrap = true, gap, style: _style, direction = "row" } = _a, rest = __rest(_a, ["as", "className", "align", "justify", "wrap", "gap", "style", "direction"]);
     const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), { "--__ac-stack-wrap": wrap ? "wrap" : "nowrap" }), getResponsiveProps(`stack`, "gap", "spacing", gap)), getResponsiveValue(`stack`, "direction", direction)), getResponsiveValue(`stack`, "align", align)), getResponsiveValue(`stack`, "justify", justify));

package/esm/layout/stack/VStack.d.ts

@@ -1,5 +1,5 @@
-import { OverridableComponent } from "../../util/types";
-import { StackProps } from "./Stack";
+import { OverridableComponent } from "../../util/types/index.js";
+import { StackProps } from "./Stack.js";
 export type VStackProps = Omit<StackProps, "direction" | "wrap">;
 /**
  * Layout-primitive for vetical flexbox

package/esm/layout/stack/VStack.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from "react";
-import { Stack } from "./Stack";
+import { Stack } from "./Stack.js";
 /**
  * Layout-primitive for vetical flexbox
  *

package/esm/layout/stack/index.d.ts

@@ -1,4 +1,4 @@
-export { HStack, type HStackProps } from "./HStack";
-export { VStack, type VStackProps } from "./VStack";
-export { Stack, type StackProps } from "./Stack";
-export { Spacer } from "./Spacer";
+export { HStack, type HStackProps } from "./HStack.js";
+export { VStack, type VStackProps } from "./VStack.js";
+export { Stack, type StackProps } from "./Stack.js";
+export { Spacer } from "./Spacer.js";

package/esm/layout/stack/index.js

@@ -1,5 +1,5 @@
-export { HStack } from "./HStack";
-export { VStack } from "./VStack";
-export { Stack } from "./Stack";
-export { Spacer } from "./Spacer";
+export { HStack } from "./HStack.js";
+export { VStack } from "./VStack.js";
+export { Stack } from "./Stack.js";
+export { Spacer } from "./Spacer.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/utilities/css.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveProp } from "./types";
+import { ResponsiveProp } from "./types.js";
 export declare function getResponsiveValue<T = string>(componentName: string, componentProp: string, responsiveProp?: ResponsiveProp<T>): {
     [k: string]: T;
 };

package/esm/layout/utilities/css.js

@@ -27,6 +27,10 @@ const translateTokenStringToCSS = (componentProp, tokenString, tokenSubgroup, to
             const width = 100 / arr.length;
             return `calc((100vw - ${width}%)/-2)`;
         }
+        else if (componentProp === "padding-inline" && x === "full") {
+            const width = 100 / arr.length;
+            return `calc((100vw - ${width}%)/2)`;
+        }
         let output = `var(--a-${tokenSubgroup}-${x})`;
         if (tokenExceptions.includes(x)) {
             output = translateExceptionToCSS(x);

package/esm/layout/utilities/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,cAAkC;IAElC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO;YACL,CAAC,UAAU,aAAa,IAAI,aAAa,KAAK,CAAC,EAAE,cAAc;SAChE,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,EAAE,EAAE,CAAC;QACzE,UAAU,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE;QAC7D,eAAe;KAChB,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE;IACpD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAChC,aAAqB,EACrB,WAAmB,EACnB,aAAqB,EACrB,eAAyB,EACzB,MAAe,EACf,EAAE;IACF,OAAO,WAAW;SACf,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QACjB,IAAI,aAAa,KAAK,eAAe,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YACtD,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;YAC/B,OAAO,iBAAiB,KAAK,QAAQ,CAAC;QACxC,CAAC;QAED,IAAI,MAAM,GAAG,WAAW,aAAa,IAAI,CAAC,GAAG,CAAC;QAC9C,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAChC,MAAM,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;gBACd,OAAO,GAAG,CAAC;YACb,CAAC;YACD,OAAO,aAAa,MAAM,GAAG,CAAC;QAChC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,aAAqB,EACrB,cAAkC,EAClC,MAAM,GAAG,KAAK,EACd,kBAA4B,EAAE;IAE9B,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO;YACL,CAAC,UAAU,aAAa,IAAI,aAAa,KAAK,CAAC,EAC7C,yBAAyB,CACvB,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,MAAM,CACP;SACJ,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,EAAE;QACzE,UAAU,CAAC,UAAU,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE,CAAC;YACvE,yBAAyB,CACvB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,MAAM,CACP,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACpB,CAAC"}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"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"}

package/esm/layout/utilities/types.d.ts

@@ -8,7 +8,7 @@ export type BackgroundToken = keyof typeof bgColors.a | keyof typeof surfaceColo
 export type BorderColorToken = keyof typeof borderColors.a;
 export type BorderRadiiToken = keyof (typeof borderRadii.a)["border-radius"] | "0";
 export type ShadowToken = keyof typeof shadows.a.shadow;
-export type BreakpointsAlias = "xs" | "sm" | "md" | "lg" | "xl";
+export type BreakpointsAlias = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 export type SpacingScale = keyof (typeof Spacing)["a"]["spacing"];
 export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
 type FixedResponsiveT<T> = {

package/esm/link/Link.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Inverts when the underline appears. If this is false,

package/esm/link/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Link } from "./Link";
-export { type LinkProps } from "./Link";
+export { default as Link } from "./Link.js";
+export { type LinkProps } from "./Link.js";

package/esm/link/index.js

@@ -1,2 +1,2 @@
-export { default as Link } from "./Link";
+export { default as Link } from "./Link.js";
 //# sourceMappingURL=index.js.map

package/esm/link-panel/LinkPanel.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
-import { LinkPanelDescriptionProps } from "./LinkPanelDescription";
-import { LinkPanelTitleProps } from "./LinkPanelTitle";
+import { OverridableComponent } from "../util/types/index.js";
+import { LinkPanelDescriptionProps } from "./LinkPanelDescription.js";
+import { LinkPanelTitleProps } from "./LinkPanelTitle.js";
 export interface LinkPanelProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Panel content

package/esm/link-panel/LinkPanel.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { ChevronRightIcon } from "@navikt/aksel-icons";
-import { Panel } from "../panel";
-import { LinkPanelDescription, } from "./LinkPanelDescription";
-import { LinkPanelTitle } from "./LinkPanelTitle";
+import { Panel } from "../panel/index.js";
+import { LinkPanelDescription, } from "./LinkPanelDescription.js";
+import { LinkPanelTitle } from "./LinkPanelTitle.js";
 /**
  * A component that displays a link panel.
  *

package/esm/link-panel/LinkPanelDescription.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { BodyLong } from "../typography";
+import { BodyLong } from "../typography/index.js";
 export const LinkPanelDescription = forwardRef((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cl("navds-link-panel__description", className) })));

package/esm/link-panel/LinkPanelTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface LinkPanelTitleProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }

package/esm/link-panel/index.d.ts

@@ -1,2 +1,2 @@
-export { default as LinkPanel } from "./LinkPanel";
-export { type LinkPanelProps } from "./LinkPanel";
+export { default as LinkPanel } from "./LinkPanel.js";
+export { type LinkPanelProps } from "./LinkPanel.js";

package/esm/link-panel/index.js

@@ -1,2 +1,2 @@
-export { default as LinkPanel } from "./LinkPanel";
+export { default as LinkPanel } from "./LinkPanel.js";
 //# sourceMappingURL=index.js.map

package/esm/list/List.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ListItem } from "./ListItem";
-import { ListProps } from "./types";
+import { ListItem } from "./ListItem.js";
+import { ListProps } from "./types.js";
 export interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>> {
     /**
      * @see 🏷️ {@link ListItemProps}

package/esm/list/List.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { BodyShort, Heading } from "../typography";
-import { useId } from "../util/hooks";
-import { ListItem } from "./ListItem";
-import { ListContext } from "./context";
+import { BodyShort, Heading } from "../typography/index.js";
+import { useId } from "../util/hooks/index.js";
+import { ListItem } from "./ListItem.js";
+import { ListContext } from "./context.js";
 export const List = forwardRef((_a, ref) => {
     var _b;
     var { children, className, as: ListTag = "ul", title, description, headingTag = "h3", size } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size"]);

package/esm/list/ListItem.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { BodyShort, Label } from "../typography";
-import { ListContext } from "./context";
+import { BodyShort, Label } from "../typography/index.js";
+import { ListContext } from "./context.js";
 export const ListItem = forwardRef((_a, ref) => {
     var { className, children, title, icon } = _a, rest = __rest(_a, ["className", "children", "title", "icon"]);
     const { listType, size } = useContext(ListContext);

package/esm/list/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ListProps } from "./types";
+import { ListProps } from "./types.js";
 interface ListContextProps {
     listType: ListProps["as"];
     isNested: boolean | null;

package/esm/list/index.d.ts

@@ -1,2 +1,2 @@
-export { default as List } from "./List";
-export type { ListProps } from "./types";
+export { default as List } from "./List.js";
+export type { ListProps } from "./types.js";

package/esm/list/index.js

@@ -1,2 +1,2 @@
-export { default as List } from "./List";
+export { default as List } from "./List.js";
 //# sourceMappingURL=index.js.map

package/esm/loader/Loader.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { omit } from "../util";
-import { useId } from "../util/hooks";
+import { omit } from "../util/index.js";
+import { useId } from "../util/hooks/index.js";
 /**
  * A component that displays a loading spinner.
  *

package/esm/loader/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Loader } from "./Loader";
-export { type LoaderProps } from "./Loader";
+export { default as Loader } from "./Loader.js";
+export { type LoaderProps } from "./Loader.js";

package/esm/loader/index.js

@@ -1,2 +1,2 @@
-export { default as Loader } from "./Loader";
+export { default as Loader } from "./Loader.js";
 //# sourceMappingURL=index.js.map

package/esm/modal/Modal.context.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ModalContextProps {
+    closeHandler?: React.MouseEventHandler<HTMLButtonElement>;
+    ref: React.RefObject<HTMLDialogElement>;
+}
+export declare const ModalContextProvider: React.ForwardRefExoticComponent<Omit<ModalContextProps & {
+    children: React.ReactNode;
+}, "ref"> & React.RefAttributes<unknown>>, useModalContext: <S extends boolean = true>(strict?: S) => S extends true ? ModalContextProps : ModalContextProps | undefined;
+export {};

package/esm/modal/Modal.context.js

@@ -0,0 +1,6 @@
+import { createContext } from "../util/create-context.js";
+export const [ModalContextProvider, useModalContext] = createContext({
+    name: "ModalContext",
+    errorMessage: "<Modal.Header> must be used within a <Modal>",
+});
+//# sourceMappingURL=Modal.context.js.map

package/esm/modal/Modal.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.context.js","sourceRoot":"","sources":["../../src/modal/Modal.context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAOvD,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,eAAe,CAAC,GAClD,aAAa,CAAoB;IAC/B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,8CAA8C;CAC7D,CAAC,CAAC"}

package/esm/modal/Modal.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import ModalBody from "./ModalBody";
-import ModalFooter from "./ModalFooter";
-import ModalHeader from "./ModalHeader";
-import { ModalProps } from "./types";
+import ModalBody from "./ModalBody.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import { ModalProps } from "./types.js";
 interface ModalComponent extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>> {
     Header: typeof ModalHeader;
     Body: typeof ModalBody;

package/esm/modal/Modal.js

@@ -13,18 +13,18 @@ import { useFloatingPortalNode } from "@floating-ui/react";
 import cl from "clsx";
 import React, { forwardRef, useContext, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-import { DateContext } from "../date/context";
-import { useProvider } from "../provider";
-import { Detail, Heading } from "../typography";
-import { composeEventHandlers } from "../util/composeEventHandlers";
-import { useId } from "../util/hooks";
-import { useMergeRefs } from "../util/hooks/useMergeRefs";
-import ModalBody from "./ModalBody";
-import { ModalContext } from "./ModalContext";
-import ModalFooter from "./ModalFooter";
-import ModalHeader from "./ModalHeader";
-import { getCloseHandler, useBodyScrollLock } from "./ModalUtils";
-import dialogPolyfill, { needPolyfill } from "./dialog-polyfill";
+import { DateContext } from "../date/context/index.js";
+import { useProvider } from "../provider/index.js";
+import { Detail, Heading } from "../typography/index.js";
+import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { useId } from "../util/hooks/index.js";
+import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
+import { ModalContextProvider, useModalContext } from "./Modal.context.js";
+import ModalBody from "./ModalBody.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import { getCloseHandler, useBodyScrollLock } from "./ModalUtils.js";
+import dialogPolyfill, { needPolyfill } from "./dialog-polyfill.js";
 /**
  * A component that displays a modal dialog.
  *
@@ -80,7 +80,7 @@ export const Modal = forwardRef((_a, ref) => {
     const rootElement = (_b = useProvider()) === null || _b === void 0 ? void 0 : _b.rootElement;
     const portalNode = useFloatingPortalNode({ root: rootElement });
     const dateContext = useContext(DateContext);
-    const modalContext = useContext(ModalContext);
+    const modalContext = useModalContext(false);
     if (modalContext && !dateContext) {
         console.error("Modals should not be nested");
     }
@@ -142,10 +142,7 @@ export const Modal = forwardRef((_a, ref) => {
     const component = (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     React.createElement("dialog", Object.assign({}, rest, { ref: mergedRef, className: mergedClassName, style: mergedStyle, onCancel: composeEventHandlers(onCancel, handleModalCancel), onClick: composeEventHandlers(onClick, handleModalClick), "aria-labelledby": mergedAriaLabelledBy }),
-        React.createElement(ModalContext.Provider, { value: {
-                closeHandler: getCloseHandler(modalRef, header, onBeforeClose),
-                ref: modalRef,
-            } },
+        React.createElement(ModalContextProvider, { closeHandler: getCloseHandler(modalRef, header, onBeforeClose), ref: modalRef },
             header && (React.createElement(ModalHeader, null,
                 header.label && (React.createElement(Detail, { className: "navds-modal__label" }, header.label)),
                 React.createElement(Heading, { size: (_c = header.size) !== null && _c !== void 0 ? _c : "medium", level: "1", id: ariaLabelId },

package/esm/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,cAAc,EAAE,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAYjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CACE,EAca,EACb,GAAG,EACH,EAAE;;QAhBF,EACE,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,oBAAoB,EACpB,KAAK,EACL,MAAM,EACN,SAAS,EACT,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,OAAO,OAEI,EADR,IAAI,cAbT,0JAcC,CADQ;IAIT,MAAM,QAAQ,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,MAAA,WAAW,EAAE,0CAAE,WAAW,CAAC;IAC/C,MAAM,UAAU,GAAG,qBAAqB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC9C,IAAI,YAAY,IAAI,CAAC,WAAW,EAAE,CAAC;QACjC,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAC/C,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,8EAA8E;QAC9E,4DAA4D;QAC5D,0EAA0E;QAC1E,IAAI,YAAY,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU,EAAE,CAAC;YACnD,cAAc,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClD,CAAC;QACD,wIAAwI;QACxI,2IAA2I;QAC3I,+EAA+E;QAC/E,iEAAiE;QACjE,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU;YAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC;IACxE,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,iGAAiG;QACjG,wCAAwC;QACxC,sGAAsG;QACtG,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACzD,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBACnC,QAAQ,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC/B,CAAC;iBAAM,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAC1C,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC;IAEjC,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAExC,MAAM,aAAa,GACjB,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,eAAe,GAAG,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;QACnD,yBAAyB,EAAE,YAAY;QACvC,wBAAwB,EAAE,CAAC,KAAK;QAChC,CAAC,gBAAgB,KAAK,EAAE,CAAC,EAAE,aAAa;KACzC,CAAC,CAAC;IAEH,MAAM,WAAW,mCACZ,KAAK,GACL,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CACrC,CAAC;IAEF;;OAEG;IACH,MAAM,gBAAgB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACtE,IACE,oBAAoB;YACpB,CAAC,YAAY;YACb,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,OAAO;YACjC,CAAC,CAAC,aAAa,IAAI,aAAa,EAAE,KAAK,KAAK,CAAC,EAC7C,CAAC;YACD,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,iBAAiB,GAAG,CACxB,KAAqD,EACrD,EAAE;QACF,aAAa,IAAI,aAAa,EAAE,KAAK,KAAK,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;IACvE,CAAC,CAAC;IAEF,MAAM,oBAAoB,GACxB,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,MAAM;QAC9C,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,cAAc,CAAC;IAErB,MAAM,SAAS,GAAG;IAChB,kHAAkH;IAClH,gDACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,oBAAoB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,EAC3D,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,gBAAgB,CAAC,qBACvC,oBAAoB;QAErC,oBAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;gBACL,YAAY,EAAE,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC;gBAC9D,GAAG,EAAE,QAAQ;aACd;YAEA,MAAM,IAAI,CACT,oBAAC,WAAW;gBACT,MAAM,CAAC,KAAK,IAAI,CACf,oBAAC,MAAM,IAAC,SAAS,EAAC,oBAAoB,IAAE,MAAM,CAAC,KAAK,CAAU,CAC/D;gBACD,oBAAC,OAAO,IACN,IAAI,EAAE,MAAA,MAAM,CAAC,IAAI,mCAAI,QAAQ,EAC7B,KAAK,EAAC,GAAG,EACT,EAAE,EAAE,WAAW;oBAEf,8BAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAC,IAAI,CAAQ;oBAC9D,MAAM,CAAC,OAAO,CACP,CACE,CACf;YAEA,QAAQ,CACa,CACjB,CACV,CAAC;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,UAAU;YAAE,OAAO,YAAY,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CACgB,CAAC;AAEpB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAE3B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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"}

package/esm/modal/ModalHeader.js

@@ -10,17 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import cl from "clsx";
-import React, { forwardRef, useContext } from "react";
+import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
-import { Button } from "../button";
-import { ModalContext } from "./ModalContext";
+import { Button } from "../button/index.js";
+import { useModalContext } from "./Modal.context.js";
 const ModalHeader = forwardRef((_a, ref) => {
     var { children, className, closeButton = true } = _a, rest = __rest(_a, ["children", "className", "closeButton"]);
-    const context = useContext(ModalContext);
-    if (context === null) {
-        console.error("<Modal.Header> has to be used within a <Modal>");
-        return null;
-    }
+    const context = useModalContext();
     return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-modal__header", className) }),
         context.closeHandler && closeButton && (React.createElement(Button, { type: "button", className: "navds-modal__button", size: "small", variant: "tertiary-neutral", onClick: context.closeHandler, icon: React.createElement(XMarkIcon, { title: "Lukk modalvindu" }) })),
         children));

package/esm/modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAW9C,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,OAAW,EAAN,IAAI,cAAlD,wCAAoD,CAAF;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,KAAK,CAAC,gDAAgD,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,CAAC,YAAY,EAC7B,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAC,iBAAiB,GAAG,GAC3C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAWlD,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI,OAAW,EAAN,IAAI,cAAlD,wCAAoD,CAAF;IACjD,MAAM,OAAO,GAAG,eAAe,EAAE,CAAC;IAElC,OAAO,CACL,6CAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,oBAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,kBAAkB,EAC1B,OAAO,EAAE,OAAO,CAAC,YAAY,EAC7B,IAAI,EAAE,oBAAC,SAAS,IAAC,KAAK,EAAC,iBAAiB,GAAG,GAC3C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/modal/ModalUtils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ModalProps } from "./types";
+import type { ModalProps } from "./types.js";
 export declare function getCloseHandler(modalRef: React.RefObject<HTMLDialogElement>, header: ModalProps["header"], onBeforeClose: ModalProps["onBeforeClose"]): (() => false | void | undefined) | undefined;
 export declare const BODY_CLASS = "navds-modal__document-body";
 export declare function useBodyScrollLock(modalRef: React.RefObject<HTMLDialogElement>, portalNode: HTMLElement | null): void;

package/esm/modal/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Modal } from "./Modal";
-export { type ModalBodyProps } from "./ModalBody";
-export { type ModalFooterProps } from "./ModalFooter";
-export { type ModalHeaderProps } from "./ModalHeader";
-export { type ModalProps } from "./types";
+export { default as Modal } from "./Modal.js";
+export { type ModalBodyProps } from "./ModalBody.js";
+export { type ModalFooterProps } from "./ModalFooter.js";
+export { type ModalHeaderProps } from "./ModalHeader.js";
+export { type ModalProps } from "./types.js";

package/esm/modal/index.js

@@ -1,2 +1,2 @@
-export { default as Modal } from "./Modal";
+export { default as Modal } from "./Modal.js";
 //# sourceMappingURL=index.js.map

package/esm/modal/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export interface ModalProps extends React.DialogHTMLAttributes<HTMLDialogElement> {
+interface ModalPropsBase extends React.DialogHTMLAttributes<HTMLDialogElement> {
     /**
      * Content for the header. Alteratively you can use <Modal.Header> instead for more control,
      * but then you have to set `aria-label` or `aria-labelledby` on the modal manually.
@@ -39,7 +39,7 @@ export interface ModalProps extends React.DialogHTMLAttributes<HTMLDialogElement
      * @warning Will not always be called when pressing Esc. See `onCancel` for more info.
      * @returns Whether to close the modal
      */
-    onBeforeClose?: () => boolean | void;
+    onBeforeClose?: () => boolean;
     /**
      * *Sometimes** called when the user presses the Esc key.
      * @warning *Some browsers does not always trigger this event. Chrome only triggers it if you have
@@ -66,9 +66,30 @@ export interface ModalProps extends React.DialogHTMLAttributes<HTMLDialogElement
      */
     className?: string;
     /**
-     * Sets aria-labelledby on modal.
+     * ID of the element that labels the modal.
      * No need to set this manually if the `header` prop is used. A reference to `header.heading` will be created automatically.
      * @warning If not using `header`, you should set either `aria-labelledby` or `aria-label`.
      */
     "aria-labelledby"?: string;
+    /**
+     * String value that labels the modal.
+     * No need to set this if the `header` prop is used.
+     * @warning If not using `header`, you should set either `aria-labelledby` or `aria-label`.
+     */
+    "aria-label"?: string;
 }
+export type ModalProps = ModalPropsBase & ({
+    open?: never;
+} | {
+    open: boolean | undefined;
+    onClose: ModalPropsBase["onClose"];
+}) & ({
+    header: ModalPropsBase["header"];
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+} | {
+    "aria-labelledby"?: never;
+    "aria-label": string;
+});
+export {};

package/esm/overlays/index.d.ts

@@ -0,0 +1,2 @@
+export { Portal } from "./portal/Portal.js";
+export type { PortalProps } from "./portal/Portal.js";