@navikt/ds-react 5.6.0-beta.0 → 5.6.1

package/esm/date/datepicker/caption/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Caption } from "./Caption";
-export { default as DropdownCaption } from "./DropdownCaption";

package/esm/date/datepicker/caption/index.js

@@ -1,3 +0,0 @@
-export { default as Caption } from "./Caption";
-export { default as DropdownCaption } from "./DropdownCaption";
-//# sourceMappingURL=index.js.map

package/esm/date/datepicker/caption/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/date/datepicker/caption/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1,8 +0,0 @@
-import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../../util";
-export interface ContentBoxProps extends HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
-    maxWidth?: "3xl" | "2xl" | "xl" | "lg";
-}
-export declare const ContentBox: OverridableComponent<ContentBoxProps, HTMLDivElement>;
-export default ContentBox;

package/esm/layout/content-box/ContentBox.js

@@ -1,28 +0,0 @@
-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;
-};
-import cl from "clsx";
-import React, { forwardRef } from "react";
-export const ContentBox = forwardRef((_a, ref) => {
-    var { as: Component = "div", className, maxWidth = "xl" } = _a, rest = __rest(_a, ["as", "className", "maxWidth"]);
-    const getMaxWidth = () => {
-        return maxWidth === "3xl"
-            ? "1920px"
-            : maxWidth === "2xl"
-                ? "1440px"
-                : maxWidth === "xl"
-                    ? "1280px"
-                    : "1024px";
-    };
-    return (React.createElement(Component, Object.assign({}, rest, { ref: ref, style: { "--__ac-contentbox--max-width": getMaxWidth() }, className: cl("navds-contentbox", className) })));
-});
-export default ContentBox;
-//# sourceMappingURL=ContentBox.js.map

package/esm/layout/content-box/ContentBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentBox.js","sourceRoot":"","sources":["../../../src/layout/content-box/ContentBox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAQ1D,MAAM,CAAC,MAAM,UAAU,GACrB,UAAU,CACR,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,OAAW,EAAN,IAAI,cAA5D,+BAA8D,CAAF;IAC3D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,QAAQ,KAAK,KAAK;YACvB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,KAAK,KAAK;gBACpB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,QAAQ,KAAK,IAAI;oBACnB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,QAAQ,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,8BAA8B,EAAE,WAAW,EAAE,EAAE,EACxD,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,UAAU,CAAC"}

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

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

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

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

package/esm/layout/content-box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/content-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}

package/esm/layout/page-demo/AvatarPanel.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare function AvatarPanel({ children }: {
-    children: React.ReactNode;
-}): React.JSX.Element;

package/esm/layout/page-demo/AvatarPanel.js

@@ -1,12 +0,0 @@
-import { PersonIcon } from "@navikt/aksel-icons";
-import React from "react";
-import { Box } from "../box";
-import { HStack } from "../stack";
-export function AvatarPanel({ children }) {
-    return (React.createElement(Box, { background: "bg-default", padding: "10", className: "avatar-card" },
-        React.createElement(HStack, { justify: "center" },
-            React.createElement(Box, { borderRadius: "full", background: "surface-success-moderate", className: "avatar" },
-                React.createElement(PersonIcon, { fontSize: "2rem" }))),
-        children));
-}
-//# sourceMappingURL=AvatarPanel.js.map

package/esm/layout/page-demo/AvatarPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarPanel.js","sourceRoot":"","sources":["../../../src/layout/page-demo/AvatarPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAiC;IACrE,OAAO,CACL,oBAAC,GAAG,IAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa;QAC/D,oBAAC,MAAM,IAAC,OAAO,EAAC,QAAQ;YACtB,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,0BAA0B,EACrC,SAAS,EAAC,QAAQ;gBAElB,oBAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,GAAG,CAC1B,CACC;QACR,QAAQ,CACL,CACP,CAAC;AACJ,CAAC"}

package/esm/layout/page-demo/Filter.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function FilterCard(): React.JSX.Element;

package/esm/layout/page-demo/Filter.js

@@ -1,15 +0,0 @@
-import React from "react";
-import { Checkbox, CheckboxGroup } from "../../form";
-import { BodyLong, Heading } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
-export function FilterCard() {
-    return (React.createElement(Box, { background: "bg-default", padding: "6", borderWidth: "5", borderColor: "border-action" },
-        React.createElement(VStack, { gap: "6" },
-            React.createElement(Heading, { size: "large" }, "Fortell oss om situasjonen din"),
-            React.createElement(BodyLong, null, "Fortell oss litt om situasjonen din, s\u00E5 viser vi bare den informasjonen som er relevant for deg."),
-            React.createElement(CheckboxGroup, { legend: "Hva er situasjonen din?", size: "small" },
-                React.createElement(Checkbox, null, "Jeg er arbeidsledig"),
-                React.createElement(Checkbox, null, "Jeg er permittert")))));
-}
-//# sourceMappingURL=Filter.js.map

package/esm/layout/page-demo/Filter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/layout/page-demo/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,oBAAC,GAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAC,GAAG,EACX,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe;QAE3B,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG;YACb,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,qCAAyC;YAC9D,oBAAC,QAAQ,gHAGE;YACX,oBAAC,aAAa,IAAC,MAAM,EAAC,yBAAyB,EAAC,IAAI,EAAC,OAAO;gBAC1D,oBAAC,QAAQ,8BAA+B;gBACxC,oBAAC,QAAQ,4BAA6B,CACxB,CACT,CACL,CACP,CAAC;AACJ,CAAC"}

package/esm/layout/page-demo/Header.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Header(): React.JSX.Element;

package/esm/layout/page-demo/Header.js

@@ -1,42 +0,0 @@
-import React from "react";
-import { Heading, BodyShort, Detail } from "../../typography";
-import { Box } from "../box";
-import { Hide, Show } from "../responsive";
-import { HStack, VStack } from "../stack";
-import { ContentBox } from "../content-box";
-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" },
-            React.createElement(Box, { background: "surface-default", paddingInline: "4", paddingBlock: "0 6" },
-                React.createElement(HStack, { align: "start", gap: "8" },
-                    React.createElement(Hide, { below: "md" },
-                        React.createElement(Pictogram, null)),
-                    React.createElement(VStack, { gap: { xs: "4", md: "5" } },
-                        React.createElement(Heading, { level: "1", size: "xlarge" }, "Dagpenger"),
-                        React.createElement(Hide, { below: "md" },
-                            React.createElement(HStack, { gap: "4", align: "center" },
-                                React.createElement(BodyShort, { size: "small" }, "PENGEST\u00D8TTE"),
-                                React.createElement("span", { "aria-hidden": "true" }, "|"),
-                                React.createElement(Detail, null, "Oppdatert 5. juli 2023"))),
-                        React.createElement(Show, { below: "md" },
-                            React.createElement(VStack, { gap: "2" },
-                                React.createElement(BodyShort, { size: "small" }, "PENGEST\u00D8TTE"),
-                                React.createElement(Detail, null, "Oppdatert 5. juli 2023")))))))));
-}
-function Pictogram() {
-    return (React.createElement("svg", { "aria-hidden": true, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "80", height: "80", viewBox: "0 0 96.45 96.44" },
-        React.createElement("g", { clipPath: "url(#clip0_4486_7567)" },
-            React.createElement("path", { d: "M37.6276 55.6806L12.707 30.76L31.2599 12.2071L56.1805 37.1277L66.7031 26.6052L75.0165 74.5166L27.1051 66.2031L37.6276 55.6806Z", fill: "#CCF1D6" }),
-            React.createElement("path", { d: "M41 11V33H2L2 9H27.5072", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("circle", { cx: "22", cy: "16", r: "6.5", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("circle", { cx: "35", cy: "9", r: "6.5", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("circle", { cx: "62", cy: "63", r: "22.5", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("path", { d: "M77.8105 77.7964L94.9534 94.9392", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("path", { d: "M47.6311 59.1036L72.7452 52.3743C73.0119 52.3028 73.2861 52.4611 73.3576 52.7279L75.1693 59.4894C75.3837 60.2896 74.9088 61.1121 74.1086 61.3265L50.9264 67.5381C50.1262 67.7525 49.3037 67.2777 49.0893 66.4775L47.2776 59.716C47.2061 59.4493 47.3644 59.1751 47.6311 59.1036Z", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("path", { d: "M52.3847 74.912L50.4436 67.6676L74.5917 61.1971L76.5329 68.4416C76.7473 69.2418 76.2724 70.0643 75.4722 70.2787L54.2218 75.9727C53.4216 76.1871 52.5991 75.7122 52.3847 74.912Z", stroke: "#262626", strokeWidth: "3" }),
-            React.createElement("path", { d: "M64.1814 55.1864L63.6638 53.2546C63.092 51.1207 60.8987 49.8544 58.7648 50.4261V50.4261C56.631 50.9979 55.3646 53.1913 55.9364 55.3251L56.454 57.257", stroke: "#262626", strokeWidth: "3" })),
-        React.createElement("defs", null,
-            React.createElement("clipPath", { id: "clip0_4486_7567" },
-                React.createElement("rect", { width: "96", height: "96", fill: "white" })))));
-}
-//# sourceMappingURL=Header.js.map

package/esm/layout/page-demo/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/layout/page-demo/Header.tsx"],"names":[],"mappings":"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"}

package/esm/layout/page-demo/Intro.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function IntroCard(): React.JSX.Element;

package/esm/layout/page-demo/Intro.js

@@ -1,30 +0,0 @@
-import { LinkIcon } from "@navikt/aksel-icons";
-import React from "react";
-import { CopyButton } from "../../copybutton";
-import { Heading, BodyLong, Detail, Label } from "../../typography";
-import { Box } from "../box";
-import { HStack, VStack } from "../stack";
-export function IntroCard() {
-    return (React.createElement(Box, { background: "bg-default", padding: "10" },
-        React.createElement(VStack, { gap: "6" },
-            React.createElement(VStack, { gap: "2", align: "start" },
-                React.createElement(Heading, { size: "large" }, "Kort om dagpenger"),
-                React.createElement(CopyButton, { copyText: "#", text: "Kopier lenke", size: "small", icon: React.createElement(LinkIcon, { "aria-hidden": true }) })),
-            React.createElement(BodyLong, null, "Dagpenger er en pengest\u00F8tte du kan f\u00E5 hvis du er arbeidsledig eller permittert."),
-            React.createElement("div", null,
-                React.createElement(Label, { as: "p", spacing: true }, "Dagpenger er aktuelt for deg som"),
-                React.createElement(HStack, { wrap: true, gap: "4" },
-                    React.createElement(Box, { borderRadius: "full", shadow: "small", borderWidth: "1", borderColor: "border-subtle", paddingBlock: "1", paddingInline: "2" },
-                        React.createElement(HStack, { gap: "2", align: "center" },
-                            React.createElement(Box, { borderRadius: "full", borderWidth: "4", borderColor: "border-success" }),
-                            React.createElement(Detail, { as: "span" }, "Er arbeidsledig eller permitert"))),
-                    React.createElement(Box, { borderRadius: "full", shadow: "small", borderWidth: "1", borderColor: "border-subtle", paddingBlock: "1", paddingInline: "2" },
-                        React.createElement(HStack, { gap: "2", align: "center" },
-                            React.createElement(Box, { borderRadius: "full", borderWidth: "4", borderColor: "border-success" }),
-                            React.createElement(Detail, { as: "span" }, "S\u00F8ker jobb"))),
-                    React.createElement(Box, { borderRadius: "full", shadow: "small", borderWidth: "1", borderColor: "border-subtle", paddingBlock: "1", paddingInline: "2" },
-                        React.createElement(HStack, { gap: "2", align: "center" },
-                            React.createElement(Box, { borderRadius: "full", borderWidth: "4", borderColor: "border-success" }),
-                            React.createElement(Detail, { as: "span" }, "Trenger hjelp til \u00E5 komme i jobb"))))))));
-}
-//# sourceMappingURL=Intro.js.map

package/esm/layout/page-demo/Intro.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Intro.js","sourceRoot":"","sources":["../../../src/layout/page-demo/Intro.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,oBAAC,GAAG,IAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAC,IAAI;QACvC,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG;YACb,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO;gBAC3B,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,wBAA4B;gBACjD,oBAAC,UAAU,IACT,QAAQ,EAAC,GAAG,EACZ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,oBAAC,QAAQ,0BAAe,GAC9B,CACK;YACT,oBAAC,QAAQ,oGAGE;YACX;gBACE,oBAAC,KAAK,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,6CAEb;gBACR,oBAAC,MAAM,IAAC,IAAI,QAAC,GAAG,EAAC,GAAG;oBAClB,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,gBAAgB,GAC5B;4BACF,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,sCAAyC,CACnD,CACL;oBACN,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,gBAAgB,GAC5B;4BACF,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,sBAAoB,CAC9B,CACL;oBACN,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,oBAAC,GAAG,IACF,YAAY,EAAC,MAAM,EACnB,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,gBAAgB,GAC5B;4BACF,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,4CAA0C,CACpD,CACL,CACC,CACL,CACC,CACL,CACP,CAAC;AACJ,CAAC"}

package/esm/layout/page-demo/Sidebar.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare function Sidebar(): React.JSX.Element;
-export declare function ContentPanel(): React.JSX.Element;
-export declare function NewsPanel(): React.JSX.Element;

package/esm/layout/page-demo/Sidebar.js

@@ -1,41 +0,0 @@
-import React from "react";
-import { Heading, Label } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
-import { Link } from "../../link";
-const LinkElement = ({ children }) => {
-    return (React.createElement(Label, { as: "li", className: "sidebarlink" }, children));
-};
-export function Sidebar() {
-    return (React.createElement(VStack, { gap: "4", className: "sidebar" },
-        React.createElement(ContentPanel, null),
-        React.createElement(NewsPanel, null)));
-}
-export function ContentPanel() {
-    return (React.createElement(Box, { as: "nav", "aria-label": "innhold", paddingInline: "2", paddingBlock: "8 4", background: "surface-default" },
-        React.createElement(Box, { paddingBlock: "0 3", paddingInline: "4 0" },
-            React.createElement(Heading, { size: "medium" }, "Innhold")),
-        React.createElement("ul", { className: "reset-list" },
-            React.createElement(LinkElement, null, "Kort om dagpenger"),
-            React.createElement(LinkElement, null, "Hvem kan f\u00E5?"),
-            React.createElement(LinkElement, null, "Hvor mye kan du f\u00E5?"),
-            React.createElement(LinkElement, null, "N\u00E5r utbetales pengene?"),
-            React.createElement(LinkElement, null, "Hvor lenge kan du f\u00E5?"),
-            React.createElement(LinkElement, null, "Slik s\u00F8ker du"),
-            React.createElement(LinkElement, null, "Hva m\u00E5 du gj\u00F8re for \u00E5 f\u00E5 dagpenger?"),
-            React.createElement(LinkElement, null, "Gi beskjed om endringer"),
-            React.createElement(LinkElement, null, "Jobb i kombinasjon med dagpenger"),
-            React.createElement(LinkElement, null, "Utdanning og oppl\u00E6ring"),
-            React.createElement(LinkElement, null, "Ferie og utenlandsopphold"),
-            React.createElement(LinkElement, null, "Slik klager du"))));
-}
-export function NewsPanel() {
-    return (React.createElement(Box, { padding: "4", background: "surface-default", "aria-label": "Nyttig \u00E5 vite", as: "section" },
-        React.createElement(Box, { paddingBlock: "0 3", paddingInline: "2" },
-            React.createElement(Heading, { size: "small" }, "Nyttig \u00E5 vite")),
-        React.createElement("nav", { "aria-label": "innhold" },
-            React.createElement("ul", { className: "reset-list" },
-                React.createElement(Box, { paddingBlock: "2", paddingInline: "2" },
-                    React.createElement(Link, null, "Hva sier loven?"))))));
-}
-//# sourceMappingURL=Sidebar.js.map

package/esm/layout/page-demo/Sidebar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/layout/page-demo/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,OAAO,CACL,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,IACnC,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,OAAO;IACrB,OAAO,CACL,oBAAC,MAAM,IAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,SAAS;QACjC,oBAAC,YAAY,OAAG;QAChB,oBAAC,SAAS,OAAG,CACN,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO,CACL,oBAAC,GAAG,IACF,EAAE,EAAC,KAAK,gBACG,SAAS,EACpB,aAAa,EAAC,GAAG,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,iBAAiB;QAE5B,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;YACzC,oBAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,cAAkB,CACpC;QACN,4BAAI,SAAS,EAAC,YAAY;YACxB,oBAAC,WAAW,4BAAgC;YAC5C,oBAAC,WAAW,4BAA2B;YACvC,oBAAC,WAAW,mCAAkC;YAC9C,oBAAC,WAAW,sCAAqC;YACjD,oBAAC,WAAW,qCAAoC;YAChD,oBAAC,WAAW,6BAA4B;YACxC,oBAAC,WAAW,kEAAkD;YAC9D,oBAAC,WAAW,kCAAsC;YAClD,oBAAC,WAAW,2CAA+C;YAC3D,oBAAC,WAAW,sCAAqC;YACjD,oBAAC,WAAW,oCAAwC;YACpD,oBAAC,WAAW,yBAA6B,CACtC,CACD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAC,GAAG,EACX,UAAU,EAAC,iBAAiB,gBACjB,oBAAe,EAC1B,EAAE,EAAC,SAAS;QAEZ,oBAAC,GAAG,IAAC,YAAY,EAAC,KAAK,EAAC,aAAa,EAAC,GAAG;YACvC,oBAAC,OAAO,IAAC,IAAI,EAAC,OAAO,yBAAwB,CACzC;QACN,2CAAgB,SAAS;YACvB,4BAAI,SAAS,EAAC,YAAY;gBACxB,oBAAC,GAAG,IAAC,YAAY,EAAC,GAAG,EAAC,aAAa,EAAC,GAAG;oBACrC,oBAAC,IAAI,0BAAuB,CACxB,CACH,CACD,CACF,CACP,CAAC;AACJ,CAAC"}

package/src/date/datepicker/caption/DropdownCaption.tsx

@@ -1,108 +0,0 @@
-import { ArrowLeftIcon, ArrowRightIcon } from "@navikt/aksel-icons";
-import setMonth from "date-fns/setMonth";
-import setYear from "date-fns/setYear";
-import startOfMonth from "date-fns/startOfMonth";
-import React from "react";
-import { CaptionProps, useDayPicker, useNavigation } from "react-day-picker";
-import { Button, Select } from "../../..";
-import { getMonths, getYears } from "../../utils/get-dates";
-import { labelMonthDropdown, labelYearDropdown } from "../../utils/labels";
-import { max, min } from "date-fns";
-
-export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
-  const { goToMonth, nextMonth, previousMonth } = useNavigation();
-  const {
-    fromDate,
-    toDate,
-    formatters: { formatYearCaption, formatMonthCaption, formatCaption },
-    labels: { labelPrevious, labelNext },
-    locale,
-  } = useDayPicker();
-
-  if (!fromDate || !toDate) {
-    console.warn("Using dropdownCaption required fromDate and toDate");
-    return null;
-  }
-
-  const handleYearChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {
-    const newMonth = setYear(
-      startOfMonth(displayMonth),
-      Number(e.target.value)
-    );
-    goToMonth(startOfMonth(min([max([newMonth, fromDate]), toDate])));
-  };
-
-  const handleMonthChange: React.ChangeEventHandler<HTMLSelectElement> = (e) =>
-    goToMonth(setMonth(startOfMonth(displayMonth), Number(e.target.value)));
-
-  const years = getYears(fromDate, toDate, displayMonth.getFullYear());
-  const months = getMonths(fromDate, toDate, displayMonth);
-
-  const previousLabel = labelPrevious(previousMonth, { locale });
-  const nextLabel = labelNext(nextMonth, { locale });
-  const yearDropdownLabel = labelYearDropdown(locale);
-  const MonthDropdownLabel = labelMonthDropdown(locale);
-
-  return (
-    <div className="navds-date__caption-dropdown">
-      <span
-        aria-live="polite"
-        aria-atomic="true"
-        id={id}
-        className="navds-sr-only"
-      >
-        {formatCaption(displayMonth, { locale })}
-      </span>
-      <Button
-        aria-label={previousLabel}
-        variant="tertiary"
-        disabled={!previousMonth}
-        onClick={() => previousMonth && goToMonth(previousMonth)}
-        icon={<ArrowLeftIcon title="velg forrige måned" />}
-        className="navds-date__caption-button"
-        type="button"
-      />
-
-      <div className="navds-date__caption__month-wrapper">
-        <Select
-          label={MonthDropdownLabel}
-          hideLabel
-          className="navds-date__caption__month"
-          value={displayMonth.getMonth()}
-          onChange={handleMonthChange}
-        >
-          {months.map((m) => (
-            <option key={m.getMonth()} value={m.getMonth()}>
-              {formatMonthCaption(m, { locale })}
-            </option>
-          ))}
-        </Select>
-        <Select
-          label={yearDropdownLabel}
-          hideLabel
-          value={displayMonth.getFullYear()}
-          onChange={handleYearChange}
-          className="navds-date__caption__year"
-        >
-          {years.map((year) => (
-            <option key={year.getFullYear()} value={year.getFullYear()}>
-              {formatYearCaption(year, { locale })}
-            </option>
-          ))}
-        </Select>
-      </div>
-
-      <Button
-        aria-label={nextLabel}
-        icon={<ArrowRightIcon title="velg neste måned" />}
-        onClick={() => nextMonth && goToMonth(nextMonth)}
-        disabled={!nextMonth}
-        variant="tertiary"
-        className="navds-date__caption-button"
-        type="button"
-      />
-    </div>
-  );
-};
-
-export default DropdownCaption;

package/src/date/datepicker/caption/index.ts

@@ -1,2 +0,0 @@
-export { default as Caption } from "./Caption";
-export { default as DropdownCaption } from "./DropdownCaption";