@altinn/altinn-components 0.45.3 → 0.46.0

package/dist/assets/LayoutSidebar.css

@@ -1 +1 @@
-._sidebar_lkphj_1,._sidebar_lkphj_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_lkphj_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_lkphj_1[data-sticky=true]{position:sticky;top:0}._sidebar_lkphj_1[aria-hidden=true]{display:none}}
+._sidebar_bcso7_1,._sidebar_bcso7_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_bcso7_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_bcso7_1[data-use-global-header=true]{margin-top:4.125rem}._sidebar_bcso7_1[data-sticky=true]{position:sticky;top:0}._sidebar_bcso7_1[aria-hidden=true]{display:none}}

package/dist/assets/SearchbarBase.css

@@ -1 +1 @@
-._searchbar_1qnvb_1{position:relative}._searchbar_1qnvb_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_1qnvb_1 nav{display:none}._searchbarExpanded_1qnvb_14 nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}
+._searchbar_nnykn_1{position:relative}._searchbar_nnykn_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_nnykn_1 nav{display:none}._searchbarExpanded_nnykn_14 nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._searchbarLocal_nnykn_22{width:100%;padding:var(--dsc-spacing-4) 0;z-index:100}@media (min-width: 1024px){._searchbarLocal_nnykn_22{max-width:320px;margin-right:auto}._searchbarLocal_nnykn_22._searchbarExpanded_nnykn_14{max-width:640px}}

package/dist/assets/Typography.css

@@ -1 +1 @@
-._typography_xs81l_1{width:100%;line-height:1.5}p._typography_xs81l_1{margin:0}._typography_xs81l_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_xs81l_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_xs81l_1[data-size=xs]{font-size:.875rem}._typography_xs81l_1[data-size=sm]{font-size:1rem}._typography_xs81l_1[data-size=md]{font-size:1.125rem}._typography_xs81l_1[data-size=lg]{font-size:1.25rem}._typography_xs81l_1[data-size=xl]{font-size:1.5rem}._typography_xs81l_1>*:first-child{margin-top:0}._typography_xs81l_1>*:last-child{margin-bottom:0}._typography_xs81l_1 strong{font-weight:500}._typography_xs81l_1 a{color:var(--ds-color-base-default)}._typography_xs81l_1 a:hover{color:var(--ds-color-base-hover)}._typography_xs81l_1>p{font-size:1em;margin:1em 0}._typography_xs81l_1>h1{font-size:1.5rem;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_xs81l_1>h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_xs81l_1>h3{font-size:1em;font-weight:600;margin:1em 0}._typography_xs81l_1>h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_xs81l_1>h5,._typography_xs81l_1>h6{font-size:.875rem;margin:1em 0 0}._typography_xs81l_1>h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_xs81l_1>h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_xs81l_1>h5+*,._typography_xs81l_1>h6+*{margin-top:0}._typography_xs81l_1>section{margin:1em 0}._typography_xs81l_1 ul:not([class]),._typography_xs81l_1 ol:not([class]){list-style-position:outside;padding-left:1.5em;margin:1.5em 0}._typography_xs81l_1 ul:not([class]) li,._typography_xs81l_1 ol:not([class]) li{padding-left:.5em;margin:.5em 0}._typography_xs81l_1 table{width:100%;font-size:.875em;font-variant-numeric:tabular-nums;border-collapse:collapse;border:1px solid;margin:1.5em 0}._typography_xs81l_1 th,._typography_xs81l_1 td{text-align:left;padding:.25em .5em;vertical-align:top}._typography_xs81l_1 thead+tbody{border-top:1px solid;border-color:var(--ds-color-border-default)}._typography_xs81l_1 tr+tr{border-top:1px solid;border-color:var(--ds-color-border-subtle)}
+._typography_1h9tz_1{width:100%;line-height:1.5}p._typography_1h9tz_1{margin:0}._typography_1h9tz_1[data-theme=default]{background-color:transparent;color:var(--ds-color-text-default)}._typography_1h9tz_1[data-theme=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._typography_1h9tz_1[data-size=xs]{font-size:.875rem}._typography_1h9tz_1[data-size=sm]{font-size:1rem}._typography_1h9tz_1[data-size=md]{font-size:1.125rem}._typography_1h9tz_1[data-size=lg]{font-size:1.25rem}._typography_1h9tz_1[data-size=xl]{font-size:1.5rem}._typography_1h9tz_1>*:first-child{margin-top:0}._typography_1h9tz_1>*:last-child{margin-bottom:0}._typography_1h9tz_1 strong{font-weight:500}._typography_1h9tz_1 a{color:var(--ds-color-base-default)}._typography_1h9tz_1 a:hover{color:var(--ds-color-base-hover)}._typography_1h9tz_1 p{font-size:1em;margin:1em 0}._typography_1h9tz_1 hr{--dsc-divider-border-width: var(--ds-border-width-default);--dsc-divider-border-style: solid;--dsc-divider-border-color: var(--ds-color-border-subtle);border-width:0;border-top-width:var(--dsc-divider-border-width);border-top-style:var(--dsc-divider-border-style);border-color:var(--dsc-divider-border-color);box-sizing:border-box;margin-block:.5em;width:100%}._typography_1h9tz_1 h1{font-size:1.5rem;line-height:1.25;font-weight:500;margin-top:1.5em;margin-bottom:0}._typography_1h9tz_1 h2{font-size:1.25rem;font-weight:600;margin-top:1.5em;margin-bottom:0}._typography_1h9tz_1 h3{font-size:1em;font-weight:600;margin:1em 0}._typography_1h9tz_1 h4{font-size:1em;font-weight:600;margin:1em 0 0}._typography_1h9tz_1 h5,._typography_1h9tz_1 h6{font-size:.875rem;margin:1em 0 0}._typography_1h9tz_1 h6{font-weight:500;color:var(--ds-color-text-subtle)}._typography_1h9tz_1 h6{font-weight:400;color:var(--ds-color-text-subtle)}._typography_1h9tz_1 h5+*,._typography_1h9tz_1 h6+*{margin-top:0}._typography_1h9tz_1 section{margin:1em 0}._typography_1h9tz_1 img{display:block;max-width:100%;width:auto;height:auto}._typography_1h9tz_1 ul:not([class]),._typography_1h9tz_1 ol:not([class]){list-style-position:outside;padding-left:1.5em;margin:1.5em 0}._typography_1h9tz_1 ul:not([class]) li,._typography_1h9tz_1 ol:not([class]) li{padding-left:.5em;margin:.5em 0}._typography_1h9tz_1 table{width:100%;font-size:.875em;font-variant-numeric:tabular-nums;border-collapse:collapse;border:1px solid;margin:1.5em 0}._typography_1h9tz_1 th,._typography_1h9tz_1 td{text-align:left;padding:.25em .5em;vertical-align:top}._typography_1h9tz_1 thead+tbody{border-top:1px solid;border-color:var(--ds-color-border-default)}._typography_1h9tz_1 tr+tr{border-top:1px solid;border-color:var(--ds-color-border-subtle)}

package/dist/components/Account/AccountMenu.js

@@ -1,21 +1,21 @@
 "use client";
-import { jsx as x } from "react/jsx-runtime";
-import { useState as R, useEffect as S } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useState as x, useEffect as R } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as j } from "../Menu/Menu.js";
+import { Menu as S } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const k = (d) => `${d} hits`, D = ({
+const j = (d) => `${d} hits`, B = ({
   items: d = [],
   groups: v = {},
-  search: l,
+  search: t,
   filterAccount: C,
   onSelectAccount: u,
   currentAccount: e,
   isVirtualized: L,
   keyboardEvents: w
 }) => {
-  var a;
+  var r;
   const p = d.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
@@ -24,36 +24,36 @@ const k = (d) => `${d} hits`, D = ({
     onClick: () => {
       !o.disabled && (u == null || u(o.id));
     }
-  })), [t, i] = R("");
-  S(() => {
-    (l == null ? void 0 : l.value) !== void 0 && i(l.value);
-  }, [l == null ? void 0 : l.value]);
-  const F = C || ((o, f) => {
-    var g, r, s;
-    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(f.toLowerCase())) || ((s = (r = o == null ? void 0 : o.description) == null ? void 0 : r.toString()) == null ? void 0 : s.toLowerCase().includes(f.toLowerCase()));
-  }), n = t ? p.filter((o) => F(o, t)).map((o) => ({
+  })), [l, i] = x("");
+  R(() => {
+    (t == null ? void 0 : t.value) !== void 0 && i(t.value);
+  }, [t == null ? void 0 : t.value]);
+  const F = C || ((o, a) => {
+    var g, f, s;
+    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(a.toLowerCase())) || ((s = (f = o == null ? void 0 : o.description) == null ? void 0 : f.toString()) == null ? void 0 : s.toLowerCase().includes(a.toLowerCase()));
+  }), n = l ? p.filter((o) => F(o, l)).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [t]
-  })) : p, b = t ? {
+    highlightWords: [l]
+  })) : p, b = l ? {
     search: {
-      title: ((a = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : a.call(l, n.length)) ?? k(n.length)
+      title: ((r = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : r.call(t, n.length)) ?? j(n.length)
     }
   } : v, I = {
     name: "account-search",
-    value: t,
-    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    value: l,
+    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
     onChange: (o) => i(o.target.value),
     onClear: () => i("")
   }, M = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ x(
-    j,
+  return /* @__PURE__ */ c(
+    S,
     {
       variant: "default",
-      search: l && (l == null ? void 0 : l.hidden) === !1 ? I : void 0,
+      search: t && !t.hidden ? I : void 0,
       groups: b,
       items: M,
       isVirtualized: L,
@@ -62,5 +62,5 @@ const k = (d) => `${d} hits`, D = ({
   );
 };
 export {
-  D as AccountMenu
+  B as AccountMenu
 };

package/dist/components/Article/ArticleHeader.js

@@ -1,14 +1,14 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Heading as t } from "../Typography/Heading.js";
+import { Heading as m } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as m } from "../Page/Section.js";
-const x = ({ title: r, children: i }) => /* @__PURE__ */ o(m, { as: "header", spacing: 2, children: [
-  /* @__PURE__ */ e(t, { size: "xl", children: r }),
+import { Section as t } from "../Page/Section.js";
+const f = ({ title: r, children: i }) => /* @__PURE__ */ o(t, { as: "header", spacing: 2, children: [
+  r && /* @__PURE__ */ e(m, { size: "xl", children: r }),
   i
 ] });
 export {
-  x as ArticleHeader
+  f as ArticleHeader
 };

package/dist/components/InboxSearch/InboxSearch.js

@@ -0,0 +1,30 @@
+import { jsxs as i, Fragment as s, jsx as e } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import { useRootContext as m } from "../RootProvider/RootProvider.js";
+import { Searchbar as x } from "../Searchbar/Searchbar.js";
+import "../Snackbar/useSnackbar.js";
+import { Backdrop as p } from "../Dropdown/Backdrop.js";
+const f = ({ search: n }) => {
+  const { currentId: o, toggleId: t, openId: c } = m(), a = () => {
+    c("inboxSearch");
+  }, r = () => {
+    t("inboxSearch");
+  };
+  return /* @__PURE__ */ i(s, { children: [
+    o === "inboxSearch" && /* @__PURE__ */ e(p, { onClick: r }),
+    /* @__PURE__ */ e(
+      x,
+      {
+        ...n,
+        expanded: o === "inboxSearch",
+        onClose: r,
+        onFocus: a,
+        useGlobalHeader: !0
+      }
+    )
+  ] });
+};
+export {
+  f as InboxSearch
+};

package/dist/components/InboxSearch/index.js

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

package/dist/components/Layout/Layout.js

@@ -1,43 +1,47 @@
 "use client";
-import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { LayoutBase as L } from "./LayoutBase.js";
-import { LayoutBody as x } from "./LayoutBody.js";
-import { LayoutContent as j } from "./LayoutContent.js";
-import { LayoutSidebar as B } from "./LayoutSidebar.js";
-import { Footer as C } from "../Footer/Footer.js";
-import { GlobalHeader as F } from "../GlobalHeader/GlobalHeader.js";
+import { LayoutBody as S } from "./LayoutBody.js";
+import { LayoutContent as i } from "./LayoutContent.js";
+import { LayoutSidebar as j } from "./LayoutSidebar.js";
+import { Footer as B } from "../Footer/Footer.js";
+import { GlobalHeader as C } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useRootContext as H } from "../RootProvider/RootProvider.js";
-import { Menu as S } from "../Menu/Menu.js";
-import { Header as G } from "../Header/Header.js";
+import { useRootContext as F } from "../RootProvider/RootProvider.js";
+import { Menu as I } from "../Menu/Menu.js";
+import { Header as v } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";
-import { SkipLink as I } from "../SkipLink/SkipLink.js";
-const O = ({
-  color: c,
-  theme: f = "subtle",
-  header: t,
-  footer: n,
+import { InboxSearch as M } from "../InboxSearch/InboxSearch.js";
+import { SkipLink as R } from "../SkipLink/SkipLink.js";
+const T = ({
+  color: h,
+  theme: y = "subtle",
+  header: m,
+  footer: u,
   sidebar: o,
-  content: l = {},
-  children: y,
-  skipLink: r,
-  useGlobalHeader: h = !1
+  content: n = {},
+  children: x,
+  skipLink: f,
+  useGlobalHeader: p = !1
 }) => {
-  const { currentId: u } = H();
-  return /* @__PURE__ */ p(L, { color: c, theme: u === "accountFullscreen" ? "default" : f, currentId: u, children: [
-    r && /* @__PURE__ */ m(I, { ...r }),
-    t && (h ? /* @__PURE__ */ m(F, { ...t }) : /* @__PURE__ */ m(G, { ...t })),
-    /* @__PURE__ */ p(x, { currentId: u, children: [
-      o && /* @__PURE__ */ p(B, { hidden: o == null ? void 0 : o.hidden, color: o == null ? void 0 : o.color, ...o, children: [
-        (o == null ? void 0 : o.menu) && /* @__PURE__ */ m(S, { ...o == null ? void 0 : o.menu }),
+  const { currentId: r } = F(), l = m && "search" in m ? m.search : void 0;
+  return /* @__PURE__ */ c(L, { color: h, theme: r === "accountFullscreen" ? "default" : y, currentId: r, children: [
+    f && /* @__PURE__ */ t(R, { ...f }),
+    m && (p ? /* @__PURE__ */ t(C, { ...m }) : /* @__PURE__ */ t(v, { ...m })),
+    /* @__PURE__ */ c(S, { currentId: r, children: [
+      o && /* @__PURE__ */ c(j, { hidden: o == null ? void 0 : o.hidden, color: o == null ? void 0 : o.color, ...o, useGlobalHeader: p, children: [
+        (o == null ? void 0 : o.menu) && /* @__PURE__ */ t(I, { ...o == null ? void 0 : o.menu }),
         o == null ? void 0 : o.children
       ] }),
-      /* @__PURE__ */ m(j, { color: l == null ? void 0 : l.color, id: "main-content", children: y })
+      /* @__PURE__ */ c(i, { color: n == null ? void 0 : n.color, id: "main-content", children: [
+        p && l && /* @__PURE__ */ t(M, { search: l }),
+        x
+      ] })
     ] }),
-    n && /* @__PURE__ */ m(C, { ...n })
+    u && /* @__PURE__ */ t(B, { ...u })
   ] });
 };
 export {
-  O as Layout
+  T as Layout
 };

package/dist/components/Layout/LayoutSidebar.js

@@ -1,7 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
-import '../../assets/LayoutSidebar.css';const d = "_sidebar_lkphj_1", i = {
-  sidebar: d
-}, c = ({ color: a, hidden: s = !1, sticky: e, children: r }) => /* @__PURE__ */ t("aside", { className: i.sidebar, "data-color": a, "data-sticky": e, "aria-hidden": s, children: r });
+import '../../assets/LayoutSidebar.css';const o = "_sidebar_bcso7_1", i = {
+  sidebar: o
+}, c = ({
+  color: a,
+  hidden: s = !1,
+  sticky: e,
+  children: r,
+  useGlobalHeader: d = !1
+}) => /* @__PURE__ */ t(
+  "aside",
+  {
+    className: i.sidebar,
+    "data-color": a,
+    "data-sticky": e,
+    "data-use-global-header": d,
+    "aria-hidden": s,
+    children: r
+  }
+);
 export {
   c as LayoutSidebar
 };

package/dist/components/Searchbar/Searchbar.js

@@ -1,23 +1,24 @@
-import { jsxs as S, jsx as g } from "react/jsx-runtime";
-import { useState as k } from "react";
+import { jsxs as k, jsx as g } from "react/jsx-runtime";
+import { useState as v } from "react";
 import "../../index-L8X2o7IH.js";
-import { useIsDesktop as v } from "../../hooks/useIsDesktop.js";
-import { useRootContext as j } from "../RootProvider/RootProvider.js";
-import { SearchbarBase as x } from "./SearchbarBase.js";
-import { SearchbarField as D } from "./SearchbarField.js";
-import { Autocomplete as P } from "./Autocomplete.js";
+import { useIsDesktop as j } from "../../hooks/useIsDesktop.js";
+import { useRootContext as x } from "../RootProvider/RootProvider.js";
+import { SearchbarBase as D } from "./SearchbarBase.js";
+import { SearchbarField as P } from "./SearchbarField.js";
+import { Autocomplete as y } from "./Autocomplete.js";
 import "../Snackbar/useSnackbar.js";
-const K = ({
+const L = ({
   className: I,
   autocomplete: a,
   expanded: u = !1,
   onClose: o,
   tabIndex: T,
+  useGlobalHeader: A = !1,
   ...e
 }) => {
-  const [i, l] = k(!1), { previousId: A, openId: B } = j(), F = v();
-  return /* @__PURE__ */ S(
-    x,
+  const [i, l] = v(!1), { previousId: B, openId: F } = x(), S = j();
+  return /* @__PURE__ */ k(
+    D,
     {
       className: I,
       expanded: u,
@@ -25,11 +26,12 @@ const K = ({
       onBlurCapture: (t) => {
         var s, n, m, d, p, b, c, f;
         const r = (m = (n = (s = t.target) == null ? void 0 : s.attributes) == null ? void 0 : n.getNamedItem("data-testid")) == null ? void 0 : m.value;
-        (d = t == null ? void 0 : t.relatedTarget) != null && d.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (r === "search-button-clear" || r === "search-button-close" || r === "searchbar-input" && ((p = t.relatedTarget) == null ? void 0 : p.getAttribute("data-testid")) !== "searchbar-input" && ((b = t.relatedTarget) == null ? void 0 : b.getAttribute("data-testid")) !== "search-button-clear" && ((c = t.relatedTarget) == null ? void 0 : c.getAttribute("data-testid")) !== "search-button-close" && ((f = t.relatedTarget) == null ? void 0 : f.getAttribute("data-testid")) !== "autocomplete-list") && (F || A !== "menu" ? o == null || o() : B("menu"));
+        (d = t == null ? void 0 : t.relatedTarget) != null && d.closest('[data-autocomplete="true"]') || t.relatedTarget === null || (r === "search-button-clear" || r === "search-button-close" || r === "searchbar-input" && ((p = t.relatedTarget) == null ? void 0 : p.getAttribute("data-testid")) !== "searchbar-input" && ((b = t.relatedTarget) == null ? void 0 : b.getAttribute("data-testid")) !== "search-button-clear" && ((c = t.relatedTarget) == null ? void 0 : c.getAttribute("data-testid")) !== "search-button-close" && ((f = t.relatedTarget) == null ? void 0 : f.getAttribute("data-testid")) !== "autocomplete-list") && (S || B !== "menu" ? o == null || o() : F("menu"));
       },
+      useGlobalHeader: A,
       children: [
         /* @__PURE__ */ g(
-          D,
+          P,
           {
             ...e,
             expanded: u,
@@ -47,7 +49,7 @@ const K = ({
           }
         ),
         a && /* @__PURE__ */ g(
-          P,
+          y,
           {
             ...a,
             expanded: u,
@@ -61,5 +63,5 @@ const K = ({
   );
 };
 export {
-  K as Searchbar
+  L as Searchbar
 };

package/dist/components/Searchbar/SearchbarBase.js

@@ -1,18 +1,25 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as h } from "react/jsx-runtime";
 import { c as b } from "../../index-L8X2o7IH.js";
-import '../../assets/SearchbarBase.css';const d = "_searchbar_1qnvb_1", h = "_searchbarExpanded_1qnvb_14", a = {
-  searchbar: d,
-  searchbarExpanded: h
-}, l = ({
+import '../../assets/SearchbarBase.css';const l = "_searchbar_nnykn_1", d = "_searchbarExpanded_nnykn_14", _ = "_searchbarLocal_nnykn_22", a = {
+  searchbar: l,
+  searchbarExpanded: d,
+  searchbarLocal: _
+}, m = ({
   className: r,
-  children: e,
-  expanded: s = !1,
+  children: s,
+  expanded: e = !1,
   onBlurCapture: c,
-  autocomplete: t = !1
+  autocomplete: n = !1,
+  useGlobalHeader: o = !1
 }) => {
-  const n = b(a.searchbar, r, s && a.searchbarExpanded);
-  return /* @__PURE__ */ o("div", { className: n, "data-autocomplete": t, onBlurCapture: c, children: e });
+  const t = b(
+    a.searchbar,
+    r,
+    e && a.searchbarExpanded,
+    o && a.searchbarLocal
+  );
+  return /* @__PURE__ */ h("div", { className: t, "data-autocomplete": n, onBlurCapture: c, children: s });
 };
 export {
-  l as SearchbarBase
+  m as SearchbarBase
 };

package/dist/components/Typography/Typography.js

@@ -1,10 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as g } from "../../index-L8X2o7IH.js";
-import { Skeleton as h } from "../Skeleton/Skeleton.js";
+import { Skeleton as l } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as x } from "./useHighlightedText.js";
-import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
+import '../../assets/Typography.css';const f = "_typography_1h9tz_1", T = {
   typography: f
-}, z = ({
+}, k = ({
   loading: o,
   loadingText: _ = "Loading ...",
   highlightWords: r,
@@ -18,7 +18,7 @@ import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
   children: y,
   ...m
 }) => {
-  const d = a, l = x(y, r || []);
+  const d = a, h = x(y, r || []);
   return /* @__PURE__ */ t(
     d,
     {
@@ -31,10 +31,10 @@ import '../../assets/Typography.css';const f = "_typography_xs81l_1", T = {
       "data-color": n,
       "data-variant": p,
       ...m,
-      children: /* @__PURE__ */ t(h, { loading: o, children: l })
+      children: /* @__PURE__ */ t(l, { loading: o, children: h })
     }
   );
 };
 export {
-  z as Typography
+  k as Typography
 };

package/dist/types/lib/components/InboxSearch/InboxSearch.d.ts

@@ -0,0 +1,5 @@
+import { SearchbarProps } from '../Searchbar';
+export interface InboxSearchProps {
+    search: SearchbarProps;
+}
+export declare const InboxSearch: ({ search }: InboxSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/InboxSearch/index.d.ts

@@ -0,0 +1 @@
+export { InboxSearch, type InboxSearchProps } from './InboxSearch';

package/dist/types/lib/components/Layout/LayoutSidebar.d.ts

@@ -10,5 +10,6 @@ export interface LayoutSidebarProps {
     hidden?: boolean;
     sticky?: boolean;
     children?: ReactNode;
+    useGlobalHeader?: boolean;
 }
-export declare const LayoutSidebar: ({ color, hidden, sticky, children }: LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LayoutSidebar: ({ color, hidden, sticky, children, useGlobalHeader, }: LayoutSidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Searchbar/Searchbar.d.ts

@@ -4,5 +4,6 @@ export interface SearchbarProps extends SearchbarFieldProps {
     autocomplete?: AutocompleteProps;
     expanded?: boolean;
     tabIndex?: number;
+    useGlobalHeader?: boolean;
 }
-export declare const Searchbar: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Searchbar: ({ className, autocomplete, expanded, onClose, tabIndex, useGlobalHeader, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { SearchbarProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ className, autocomplete, expanded, onClose, tabIndex, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, autocomplete, expanded, onClose, tabIndex, useGlobalHeader, ...search }: SearchbarProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {
         placeholder: string;

package/dist/types/lib/components/Searchbar/SearchbarBase.d.ts

@@ -5,5 +5,6 @@ export interface SearchbarBaseProps {
     expanded?: boolean;
     autocomplete?: boolean;
     onBlurCapture?: React.FocusEventHandler<HTMLDivElement>;
+    useGlobalHeader?: boolean;
 }
-export declare const SearchbarBase: ({ className, children, expanded, onBlurCapture, autocomplete, }: SearchbarBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchbarBase: ({ className, children, expanded, onBlurCapture, autocomplete, useGlobalHeader, }: SearchbarBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Typography/Typography.stories.d.ts

@@ -12,4 +12,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const HighlightWords: Story;
+export declare const Article: Story;
+export declare const Article2: Story;
 export declare const Tables: Story;

package/dist/types/lib/stories/Inbox.stories.d.ts

@@ -9,6 +9,7 @@ declare const meta: {
 export default meta;
 export declare const InboxPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const InboxEmptyPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const InboxWithGlobalSearch: () => import("react/jsx-runtime").JSX.Element;
 export declare const SearchPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const SearchEmptyPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const DraftsPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Portal.stories.d.ts

@@ -12,3 +12,4 @@ export declare const Search: () => import("react/jsx-runtime").JSX.Element;
 export declare const Category: () => import("react/jsx-runtime").JSX.Element;
 export declare const Topic: () => import("react/jsx-runtime").JSX.Element;
 export declare const Service: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArticlePage: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.45.3",
+  "version": "0.46.0",
   "main": "dist/index.js",
   "files": [
     "dist/",