@altinn/altinn-components 0.49.0 → 0.50.1

package/dist/assets/LayoutSidebar.css

@@ -1 +1 @@
-._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}}
+._sidebar_16tee_1,._sidebar_16tee_1[aria-hidden=true]{display:none}._footer_16tee_9{margin-top:.75rem;padding-top:1rem;padding-left:.5rem;border-top:1px solid var(--ds-color-border-subtle)}@media (min-width: 1024px){._sidebar_16tee_1{align-self:flex-start;flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_16tee_1[data-use-global-header=true]{margin-top:4.125rem}._sidebar_16tee_1[data-sticky=true]{position:sticky;top:0}._sidebar_16tee_1[aria-hidden=true]{display:none}}

package/dist/components/GlobalHeader/DigdirLogomark.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as C } from "react/jsx-runtime";
 import { useIsDesktop as r } from "../../hooks/useIsDesktop.js";
-const p = ({ className: L, title: i = "Digdir logomark", "aria-hidden": o }) => {
+const a = ({ className: i, title: L = "Digdir logo", "aria-hidden": o }) => {
   const l = r() ? 8.5 : 7, { width: t, height: n } = { width: `${l}em`, height: `${l * 0.34}em` };
   return /* @__PURE__ */ e(
     "svg",
@@ -11,10 +11,11 @@ const p = ({ className: L, title: i = "Digdir logomark", "aria-hidden": o }) =>
       height: n,
       viewBox: "0 0 113.779 38.8565",
       version: "1.1",
-      className: L,
+      className: i,
       "aria-hidden": o,
+      "aria-labelledby": "digdir-logo-title",
       children: [
-        /* @__PURE__ */ C("title", { children: i }),
+        /* @__PURE__ */ C("title", { id: "digdir-logo-title", children: L }),
         /* @__PURE__ */ e("g", { id: "surface1", children: [
           /* @__PURE__ */ C(
             "path",
@@ -106,5 +107,5 @@ const p = ({ className: L, title: i = "Digdir logomark", "aria-hidden": o }) =>
   );
 };
 export {
-  p as DigdirLogomark
+  a as DigdirLogomark
 };

package/dist/components/GlobalHeader/HeaderLogo.js

@@ -1,5 +1,5 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { c as n } from "../../index-L8X2o7IH.js";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { c as a } from "../../index-L8X2o7IH.js";
 import { Badge as g } from "../Badge/Badge.js";
 import { ButtonBase as l } from "../Button/ButtonBase.js";
 import "react";
@@ -13,8 +13,8 @@ import '../../assets/HeaderLogo2.css';const f = "_logo_1d6ig_1", d = {
   en: "Go to homepage"
 }, C = ({ className: r, as: m = "a", href: s = "/", badge: o }) => {
   const { languageCode: e } = c(), i = x[e ?? ""] ?? "Gå til forsiden";
-  return /* @__PURE__ */ a(l, { as: m, className: n(d.logo, r), href: s, ariaLabel: i, children: [
-    /* @__PURE__ */ t(p, {}),
+  return /* @__PURE__ */ n(l, { as: m, className: a(d.logo, r), href: s, children: [
+    /* @__PURE__ */ t(p, { title: i }),
     o && /* @__PURE__ */ t(g, { ...o })
   ] });
 };

package/dist/components/Header/DigdirLogomark.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as C } from "react/jsx-runtime";
-const e = ({ className: r, title: i = "Digdir logomark" }) => /* @__PURE__ */ o(
+const e = ({ className: r, title: i = "Digdir logo" }) => /* @__PURE__ */ o(
   "svg",
   {
     width: "1em",

package/dist/components/Layout/Layout.js

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

package/dist/components/Layout/LayoutSidebar.js

@@ -1,23 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import '../../assets/LayoutSidebar.css';const o = "_sidebar_bcso7_1", i = {
-  sidebar: o
-}, c = ({
-  color: a,
-  hidden: s = !1,
-  sticky: e,
-  children: r,
+import { jsxs as i, jsx as c } from "react/jsx-runtime";
+import '../../assets/LayoutSidebar.css';const l = "_sidebar_16tee_1", n = "_footer_16tee_9", a = {
+  sidebar: l,
+  footer: n
+}, f = ({
+  color: s,
+  hidden: r = !1,
+  sticky: t,
+  children: o,
+  footer: e,
   useGlobalHeader: d = !1
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ i(
   "aside",
   {
-    className: i.sidebar,
-    "data-color": a,
-    "data-sticky": e,
+    className: a.sidebar,
+    "data-color": s,
+    "data-sticky": t,
     "data-use-global-header": d,
-    "aria-hidden": s,
-    children: r
+    "aria-hidden": r,
+    children: [
+      o,
+      e && /* @__PURE__ */ c("div", { className: a.footer, children: e })
+    ]
   }
 );
 export {
-  c as LayoutSidebar
+  f as LayoutSidebar
 };

package/dist/types/lib/components/Header/HeaderLogo.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, MouseEventHandler } from 'react';
-import { BadgeProps } from '../Badge/Badge.tsx';
+import { BadgeProps } from '../Badge';
 export interface HeaderLogoProps {
     className?: string;
     as?: ElementType;

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

@@ -51,3 +51,4 @@ export declare const StickySidebar: (args: LayoutStoryArgs) => import("react/jsx
 export declare const HiddenSidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const Fullscreen: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const Profile: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarReference: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;

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

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

package/package.json

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