@altinn/altinn-components 0.48.4 → 0.50.0

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/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/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/dist/types/lib/components/Settings/SettingsList.d.ts

@@ -1,6 +1,7 @@
+import { ReactNode } from 'react';
 import { SettingsItemProps } from '..';
 export interface SettingsGroupProps {
-    title?: string;
+    title?: string | ReactNode;
 }
 export interface SettingsListProps {
     items: SettingsItemProps[];

package/package.json

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