@navikt/ds-react 0.7.4 → 0.8.0

package/cjs/guide-panel/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../esm/guide-panel/index.js",
+  "types": "../../esm/guide-panel/index.d.ts"
+}

package/cjs/help-text/HelpText.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ds_icons_1 = require("@navikt/ds-icons");
+const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
+const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
+const __1 = require("..");
+const HelpText = react_1.forwardRef((_a, ref) => {
+    var { className, children, placement = "top", title = "hjelp" } = _a, rest = __rest(_a, ["className", "children", "placement", "title"]);
+    const buttonRef = react_1.useRef(null);
+    const mergedRef = react_merge_refs_1.default([buttonRef, ref]);
+    const popoverRef = react_1.useRef(null);
+    const wrapperRef = react_1.useRef(null);
+    const [open, setOpen] = react_1.useState(false);
+    const popoverId = `popover-${__1.useId()}`;
+    react_1.useEffect(() => {
+        var _a;
+        open && ((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.focus());
+    }, [open]);
+    const handleClick = (e) => {
+        setOpen((x) => !x);
+        rest.onClick && rest.onClick(e);
+    };
+    return (react_1.default.createElement("div", { className: "navds-help-text", ref: wrapperRef },
+        react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (e) => handleClick(e), className: classnames_1.default(className, "navds-help-text__button"), type: "button", "aria-expanded": open, "aria-controls": popoverId, "aria-haspopup": "dialog", title: title }),
+            react_1.default.createElement(ds_icons_1.Helptext, { className: "navds-help-text__icon" }),
+            react_1.default.createElement("span", { className: "navds-sr-only" }, title)),
+        react_1.default.createElement(__1.Popover, { ref: popoverRef, onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, role: "tooltip", anchorEl: buttonRef.current, id: popoverId, placement: placement },
+            react_1.default.createElement(__1.Popover.Content, null, children))));
+});
+exports.default = HelpText;

package/cjs/help-text/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HelpText = void 0;
+var HelpText_1 = require("./HelpText");
+Object.defineProperty(exports, "HelpText", { enumerable: true, get: function () { return __importDefault(HelpText_1).default; } });
+__exportStar(require("./HelpText"), exports);

package/cjs/help-text/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "main": "./index.js",
+  "module": "../../esm/help-text/index.js",
+  "types": "../../esm/help-text/index.d.ts"
+}

package/cjs/index.js

@@ -7,22 +7,19 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./accordion"), exports);
-__exportStar(require("./accordion-anchor-menu"), exports);
 __exportStar(require("./accordion-menu"), exports);
 __exportStar(require("./alert"), exports);
 __exportStar(require("./button"), exports);
-__exportStar(require("./card"), exports);
-__exportStar(require("./content-container"), exports);
 __exportStar(require("./copy-to-clipboard"), exports);
 __exportStar(require("./form"), exports);
 __exportStar(require("./grid"), exports);
-__exportStar(require("./header"), exports);
+__exportStar(require("./help-text"), exports);
 __exportStar(require("./internal-header"), exports);
-__exportStar(require("./layouts"), exports);
+__exportStar(require("./guide-panel"), exports);
 __exportStar(require("./link"), exports);
 __exportStar(require("./link-panel"), exports);
 __exportStar(require("./loader"), exports);
@@ -33,3 +30,6 @@ __exportStar(require("./speech-bubble"), exports);
 __exportStar(require("./tag"), exports);
 __exportStar(require("./typography"), exports);
 __exportStar(require("./util"), exports);
+/* Navno spesific packages */
+__exportStar(require("./card"), exports);
+__exportStar(require("./page-header"), exports);

package/cjs/internal-header/InternalHeader.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };

package/cjs/internal-header/InternalHeaderTitle.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };

package/cjs/internal-header/InternalHeaderUser.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };

package/cjs/internal-header/index.js

@@ -7,15 +7,19 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InternalHeaderUser = exports.InternalHeaderTitle = exports.InternalHeader = void 0;
 var InternalHeader_1 = require("./InternalHeader");
-Object.defineProperty(exports, "InternalHeader", { enumerable: true, get: function () { return InternalHeader_1.default; } });
+Object.defineProperty(exports, "InternalHeader", { enumerable: true, get: function () { return __importDefault(InternalHeader_1).default; } });
 __exportStar(require("./InternalHeader"), exports);
 var InternalHeaderTitle_1 = require("./InternalHeaderTitle");
-Object.defineProperty(exports, "InternalHeaderTitle", { enumerable: true, get: function () { return InternalHeaderTitle_1.default; } });
+Object.defineProperty(exports, "InternalHeaderTitle", { enumerable: true, get: function () { return __importDefault(InternalHeaderTitle_1).default; } });
 __exportStar(require("./InternalHeaderTitle"), exports);
 var InternalHeaderUser_1 = require("./InternalHeaderUser");
-Object.defineProperty(exports, "InternalHeaderUser", { enumerable: true, get: function () { return InternalHeaderUser_1.default; } });
+Object.defineProperty(exports, "InternalHeaderUser", { enumerable: true, get: function () { return __importDefault(InternalHeaderUser_1).default; } });
 __exportStar(require("./InternalHeaderUser"), exports);

package/cjs/link/Link.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -36,7 +36,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const Link = react_1.forwardRef((_a, ref) => {
-    var { children, className, href } = _a, rest = __rest(_a, ["children", "className", "href"]);
-    return (react_1.default.createElement("a", Object.assign({ ref: ref, href: href, className: classnames_1.default("navds-link", className) }, rest), children));
+    var { as: Component = "a", className } = _a, rest = __rest(_a, ["as", "className"]);
+    return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: classnames_1.default("navds-link", className) })));
 });
 exports.default = Link;

package/cjs/link/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
 var Link_1 = require("./Link");
-Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.default; } });
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(Link_1).default; } });
 __exportStar(require("./Link"), exports);

package/cjs/link-panel/LinkPanel.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -33,19 +33,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkPanelTitle = void 0;
 const react_1 = __importStar(require("react"));
 const __1 = require("..");
 const ds_icons_1 = require("@navikt/ds-icons");
 const classnames_1 = __importDefault(require("classnames"));
-const LinkPanel = react_1.forwardRef((_a, ref) => {
-    var { children, component = "a", border = true, className } = _a, rest = __rest(_a, ["children", "component", "border", "className"]);
-    return (react_1.default.createElement(__1.Panel, Object.assign({ component: component, border: border, ref: ref, className: classnames_1.default("navds-link-panel", className) }, rest),
-        typeof children === "string" ? (react_1.default.createElement(exports.LinkPanelTitle, null, children)) : (react_1.default.createElement("span", { className: "navds-link-panel__content" }, children)),
+const LinkPanelTitle_1 = require("./LinkPanelTitle");
+const LinkPanelDescription_1 = require("./LinkPanelDescription");
+const LinkPanelComponent = react_1.forwardRef((_a, ref) => {
+    var { children, as = "a", border = true, className } = _a, rest = __rest(_a, ["children", "as", "border", "className"]);
+    return (react_1.default.createElement(__1.Panel, Object.assign({}, rest, { as: as, border: border, ref: ref, className: classnames_1.default("navds-link-panel", className) }),
+        react_1.default.createElement("div", { className: "navds-link-panel__content" }, children),
         react_1.default.createElement(ds_icons_1.Next, { className: "navds-link-panel__chevron", "aria-label": "arrow-icon pointing right" })));
 });
-exports.LinkPanelTitle = react_1.forwardRef((_a, ref) => {
-    var { className, component: Component = "span" } = _a, rest = __rest(_a, ["className", "component"]);
-    return (react_1.default.createElement(Component, Object.assign({ ref: ref, className: classnames_1.default("navds-link-panel-title", "navds-title", "navds-title--m", className) }, rest)));
-});
+const LinkPanel = LinkPanelComponent;
+LinkPanel.Title = LinkPanelTitle_1.LinkPanelTitle;
+LinkPanel.Description = LinkPanelDescription_1.LinkPanelDescription;
 exports.default = LinkPanel;

package/cjs/link-panel/LinkPanelDescription.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkPanelDescription = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const __1 = require("..");
+exports.LinkPanelDescription = react_1.forwardRef((_a, ref) => {
+    var { className } = _a, rest = __rest(_a, ["className"]);
+    return (react_1.default.createElement(__1.BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: classnames_1.default("navds-link-panel__description", className) })));
+});

package/cjs/link-panel/LinkPanelTitle.js

@@ -0,0 +1,42 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkPanelTitle = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+exports.LinkPanelTitle = 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: classnames_1.default("navds-link-panel__title", "navds-heading", "navds-heading--medium", className) })));
+});

package/cjs/link-panel/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkPanel = void 0;
 var LinkPanel_1 = require("./LinkPanel");
-Object.defineProperty(exports, "LinkPanel", { enumerable: true, get: function () { return LinkPanel_1.default; } });
+Object.defineProperty(exports, "LinkPanel", { enumerable: true, get: function () { return __importDefault(LinkPanel_1).default; } });
 __exportStar(require("./LinkPanel"), exports);

package/cjs/loader/Loader.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -37,15 +37,12 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const __1 = require("..");
 const Loader = react_1.forwardRef((_a, ref) => {
-    var { children, className, size = "m", title = "venter...", transparent = false, variant = "neutral", id } = _a, rest = __rest(_a, ["children", "className", "size", "title", "transparent", "variant", "id"]);
+    var { children, className, size = "medium", title = "venter...", transparent = false, variant = "neutral", id } = _a, rest = __rest(_a, ["children", "className", "size", "title", "transparent", "variant", "id"]);
     const internalId = __1.useId(id);
-    return (react_1.default.createElement("svg", Object.assign({ "aria-labelledby": internalId, ref: ref, className: classnames_1.default("navds-loader", className, `navds-loader--${size}`, {
+    return (react_1.default.createElement("svg", Object.assign({ "aria-labelledby": internalId, ref: ref, className: classnames_1.default("navds-loader", className, `navds-loader--${size}`, `navds-loader--${variant}`, {
             "navds-loader--transparent": transparent,
-            "navds-loader--neutral": variant === "neutral",
-            "navds-loader--interaction": variant === "interaction",
-            "navds-loader--inverted": variant === "inverted",
         }), focusable: "false", viewBox: "0 0 50 50", preserveAspectRatio: "xMidYMid" }, rest),
-        react_1.default.createElement("title", { id: internalId }, title),
+        react_1.default.createElement("title", { id: id !== null && id !== void 0 ? id : `loader-${internalId}` }, title),
         react_1.default.createElement("circle", { className: "navds-loader__background", xmlns: "http://www.w3.org/2000/svg", cx: "25", cy: "25", r: "20", fill: "none", strokeWidth: "5" }),
         react_1.default.createElement("circle", { className: "navds-loader__foreground", cx: "25", cy: "25", r: "20", stroke: "var(--navds-color-gray-40)", fill: "none", strokeWidth: "5", strokeDasharray: "50 155", strokeLinecap: "round" })));
 });

package/cjs/loader/index.js

@@ -7,9 +7,13 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = void 0;
 var Loader_1 = require("./Loader");
-Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.default; } });
+Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return __importDefault(Loader_1).default; } });
 __exportStar(require("./Loader"), exports);

package/cjs/modal/Modal.js

@@ -14,7 +14,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -39,8 +39,9 @@ const react_modal_1 = __importDefault(require("react-modal"));
 const react_merge_refs_1 = __importDefault(require("react-merge-refs"));
 const ds_icons_1 = require("@navikt/ds-icons");
 const __1 = require("..");
+const ModalContent_1 = __importDefault(require("./ModalContent"));
 const Modal = react_1.forwardRef((_a, ref) => {
-    var { children, open, className, onClose, shouldCloseOnOverlayClick = true, contentClassName = "" } = _a, rest = __rest(_a, ["children", "open", "className", "onClose", "shouldCloseOnOverlayClick", "contentClassName"]);
+    var { children, open, onClose, className, shouldCloseOnOverlayClick = true } = _a, rest = __rest(_a, ["children", "open", "onClose", "className", "shouldCloseOnOverlayClick"]);
     const modalRef = react_1.useRef(null);
     const mergedRef = react_merge_refs_1.default([modalRef, ref]);
     const buttonRef = react_1.useRef(null);
@@ -53,11 +54,12 @@ const Modal = react_1.forwardRef((_a, ref) => {
         }
     };
     return (react_1.default.createElement(react_modal_1.default, Object.assign({}, rest, { isOpen: open, ref: mergedRef, className: classnames_1.default("navds-modal", className), overlayClassName: "navds-modal__overlay", shouldCloseOnOverlayClick: shouldCloseOnOverlayClick, onRequestClose: (e) => onModalCloseRequest(e) }),
-        react_1.default.createElement("section", { className: contentClassName }, children),
+        children,
         react_1.default.createElement(__1.Button, { className: classnames_1.default("navds-modal__button", {
                 "navds-modal__button--shake": shouldCloseOnOverlayClick,
-            }), size: "s", variant: "secondary", ref: buttonRef, "aria-label": "lukk modalvindu", onClick: onClose },
+            }), size: "small", variant: "secondary", ref: buttonRef, "aria-label": "lukk modalvindu", onClick: onClose },
             react_1.default.createElement(ds_icons_1.Close, { focusable: "false", role: "img", "aria-label": "X-ikon for \u00E5 lukke modal" }))));
 });
 Modal.setAppElement = (element) => react_modal_1.default.setAppElement(element);
+Modal.Content = ModalContent_1.default;
 exports.default = Modal;