@navikt/ds-react 6.0.0-alpha.7 → 6.1.0

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

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FilterCard = void 0;
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
-const form_1 = require("../../form");
+const checkbox_1 = require("../../form/checkbox");
 const typography_1 = require("../../typography");
 const box_1 = require("../box");
 const stack_1 = require("../stack");
@@ -37,9 +37,9 @@ function FilterCard() {
             react_1.default.createElement(typography_1.Heading, { size: "large" }, "Fortell oss om situasjonen din"),
             react_1.default.createElement(typography_1.BodyLong, null, "Fortell oss litt om situasjonen din, s\u00E5 viser vi bare den informasjonen som er relevant for deg."),
             react_1.default.createElement("div", null,
-                react_1.default.createElement(form_1.CheckboxGroup, { legend: "Hva er situasjonen din?", size: "small", onChange: setFilter },
-                    react_1.default.createElement(form_1.Checkbox, { value: "box1" }, "Jeg er arbeidsledig"),
-                    react_1.default.createElement(form_1.Checkbox, { value: "box2" }, "Jeg er permittert")),
+                react_1.default.createElement(checkbox_1.CheckboxGroup, { legend: "Hva er situasjonen din?", size: "small", onChange: setFilter },
+                    react_1.default.createElement(checkbox_1.Checkbox, { value: "box1" }, "Jeg er arbeidsledig"),
+                    react_1.default.createElement(checkbox_1.Checkbox, { value: "box2" }, "Jeg er permittert")),
                 !filter.length && (react_1.default.createElement(box_1.Box, { paddingBlock: "2 0" },
                     react_1.default.createElement(stack_1.HStack, { gap: "2", align: "center" },
                         react_1.default.createElement(aksel_icons_1.InformationSquareIcon, { "aria-hidden": true }),

package/cjs/layout/sidemal-test/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,qDAA4D;AAC5D,qCAAqD;AACrD,iDAA6D;AAC7D,gCAA6B;AAC7B,oCAA0C;AAE1C,SAAgB,UAAU;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAE,CAAC,CAAC;IAEhD,OAAO,CACL,8BAAC,SAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAC7B,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,cAAc,EAC1B,YAAY,EAAC,QAAQ;QAErB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG;YACb,8BAAC,oBAAO,IAAC,IAAI,EAAC,OAAO,qCAAyC;YAC9D,8BAAC,qBAAQ,gHAGE;YACX;gBACE,8BAAC,oBAAa,IACZ,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,SAAS;oBAEnB,8BAAC,eAAQ,IAAC,KAAK,EAAC,MAAM,0BAA+B;oBACrD,8BAAC,eAAQ,IAAC,KAAK,EAAC,MAAM,wBAA6B,CACrC;gBACf,CAAC,MAAM,CAAC,MAAM,IAAI,CACjB,8BAAC,SAAG,IAAC,YAAY,EAAC,KAAK;oBACrB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;wBAC5B,8BAAC,mCAAqB,0BAAe;wBACrC,8BAAC,mBAAM,4DAAsD,CACtD,CACL,CACP,CACG,CACC,CACL,CACP,CAAC;AACJ,CAAC;AAtCD,gCAsCC"}
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,qDAA4D;AAC5D,kDAA8D;AAC9D,iDAA6D;AAC7D,gCAA6B;AAC7B,oCAA0C;AAE1C,SAAgB,UAAU;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAE,CAAC,CAAC;IAEhD,OAAO,CACL,8BAAC,SAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAC7B,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,cAAc,EAC1B,YAAY,EAAC,QAAQ;QAErB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG;YACb,8BAAC,oBAAO,IAAC,IAAI,EAAC,OAAO,qCAAyC;YAC9D,8BAAC,qBAAQ,gHAGE;YACX;gBACE,8BAAC,wBAAa,IACZ,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,SAAS;oBAEnB,8BAAC,mBAAQ,IAAC,KAAK,EAAC,MAAM,0BAA+B;oBACrD,8BAAC,mBAAQ,IAAC,KAAK,EAAC,MAAM,wBAA6B,CACrC;gBACf,CAAC,MAAM,CAAC,MAAM,IAAI,CACjB,8BAAC,SAAG,IAAC,YAAY,EAAC,KAAK;oBACrB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;wBAC5B,8BAAC,mCAAqB,0BAAe;wBACrC,8BAAC,mBAAM,4DAAsD,CACtD,CACL,CACP,CACG,CACC,CACL,CACP,CAAC;AACJ,CAAC;AAtCD,gCAsCC"}

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

@@ -22,3 +22,4 @@ export type HStackProps = Omit<StackProps, "direction">;
  * </HStack>
  */
 export declare const HStack: OverridableComponent<HStackProps, HTMLDivElement>;
+export default HStack;

package/cjs/layout/stack/HStack.js

@@ -49,4 +49,5 @@ const Stack_1 = require("./Stack");
 exports.HStack = (0, react_1.forwardRef)((props, ref) => {
     return react_1.default.createElement(Stack_1.Stack, Object.assign({}, props, { ref: ref, direction: "row" }));
 });
+exports.default = exports.HStack;
 //# sourceMappingURL=HStack.js.map

package/cjs/layout/stack/HStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"HStack.js","sourceRoot":"","sources":["../../../src/layout/stack/HStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mCAA4C;AAI5C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxB,OAAO,8BAAC,aAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,IAAG,CAAC;AACxD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"HStack.js","sourceRoot":"","sources":["../../../src/layout/stack/HStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mCAA4C;AAI5C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxB,OAAO,8BAAC,aAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,IAAG,CAAC;AACxD,CAAC,CAAC,CAAC;AAEL,kBAAe,cAAM,CAAC"}

package/cjs/layout/stack/Spacer.d.ts

@@ -12,3 +12,4 @@ import React from "react";
  * </HStack>
  */
 export declare const Spacer: () => React.JSX.Element;
+export default Spacer;

package/cjs/layout/stack/Spacer.js

@@ -19,4 +19,5 @@ const react_1 = __importDefault(require("react"));
  */
 const Spacer = () => react_1.default.createElement("div", { className: "navds-stack__spacer" });
 exports.Spacer = Spacer;
+exports.default = exports.Spacer;
 //# sourceMappingURL=Spacer.js.map

package/cjs/layout/stack/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../src/layout/stack/Spacer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B;;;;;;;;;;;GAWG;AACI,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,uCAAK,SAAS,EAAC,qBAAqB,GAAG,CAAC;AAAvD,QAAA,MAAM,UAAiD"}
+{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../../src/layout/stack/Spacer.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B;;;;;;;;;;;GAWG;AACI,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,uCAAK,SAAS,EAAC,qBAAqB,GAAG,CAAC;AAAvD,QAAA,MAAM,UAAiD;AAEpE,kBAAe,cAAM,CAAC"}

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

@@ -28,3 +28,4 @@ export interface StackProps extends HTMLAttributes<HTMLDivElement> {
     direction?: ResponsiveProp<"row" | "column">;
 }
 export declare const Stack: OverridableComponent<StackProps, HTMLDivElement>;
+export default Stack;

package/cjs/layout/stack/Stack.js

@@ -49,4 +49,5 @@ exports.Stack = (0, react_1.forwardRef)((_a, ref) => {
             "navds-hstack": direction === "row",
         }) })));
 });
+exports.default = exports.Stack;
 //# sourceMappingURL=Stack.js.map

package/cjs/layout/stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAE1D,0CAA0E;AAqC7D,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,EACH,KAAK,EAAE,MAAM,EACb,SAAS,GAAG,KAAK,OAElB,EADI,IAAI,cATT,4EAUC,CADQ;IAIT,MAAM,KAAK,2FACN,MAAM,KACT,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAC1C,IAAA,wBAAkB,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAClD,IAAA,wBAAkB,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,GACnD,IAAA,wBAAkB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GAC3C,IAAA,wBAAkB,EAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CACnD,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,cAAc,EAAE,SAAS,KAAK,QAAQ;YACtC,cAAc,EAAE,SAAS,KAAK,KAAK;SACpC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../src/layout/stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAE1D,0CAA0E;AAqC7D,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,GAAG,IAAI,EACX,GAAG,EACH,KAAK,EAAE,MAAM,EACb,SAAS,GAAG,KAAK,OAElB,EADI,IAAI,cATT,4EAUC,CADQ;IAIT,MAAM,KAAK,2FACN,MAAM,KACT,mBAAmB,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,KAC1C,IAAA,wBAAkB,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAClD,IAAA,wBAAkB,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC,GACnD,IAAA,wBAAkB,EAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,GAC3C,IAAA,wBAAkB,EAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,CACnD,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,cAAc,EAAE,SAAS,KAAK,QAAQ;YACtC,cAAc,EAAE,SAAS,KAAK,KAAK;SACpC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,aAAK,CAAC"}

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

@@ -22,3 +22,4 @@ export type VStackProps = Omit<StackProps, "direction" | "wrap">;
  * </VStack>
  */
 export declare const VStack: OverridableComponent<VStackProps, HTMLDivElement>;
+export default VStack;

package/cjs/layout/stack/VStack.js

@@ -49,4 +49,5 @@ const Stack_1 = require("./Stack");
 exports.VStack = (0, react_1.forwardRef)((props, ref) => {
     return react_1.default.createElement(Stack_1.Stack, Object.assign({}, props, { ref: ref, direction: "column", wrap: false }));
 });
+exports.default = exports.VStack;
 //# sourceMappingURL=VStack.js.map

package/cjs/layout/stack/VStack.js.map

@@ -1 +1 @@
-{"version":3,"file":"VStack.js","sourceRoot":"","sources":["../../../src/layout/stack/VStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mCAA4C;AAI5C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxB,OAAO,8BAAC,aAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,IAAI,CAAC;AACxE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"VStack.js","sourceRoot":"","sources":["../../../src/layout/stack/VStack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mCAA4C;AAI5C;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxB,OAAO,8BAAC,aAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAK,IAAI,CAAC;AACxE,CAAC,CAAC,CAAC;AAEL,kBAAe,cAAM,CAAC"}

package/cjs/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 { default as HStack, type HStackProps } from "./HStack";
+export { default as VStack, type VStackProps } from "./VStack";
+export { default as Stack, type StackProps } from "./Stack";
+export { default as Spacer } from "./Spacer";

package/cjs/layout/stack/index.js

@@ -1,12 +1,16 @@
 "use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spacer = exports.Stack = exports.VStack = exports.HStack = void 0;
 var HStack_1 = require("./HStack");
-Object.defineProperty(exports, "HStack", { enumerable: true, get: function () { return HStack_1.HStack; } });
+Object.defineProperty(exports, "HStack", { enumerable: true, get: function () { return __importDefault(HStack_1).default; } });
 var VStack_1 = require("./VStack");
-Object.defineProperty(exports, "VStack", { enumerable: true, get: function () { return VStack_1.VStack; } });
+Object.defineProperty(exports, "VStack", { enumerable: true, get: function () { return __importDefault(VStack_1).default; } });
 var Stack_1 = require("./Stack");
-Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return Stack_1.Stack; } });
+Object.defineProperty(exports, "Stack", { enumerable: true, get: function () { return __importDefault(Stack_1).default; } });
 var Spacer_1 = require("./Spacer");
-Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return Spacer_1.Spacer; } });
+Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return __importDefault(Spacer_1).default; } });
 //# sourceMappingURL=index.js.map

package/cjs/layout/stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.ts"],"names":[],"mappings":";;;AAAA,mCAAoD;AAA3C,gGAAA,MAAM,OAAA;AACf,mCAAoD;AAA3C,gGAAA,MAAM,OAAA;AACf,iCAAiD;AAAxC,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/stack/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,mCAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,mCAA+D;AAAtD,iHAAA,OAAO,OAAU;AAC1B,iCAA4D;AAAnD,+GAAA,OAAO,OAAS;AACzB,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}

package/cjs/link/index.d.ts

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

package/cjs/link/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/cjs/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ"}

package/cjs/link-panel/LinkPanelDescription.d.ts

@@ -3,3 +3,4 @@ export interface LinkPanelDescriptionProps extends React.HTMLAttributes<HTMLDivE
     children: React.ReactNode;
 }
 export declare const LinkPanelDescription: React.ForwardRefExoticComponent<LinkPanelDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+export default LinkPanelDescription;

package/cjs/link-panel/LinkPanelDescription.js

@@ -45,4 +45,5 @@ exports.LinkPanelDescription = (0, react_1.forwardRef)((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (react_1.default.createElement(typography_1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: (0, clsx_1.default)("navds-link-panel__description", className) })));
 });
+exports.default = exports.LinkPanelDescription;
 //# sourceMappingURL=LinkPanelDescription.js.map

package/cjs/link-panel/LinkPanelDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPanelDescription.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,8CAAyC;AAO5B,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAG5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,IACzD,CACH,CAAA;CAAA,CAAC,CAAC"}
+{"version":3,"file":"LinkPanelDescription.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,8CAAyC;AAO5B,QAAA,oBAAoB,GAAG,IAAA,kBAAU,EAG5C,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,8BAAC,qBAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,IACzD,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}

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

@@ -4,3 +4,4 @@ export interface LinkPanelTitleProps extends React.HTMLAttributes<HTMLDivElement
     children: React.ReactNode;
 }
 export declare const LinkPanelTitle: OverridableComponent<LinkPanelTitleProps, HTMLDivElement>;
+export default LinkPanelTitle;

package/cjs/link-panel/LinkPanelTitle.js

@@ -44,4 +44,5 @@ exports.LinkPanelTitle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, as: Component = "div" } = _a, rest = __rest(_a, ["className", "as"]);
     return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-link-panel__title", "navds-heading", "navds-heading--medium", className) })));
 });
+exports.default = exports.LinkPanelTitle;
 //# sourceMappingURL=LinkPanelTitle.js.map

package/cjs/link-panel/LinkPanelTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPanelTitle.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAQ7B,QAAA,cAAc,GAGvB,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA3C,mBAA6C,CAAF;IAAY,OAAA,CACrE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CAAC,CAAC"}
+{"version":3,"file":"LinkPanelTitle.js","sourceRoot":"","sources":["../../src/link-panel/LinkPanelTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAQ7B,QAAA,cAAc,GAGvB,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,OAAW,EAAN,IAAI,cAA3C,mBAA6C,CAAF;IAAY,OAAA,CACrE,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EACX,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,SAAS,CACV,IACD,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,sBAAc,CAAC"}

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

@@ -1,2 +1,3 @@
-export { default as LinkPanel } from "./LinkPanel";
-export { type LinkPanelProps } from "./LinkPanel";
+export { default as LinkPanel, type LinkPanelProps } from "./LinkPanel";
+export { default as LinkPanelTitle, type LinkPanelTitleProps, } from "./LinkPanelTitle";
+export { default as LinkPanelDescription, type LinkPanelDescriptionProps, } from "./LinkPanelDescription";

package/cjs/link-panel/index.js

@@ -1,9 +1,14 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkPanel = void 0;
+exports.LinkPanelDescription = exports.LinkPanelTitle = exports.LinkPanel = void 0;
 var LinkPanel_1 = require("./LinkPanel");
 Object.defineProperty(exports, "LinkPanel", { enumerable: true, get: function () { return __importDefault(LinkPanel_1).default; } });
+var LinkPanelTitle_1 = require("./LinkPanelTitle");
+Object.defineProperty(exports, "LinkPanelTitle", { enumerable: true, get: function () { return __importDefault(LinkPanelTitle_1).default; } });
+var LinkPanelDescription_1 = require("./LinkPanelDescription");
+Object.defineProperty(exports, "LinkPanelDescription", { enumerable: true, get: function () { return __importDefault(LinkPanelDescription_1).default; } });
 //# sourceMappingURL=index.js.map

package/cjs/link-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link-panel/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAAmD;AAA1C,uHAAA,OAAO,OAAa"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link-panel/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,yCAAwE;AAA/D,uHAAA,OAAO,OAAa;AAC7B,mDAG0B;AAFxB,iIAAA,OAAO,OAAkB;AAG3B,+DAGgC;AAF9B,6IAAA,OAAO,OAAwB"}

package/cjs/list/index.d.ts

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

package/cjs/list/index.js

@@ -1,9 +1,12 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.List = void 0;
+exports.ListItem = exports.List = void 0;
 var List_1 = require("./List");
 Object.defineProperty(exports, "List", { enumerable: true, get: function () { return __importDefault(List_1).default; } });
+var ListItem_1 = require("./ListItem");
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return __importDefault(ListItem_1).default; } });
 //# sourceMappingURL=index.js.map

package/cjs/list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/list/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,+BAAyC;AAAhC,6GAAA,OAAO,OAAQ;AAExB,uCAAqE;AAA5D,qHAAA,OAAO,OAAY"}

package/cjs/loader/index.js

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/cjs/loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loader/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loader/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,mCAA6C;AAApC,iHAAA,OAAO,OAAU"}

package/cjs/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/cjs/modal/Modal.context.js

@@ -0,0 +1,10 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModalContext = exports.ModalContextProvider = void 0;
+const create_context_1 = require("../util/create-context");
+_a = (0, create_context_1.createContext)({
+    name: "ModalContext",
+    errorMessage: "<Modal.Header> must be used within a <Modal>",
+}), exports.ModalContextProvider = _a[0], exports.useModalContext = _a[1];
+//# sourceMappingURL=Modal.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.context.js","sourceRoot":"","sources":["../../src/modal/Modal.context.ts"],"names":[],"mappings":";;;;AACA,2DAAuD;AAO1C,KACX,IAAA,8BAAa,EAAoB;IAC/B,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,8CAA8C;CAC7D,CAAC,EAJU,4BAAoB,UAAE,uBAAe,SAI9C"}

package/cjs/modal/Modal.js

@@ -43,13 +43,13 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_2 = __importStar(require("react"));
 const react_dom_1 = require("react-dom");
 const context_1 = require("../date/context");
-const provider_1 = require("../provider");
+const Provider_1 = require("../provider/Provider");
 const typography_1 = require("../typography");
 const composeEventHandlers_1 = require("../util/composeEventHandlers");
 const hooks_1 = require("../util/hooks");
 const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
+const Modal_context_1 = require("./Modal.context");
 const ModalBody_1 = __importDefault(require("./ModalBody"));
-const ModalContext_1 = require("./ModalContext");
 const ModalFooter_1 = __importDefault(require("./ModalFooter"));
 const ModalHeader_1 = __importDefault(require("./ModalHeader"));
 const ModalUtils_1 = require("./ModalUtils");
@@ -106,11 +106,11 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
     const modalRef = (0, react_2.useRef)(null);
     const mergedRef = (0, useMergeRefs_1.useMergeRefs)(modalRef, ref);
     const ariaLabelId = (0, hooks_1.useId)();
-    const rootElement = (_b = (0, provider_1.useProvider)()) === null || _b === void 0 ? void 0 : _b.rootElement;
+    const rootElement = (_b = (0, Provider_1.useProvider)()) === null || _b === void 0 ? void 0 : _b.rootElement;
     const portalNode = (0, react_1.useFloatingPortalNode)({ root: rootElement });
     const dateContext = (0, react_2.useContext)(context_1.DateContext);
-    const modalContext = (0, react_2.useContext)(ModalContext_1.ModalContext);
-    if (modalContext && !dateContext) {
+    const isNested = (0, Modal_context_1.useModalContext)(false) !== undefined;
+    if (isNested && !dateContext) {
         console.error("Modals should not be nested");
     }
     (0, react_2.useEffect)(() => {
@@ -140,7 +140,7 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
             }
         }
     }, [modalRef, portalNode, open]);
-    (0, ModalUtils_1.useBodyScrollLock)(modalRef, portalNode);
+    (0, ModalUtils_1.useBodyScrollLock)(modalRef, portalNode, isNested);
     const isWidthPreset = typeof width === "string" && ["small", "medium"].includes(width);
     const mergedClassName = (0, clsx_1.default)("navds-modal", className, {
         "navds-modal--polyfilled": dialog_polyfill_1.needPolyfill,
@@ -171,10 +171,7 @@ exports.Modal = (0, react_2.forwardRef)((_a, ref) => {
     const component = (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     react_2.default.createElement("dialog", Object.assign({}, rest, { ref: mergedRef, className: mergedClassName, style: mergedStyle, onCancel: (0, composeEventHandlers_1.composeEventHandlers)(onCancel, handleModalCancel), onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, handleModalClick), "aria-labelledby": mergedAriaLabelledBy }),
-        react_2.default.createElement(ModalContext_1.ModalContext.Provider, { value: {
-                closeHandler: (0, ModalUtils_1.getCloseHandler)(modalRef, header, onBeforeClose),
-                ref: modalRef,
-            } },
+        react_2.default.createElement(Modal_context_1.ModalContextProvider, { closeHandler: (0, ModalUtils_1.getCloseHandler)(modalRef, header, onBeforeClose), ref: modalRef },
             header && (react_2.default.createElement(ModalHeader_1.default, null,
                 header.label && (react_2.default.createElement(typography_1.Detail, { className: "navds-modal__label" }, header.label)),
                 react_2.default.createElement(typography_1.Heading, { size: (_c = header.size) !== null && _c !== void 0 ? _c : "medium", level: "1", id: ariaLabelId },

package/cjs/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,8CAA2D;AAC3D,gDAAsB;AACtB,+CAAyE;AACzE,yCAAyC;AACzC,6CAA8C;AAC9C,mDAAmD;AACnD,8CAAgD;AAChD,uEAAoE;AACpE,yCAAsC;AACtC,6DAA0D;AAC1D,mDAAwE;AACxE,4DAAoC;AACpC,gEAAwC;AACxC,gEAAwC;AACxC,6CAAkE;AAClE,qEAAiE;AAYjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,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,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,aAAK,GAAE,CAAC;IAC5B,MAAM,WAAW,GAAG,MAAA,IAAA,sBAAW,GAAE,0CAAE,WAAW,CAAC;IAC/C,MAAM,UAAU,GAAG,IAAA,6BAAqB,EAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC;IAEhE,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,qBAAW,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAA,+BAAe,EAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IACtD,IAAI,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC;QAC7B,OAAO,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC;IAC/C,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,8EAA8E;QAC9E,4DAA4D;QAC5D,0EAA0E;QAC1E,IAAI,8BAAY,IAAI,QAAQ,CAAC,OAAO,IAAI,UAAU,EAAE,CAAC;YACnD,yBAAc,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,IAAA,iBAAS,EAAC,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,IAAA,8BAAiB,EAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAElD,MAAM,aAAa,GACjB,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEnE,MAAM,eAAe,GAAG,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE;QACnD,yBAAyB,EAAE,8BAAY;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,8BAAY;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,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,IAAA,2CAAoB,EAAC,QAAQ,EAAE,iBAAiB,CAAC,EAC3D,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,gBAAgB,CAAC,qBACvC,oBAAoB;QAErC,8BAAC,oCAAoB,IACnB,YAAY,EAAE,IAAA,4BAAe,EAAC,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,EAC9D,GAAG,EAAE,QAAQ;YAEZ,MAAM,IAAI,CACT,8BAAC,qBAAW;gBACT,MAAM,CAAC,KAAK,IAAI,CACf,8BAAC,mBAAM,IAAC,SAAS,EAAC,oBAAoB,IAAE,MAAM,CAAC,KAAK,CAAU,CAC/D;gBACD,8BAAC,oBAAO,IACN,IAAI,EAAE,MAAA,MAAM,CAAC,IAAI,mCAAI,QAAQ,EAC7B,KAAK,EAAC,GAAG,EACT,EAAE,EAAE,WAAW;oBAEf,wCAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAC,IAAI,CAAQ;oBAC9D,MAAM,CAAC,OAAO,CACP,CACE,CACf;YAEA,QAAQ,CACY,CAChB,CACV,CAAC;IAEF,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,UAAU;YAAE,OAAO,IAAA,wBAAY,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CACgB,CAAC;AAEpB,aAAK,CAAC,MAAM,GAAG,qBAAW,CAAC;AAC3B,aAAK,CAAC,IAAI,GAAG,mBAAS,CAAC;AACvB,aAAK,CAAC,MAAM,GAAG,qBAAW,CAAC;AAE3B,kBAAe,aAAK,CAAC"}

package/cjs/modal/ModalHeader.js

@@ -41,14 +41,10 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = __importStar(require("react"));
 const aksel_icons_1 = require("@navikt/aksel-icons");
 const button_1 = require("../button");
-const ModalContext_1 = require("./ModalContext");
+const Modal_context_1 = require("./Modal.context");
 const ModalHeader = (0, react_1.forwardRef)((_a, ref) => {
     var { children, className, closeButton = true } = _a, rest = __rest(_a, ["children", "className", "closeButton"]);
-    const context = (0, react_1.useContext)(ModalContext_1.ModalContext);
-    if (context === null) {
-        console.error("<Modal.Header> has to be used within a <Modal>");
-        return null;
-    }
+    const context = (0, Modal_context_1.useModalContext)();
     return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (0, clsx_1.default)("navds-modal__header", className) }),
         context.closeHandler && closeButton && (react_1.default.createElement(button_1.Button, { type: "button", className: "navds-modal__button", size: "small", variant: "tertiary-neutral", onClick: context.closeHandler, icon: react_1.default.createElement(aksel_icons_1.XMarkIcon, { title: "Lukk modalvindu" }) })),
         children));

package/cjs/modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAAsD;AACtD,qDAAgD;AAChD,sCAAmC;AACnC,iDAA8C;AAW9C,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,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,IAAA,kBAAU,EAAC,2BAAY,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,uDAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,8BAAC,eAAM,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,8BAAC,uBAAS,IAAC,KAAK,EAAC,iBAAiB,GAAG,GAC3C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../src/modal/ModalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,qDAAgD;AAChD,sCAAmC;AACnC,mDAAkD;AAWlD,MAAM,WAAW,GAAG,IAAA,kBAAU,EAC5B,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,IAAA,+BAAe,GAAE,CAAC;IAElC,OAAO,CACL,uDAAS,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAE,EAAC,qBAAqB,EAAE,SAAS,CAAC;QACrE,OAAO,CAAC,YAAY,IAAI,WAAW,IAAI,CACtC,8BAAC,eAAM,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,8BAAC,uBAAS,IAAC,KAAK,EAAC,iBAAiB,GAAG,GAC3C,CACH;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/cjs/modal/ModalUtils.d.ts

@@ -2,4 +2,4 @@ import React from "react";
 import type { ModalProps } from "./types";
 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;
+export declare function useBodyScrollLock(modalRef: React.RefObject<HTMLDialogElement>, portalNode: HTMLElement | null, isNested: boolean): void;

package/cjs/modal/ModalUtils.js

@@ -15,8 +15,10 @@ function getCloseHandler(modalRef, header, onBeforeClose) {
 }
 exports.getCloseHandler = getCloseHandler;
 exports.BODY_CLASS = "navds-modal__document-body";
-function useBodyScrollLock(modalRef, portalNode) {
+function useBodyScrollLock(modalRef, portalNode, isNested) {
     react_1.default.useEffect(() => {
+        if (isNested)
+            return;
         if (!modalRef.current || !portalNode)
             return; // We check both to avoid running this twice when not using portal
         if (modalRef.current.open)
@@ -36,7 +38,7 @@ function useBodyScrollLock(modalRef, portalNode) {
             observer.disconnect();
             document.body.classList.remove(exports.BODY_CLASS); // In case modal is unmounted before it's closed
         };
-    }, [modalRef, portalNode]);
+    }, [modalRef, portalNode, isNested]);
 }
 exports.useBodyScrollLock = useBodyScrollLock;
 //# sourceMappingURL=ModalUtils.js.map

package/cjs/modal/ModalUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,SAAgB,eAAe,CAC7B,QAA4C,EAC5C,MAA4B,EAC5B,aAA0C;IAE1C,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,KAAK,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7D,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,WAAC,OAAA,aAAa,EAAE,KAAK,KAAK,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAA,EAAA,CAAC;IACtE,CAAC;IACD,OAAO,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC;AACzC,CAAC;AAVD,0CAUC;AAEY,QAAA,UAAU,GAAG,4BAA4B,CAAC;AAEvD,SAAgB,iBAAiB,CAC/B,QAA4C,EAC5C,UAA8B;IAE9B,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO,CAAC,kEAAkE;QAChH,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAU,CAAC,CAAC,CAAC,mCAAmC;QAEvG,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;;YACzC,IAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI;gBAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAU,CAAC,CAAC;;gBAC/D,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAU,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAE;YACjC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,MAAM,CAAC;SAC1B,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAU,CAAC,CAAC,CAAC,gDAAgD;QAC9F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;AAC7B,CAAC;AArBD,8CAqBC"}
+{"version":3,"file":"ModalUtils.js","sourceRoot":"","sources":["../../src/modal/ModalUtils.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,SAAgB,eAAe,CAC7B,QAA4C,EAC5C,MAA4B,EAC5B,aAA0C;IAE1C,IAAI,MAAM,IAAI,MAAM,CAAC,WAAW,KAAK,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7D,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,GAAG,EAAE,WAAC,OAAA,aAAa,EAAE,KAAK,KAAK,KAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,CAAA,EAAA,CAAC;IACtE,CAAC;IACD,OAAO,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC;AACzC,CAAC;AAVD,0CAUC;AAEY,QAAA,UAAU,GAAG,4BAA4B,CAAC;AAEvD,SAAgB,iBAAiB,CAC/B,QAA4C,EAC5C,UAA8B,EAC9B,QAAiB;IAEjB,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ;YAAE,OAAO;QACrB,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU;YAAE,OAAO,CAAC,kEAAkE;QAChH,IAAI,QAAQ,CAAC,OAAO,CAAC,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAU,CAAC,CAAC,CAAC,mCAAmC;QAEvG,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;;YACzC,IAAI,MAAA,QAAQ,CAAC,OAAO,0CAAE,IAAI;gBAAE,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAU,CAAC,CAAC;;gBAC/D,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAU,CAAC,CAAC;QAClD,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,EAAE;YACjC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,MAAM,CAAC;SAC1B,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,UAAU,EAAE,CAAC;YACtB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAU,CAAC,CAAC,CAAC,gDAAgD;QAC9F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;AACvC,CAAC;AAvBD,8CAuBC"}

package/cjs/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 { default as ModalBody, type ModalBodyProps } from "./ModalBody";
+export { default as ModalFooter, type ModalFooterProps } from "./ModalFooter";
+export { default as ModalHeader, type ModalHeaderProps } from "./ModalHeader";
 export { type ModalProps } from "./types";

package/cjs/modal/index.js

@@ -1,9 +1,16 @@
 "use strict";
+"use client";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
+exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = void 0;
 var Modal_1 = require("./Modal");
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
+var ModalBody_1 = require("./ModalBody");
+Object.defineProperty(exports, "ModalBody", { enumerable: true, get: function () { return __importDefault(ModalBody_1).default; } });
+var ModalFooter_1 = require("./ModalFooter");
+Object.defineProperty(exports, "ModalFooter", { enumerable: true, get: function () { return __importDefault(ModalFooter_1).default; } });
+var ModalHeader_1 = require("./ModalHeader");
+Object.defineProperty(exports, "ModalHeader", { enumerable: true, get: function () { return __importDefault(ModalHeader_1).default; } });
 //# sourceMappingURL=index.js.map

package/cjs/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA2C;AAAlC,+GAAA,OAAO,OAAS"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/modal/index.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;AACb,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,yCAAwE;AAA/D,uHAAA,OAAO,OAAa;AAC7B,6CAA8E;AAArE,2HAAA,OAAO,OAAe;AAC/B,6CAA8E;AAArE,2HAAA,OAAO,OAAe"}

package/cjs/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,41 @@ 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 & ({
+    onClose: ModalPropsBase["onClose"];
+    open: boolean | undefined;
+} | {
+    onClose?: ModalPropsBase["onClose"];
+    open?: never;
+}) & ({
+    header: ModalPropsBase["header"];
+    "aria-labelledby": string;
+    "aria-label"?: never;
+} | {
+    header: ModalPropsBase["header"];
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    header: ModalPropsBase["header"];
+    "aria-labelledby"?: never;
+    "aria-label"?: never;
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+} | {
+    "aria-labelledby"?: never;
+    "aria-label": string;
+});
+export {};

package/cjs/modal/types.test-d.d.ts

@@ -0,0 +1 @@
+export {};