@altinn/altinn-components 0.61.0 → 0.61.2

package/dist/assets/HeaderLogo.css

@@ -1 +1 @@
-._logo_mt7vd_1{display:flex;align-items:center;color:currentColor;text-decoration:none}._symbol_mt7vd_8{width:2rem;height:2rem;margin:0}@media(min-width:1024px){._symbol_mt7vd_8{margin:6px}}._riksSymbol_mt7vd_20{width:2.5rem;height:2.5rem;margin:0}._text_mt7vd_26{font-size:1.5rem;font-weight:500;padding:4px}
+._logo_1yxnd_1{display:flex;align-items:center;color:currentColor;text-decoration:none;height:3.25rem;min-width:3.25rem;padding:0 .5rem;-webkit-user-select:none;user-select:none}._logo_1yxnd_1:hover{background-color:transparent}._logomark_1yxnd_16{color:#0062b8;width:2rem;height:2rem;margin:0!important}._text_1yxnd_23{font-size:2rem;font-weight:400}

package/dist/components/Footer/FooterLogo.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { c as i } from "../../index-p1eeF8LQ.js";
-import { DigdirLogomark as t } from "../Header/DigdirLogomark.js";
+import { DigdirLogomark as t } from "../Logo/DigdirLogomark.js";
 import '../../assets/FooterLogo.css';const c = "_logo_127g0_1", e = "_symbol_127g0_9", s = {
   logo: c,
   symbol: e

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -7,7 +7,7 @@ import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
 import { DigdirLogomark as x } from "./DigdirLogomark.js";
-import '../../assets/HeaderLogo2.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
+import '../../assets/HeaderLogo.css';const d = "_logo_1yxnd_1", _ = "_logomark_1yxnd_16", f = "_text_1yxnd_23", t = {
   logo: d,
   logomark: _,
   text: f

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,63 +1,80 @@
 "use client";
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useState as d, useCallback as L, useEffect as C, useMemo as G } from "react";
-import { M as S } from "../../ToolbarSearch-56Sm2j7P.js";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import s, { forwardRef as y, useState as M, useCallback as k, useEffect as I, useMemo as O } from "react";
+import { M as w } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { LocaleSwitcher as v } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as j } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
 import { MenuListItem as x } from "../Menu/MenuListItem.js";
-import { GlobalMenuBase as u, GlobalMenuFooter as I } from "./GlobalMenuBase.js";
-import { LogoutButton as T } from "./LogoutButton.js";
-import { S as h } from "../../Globe-BcPkcH4E.js";
-const N = ({
-  menu: e,
-  backLabel: g = "Back",
-  onClose: s,
-  logoutButton: a,
-  ariaLabel: n = "Menu",
-  localeSwitcher: r,
-  isOpen: m = !1
+import { GlobalMenuBase as g, GlobalMenuFooter as S } from "./GlobalMenuBase.js";
+import { LogoutButton as _ } from "./LogoutButton.js";
+import { u as C } from "../../useId-BVFxCjkq.js";
+var E = function(t, i) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
+      i.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+  return r;
+};
+const L = y((t, i) => {
+  var { title: r, titleId: e } = t, o = E(t, ["title", "titleId"]);
+  let l = C();
+  return l = r ? e || "title-" + l : void 0, s.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, o),
+    r ? s.createElement("title", { id: l }, r) : null,
+    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.74-7.683A8.28 8.28 0 0 0 4.65 8.25h3.719a41 41 0 0 1 .62-3.934m1.63-.452a41 41 0 0 0-.742 4.385h4.245a41 41 0 0 0-.743-4.385 8.3 8.3 0 0 0-2.76 0M8.24 14.25a34.5 34.5 0 0 1 0-4.5H4.06A8.3 8.3 0 0 0 3.75 12c0 .78.108 1.535.31 2.25zm1.503 0a33 33 0 0 1 0-4.5h4.514c.103 1.51.103 2.997 0 4.5zm-.754 5.433a41 41 0 0 1-.62-3.933h-3.72a8.28 8.28 0 0 0 4.34 3.933m1.631.452a41 41 0 0 1-.743-4.385h4.246a41 41 0 0 1-.743 4.385 8.3 8.3 0 0 1-2.76 0m5.141-5.885c.098-1.502.098-2.99 0-4.5h4.179c.202.715.31 1.47.31 2.25a8.3 8.3 0 0 1-.31 2.25zm-.75-9.933a8.28 8.28 0 0 1 4.34 3.933h-3.72a41 41 0 0 0-.62-3.933m0 15.366c.276-1.344.483-2.648.62-3.933h3.72a8.28 8.28 0 0 1-4.34 3.933", clipRule: "evenodd" })
+  );
+}), K = ({
+  menu: t,
+  backLabel: i = "Back",
+  onClose: r,
+  logoutButton: e,
+  ariaLabel: o = "Menu",
+  localeSwitcher: l,
+  isOpen: f = !1
 }) => {
-  const [k, c] = d(!1), l = L(() => {
-    c((t) => !t);
+  const [b, p] = M(!1), m = k(() => {
+    p((n) => !n);
   }, []);
-  C(() => {
-    m || c(!1);
-  }, [m]);
-  const M = G(() => {
-    const t = (e?.items ?? []).map((i) => ({
-      ...i,
+  I(() => {
+    f || p(!1);
+  }, [f]);
+  const h = O(() => {
+    const n = (t?.items ?? []).map((c) => ({
+      ...c,
       onClick: () => {
-        i.onClick?.(), s?.();
+        c.onClick?.(), r?.();
       },
-      items: Array.isArray(i.items) ? i.items.map((p) => ({
-        ...p,
+      items: Array.isArray(c.items) ? c.items.map((u) => ({
+        ...u,
         onClick: () => {
-          p.onClick?.(), s?.();
+          u.onClick?.(), r?.();
         }
       })) : void 0
     }));
-    if (!r) return t;
-    const b = {
+    if (!l) return n;
+    const v = {
       title: "Språk/language",
-      icon: h,
+      icon: L,
       size: "sm",
-      onClick: l,
+      onClick: m,
       linkIcon: !0
     };
-    return [...t, b];
-  }, [e, s, r, l]);
-  return k ? /* @__PURE__ */ f(u, { "aria-label": n, children: [
-    r && /* @__PURE__ */ o(v, { ...r, backLabel: g, onToggle: l }),
-    /* @__PURE__ */ o(x, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ f(u, { "aria-label": n, children: [
-    e && /* @__PURE__ */ o(S, { ...e, items: M }),
-    a && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o(T, { ...a }) })
+    return [...n, v];
+  }, [t, r, l, m]);
+  return b ? /* @__PURE__ */ d(g, { "aria-label": o, children: [
+    l && /* @__PURE__ */ a(j, { ...l, backLabel: i, onToggle: m }),
+    /* @__PURE__ */ a(x, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ d(g, { "aria-label": o, children: [
+    t && /* @__PURE__ */ a(w, { ...t, items: h }),
+    e && /* @__PURE__ */ a(S, { children: /* @__PURE__ */ a(_, { ...e }) })
   ] });
 };
 export {
-  N as GlobalMenu
+  K as GlobalMenu
 };

package/dist/components/Layout/Layout.js

@@ -1,60 +1,58 @@
 "use client";
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { LayoutBase as d } from "./LayoutBase.js";
-import { LayoutGrid as L } from "./LayoutGrid.js";
-import { LayoutBody as a } from "./LayoutBody.js";
-import { LayoutContent as h } from "./LayoutContent.js";
-import { LayoutSidebar as s } from "./LayoutSidebar.js";
-import { Breadcrumbs as x } from "../Breadcrumbs/Breadcrumbs.js";
+import { LayoutBase as y } from "./LayoutBase.js";
+import { LayoutGrid as d } from "./LayoutGrid.js";
+import { LayoutBody as h } from "./LayoutBody.js";
+import { LayoutContent as L } from "./LayoutContent.js";
+import { LayoutSidebar as a } from "./LayoutSidebar.js";
+import { Breadcrumbs as s } from "../Breadcrumbs/Breadcrumbs.js";
 import "../../index-p1eeF8LQ.js";
-import { Footer as B } from "../Footer/Footer.js";
-import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
+import { Footer as x } from "../Footer/Footer.js";
+import { GlobalHeader as B } from "../GlobalHeader/GlobalHeader.js";
 import "react";
-import { u as k, M as C } from "../../ToolbarSearch-56Sm2j7P.js";
+import { u as j, M as k } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { Header as G } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
-import { SkipLink as H } from "../SkipLink/SkipLink.js";
-const Q = ({
+import { SkipLink as C } from "../SkipLink/SkipLink.js";
+const N = ({
   color: c,
   theme: u = "subtle",
-  header: m,
+  header: i,
   footer: n,
   sidebar: o,
-  content: f = {},
-  children: l,
+  content: l = {},
+  children: f,
   skipLink: p,
-  breadcrumbs: e,
-  useGlobalHeader: y = !0
+  breadcrumbs: e
 }) => {
-  const { currentId: i } = k();
-  return /* @__PURE__ */ r(d, { color: c, theme: u, currentId: i, children: [
-    p && /* @__PURE__ */ t(H, { ...p }),
-    m && (y ? /* @__PURE__ */ t(j, { ...m }) : /* @__PURE__ */ t(G, { ...m })),
-    /* @__PURE__ */ r(L, { currentId: i, children: [
-      e && /* @__PURE__ */ t(x, { ...e }),
-      /* @__PURE__ */ r(a, { currentId: i, children: [
+  const { currentId: m } = j();
+  return /* @__PURE__ */ r(y, { color: c, theme: u, currentId: m, children: [
+    p && /* @__PURE__ */ t(C, { ...p }),
+    i && /* @__PURE__ */ t(B, { ...i }),
+    /* @__PURE__ */ r(d, { currentId: m, children: [
+      e && /* @__PURE__ */ t(s, { ...e }),
+      /* @__PURE__ */ r(h, { currentId: m, children: [
         o && /* @__PURE__ */ r(
-          s,
+          a,
           {
             sticky: o?.sticky,
             hidden: o?.hidden,
             color: o?.color,
             footer: o?.footer,
             children: [
-              o?.menu && /* @__PURE__ */ t(C, { ...o?.menu }),
+              o?.menu && /* @__PURE__ */ t(k, { ...o?.menu }),
               o?.children
             ]
           }
         ),
-        /* @__PURE__ */ t(h, { color: f?.color, id: "main-content", children: l })
+        /* @__PURE__ */ t(L, { color: l?.color, id: "main-content", children: f })
       ] })
     ] }),
-    n && /* @__PURE__ */ t(B, { ...n })
+    n && /* @__PURE__ */ t(x, { ...n })
   ] });
 };
 export {
-  Q as Layout
+  N as Layout
 };

package/dist/components/Logo/index.js

@@ -0,0 +1,4 @@
+import { DigdirLogomark as g } from "./DigdirLogomark.js";
+export {
+  g as DigdirLogomark
+};

package/dist/components/Pagination/Pagination.js

@@ -1,27 +1,27 @@
-import { jsx as i, jsxs as h } from "react/jsx-runtime";
-import { Button as r } from "../Button/Button.js";
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { Button as e } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Pagination.css';const m = "_pagination_jpqmb_1", g = "_list_jpqmb_5", o = {
-  pagination: m,
-  list: g
-}, x = ({
+import '../../assets/Pagination.css';const b = "_pagination_jpqmb_1", m = "_list_jpqmb_5", t = {
+  pagination: b,
+  list: m
+}, y = ({
   size: a,
-  variant: t = "tinted",
+  variant: o = "tinted",
   selectedVariant: d = "solid",
-  prev: e,
+  prev: r,
   next: n,
   items: s = [],
   "aria-label": c = "Velg side"
-}) => /* @__PURE__ */ i("nav", { className: o.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ h("ul", { className: o.list, children: [
-  e && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, { size: a, "aria-label": e["aria-label"] || "Forrige side", variant: t, children: e.title || "Forrige" }) }),
-  s?.map((l, p) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(r, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(r, { ...l, size: a, variant: l?.selected ? d : t, children: l.title }) }, p)),
-  n && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, { size: a, "aria-label": n["aria-label"] || "Forrige side", variant: t, children: n.title || "Neste" }) })
+}) => /* @__PURE__ */ i("nav", { className: t.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ p("ul", { className: t.list, children: [
+  r && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(e, { ...r, size: a, "aria-label": r["aria-label"] || "Forrige side", variant: o, children: r.label || "Forrige" }) }),
+  s?.map((l, h) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(e, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(e, { ...l, size: a, variant: l?.selected ? d : o, children: l.label }) }, h)),
+  n && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(e, { ...n, size: a, "aria-label": n["aria-label"] || "Forrige side", variant: o, children: n.label || "Neste" }) })
 ] }) });
 export {
-  x as Pagination
+  y as Pagination
 };