@altinn/altinn-components 0.40.1 → 0.41.0

package/dist/assets/Alert.css

@@ -0,0 +1 @@
+._heading_jd4co_1{margin-bottom:.5rem}._message_jd4co_5{margin-bottom:1rem}

package/dist/assets/Avatar.css

@@ -1 +1 @@
-._avatar_1j6yz_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_1j6yz_1[data-shape=circle]{border-radius:50%}._avatar_1j6yz_1[data-shape=square]{border-radius:5%}._avatar_1j6yz_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_1j6yz_21{display:block;font-size:1em;width:1em;height:1em}._shape_1j6yz_21[data-variant=outline]{border:1px solid}._label_1j6yz_32{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_1j6yz_42{display:block;width:100%;height:100%}
+._avatar_1qmnt_1{position:relative;overflow:hidden;box-sizing:border-box}._avatar_1qmnt_1[data-shape=circle]{border-radius:50%}._avatar_1qmnt_1[data-shape=square]{border-radius:5%}._avatar_1qmnt_1[data-outline=true]{outline:1px solid #ffffff;box-sizing:border-box}._shape_1qmnt_20{display:block;font-size:1em;width:1em;height:1em}._shape_1qmnt_20[data-variant=outline]{border:1px solid}._label_1qmnt_31{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.575em}._image_1qmnt_41{display:block;width:100%;height:100%}

package/dist/assets/Byline.css

@@ -1 +1 @@
-._byline_1o0os_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_1o0os_7,._avatarGroup_1o0os_12{font-size:1.25rem;flex-shrink:0}._avatar_1o0os_7[data-size=lg]{font-size:2.25rem}._label_1o0os_21{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_1o0os_21[data-size=xs],._label_1o0os_21[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_1o0os_21[data-size=md],._label_1o0os_21[data-size=lg]{font-size:16px;line-height:1.25rem}._label_1o0os_21>strong{font-weight:500;color:var(--ds-color-text-default)}
+._byline_fzp7k_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_fzp7k_7,._avatarGroup_fzp7k_12{font-size:1.25rem;flex-shrink:0}._avatar_fzp7k_7[data-size=md]{font-size:1.5rem;flex-shrink:0}._avatar_fzp7k_7[data-size=lg]{font-size:2.25rem}._label_fzp7k_26{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_fzp7k_26[data-size=xs],._label_fzp7k_26[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_fzp7k_26[data-size=md],._label_fzp7k_26[data-size=lg]{font-size:16px;line-height:1.25rem}._label_fzp7k_26>strong{font-weight:500;color:var(--ds-color-text-default)}

package/dist/assets/LayoutSidebar.css

@@ -1 +1 @@
-._sidebar_zsh57_1,._sidebar_zsh57_1[aria-hidden=true]{display:none}@media (min-width: 1024px){._sidebar_zsh57_1{flex-shrink:0;display:flex;flex-direction:column;width:224px}._sidebar_zsh57_1[aria-hidden=true]{display:none}}
+._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}}

package/dist/assets/MenuSearch.css

@@ -1 +1 @@
-._field_99cd6_1{position:relative;margin:.5rem 0}
+._field_1w1s0_1{position:relative;margin:.5rem 0}@media (max-width: 1023px){._field_1w1s0_1{font-size:1rem}}

package/dist/components/Alert/Alert.js

@@ -1,12 +1,15 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { Typography as e } from "../Typography/Typography.js";
-import { Heading as l } from "../Typography/Heading.js";
-import { A as n } from "../../Alert-BzifOfXl.js";
-const h = ({ variant: t, heading: i, message: r, children: m }) => /* @__PURE__ */ p(n, { "data-color": t, children: [
-  /* @__PURE__ */ o(l, { children: i }),
-  r && /* @__PURE__ */ o(e, { children: r }),
-  m
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { Typography as n } from "../Typography/Typography.js";
+import { Heading as c } from "../Typography/Heading.js";
+import { A as i } from "../../Alert-BzifOfXl.js";
+import '../../assets/Alert.css';const d = "_heading_jd4co_1", g = "_message_jd4co_5", o = {
+  heading: d,
+  message: g
+}, f = ({ variant: r, heading: a, message: e, children: t }) => /* @__PURE__ */ m(i, { "data-color": r, children: [
+  /* @__PURE__ */ s(c, { className: o.heading, children: a }),
+  e && /* @__PURE__ */ s(n, { className: o.message, children: e }),
+  t
 ] });
 export {
-  h as Alert
+  f as Alert
 };

package/dist/components/Avatar/Avatar.js

@@ -1,44 +1,44 @@
 "use client";
-import { jsx as e, jsxs as N } from "react/jsx-runtime";
-import { c as S } from "../../index-L8X2o7IH.js";
-import { useState as k } from "react";
-import { Skeleton as x } from "../Skeleton/Skeleton.js";
-import { fromStringToColor as A } from "./color.js";
-import '../../assets/Avatar.css';const E = "_avatar_1j6yz_1", I = "_shape_1j6yz_21", q = "_label_1j6yz_32", H = "_image_1j6yz_42", r = {
-  avatar: E,
-  shape: I,
-  label: q,
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { c as x } from "../../index-L8X2o7IH.js";
+import { useState as j } from "react";
+import { Skeleton as A } from "../Skeleton/Skeleton.js";
+import { fromStringToColor as E } from "./color.js";
+import '../../assets/Avatar.css';const I = "_avatar_1qmnt_1", y = "_shape_1qmnt_20", z = "_label_1qmnt_31", H = "_image_1qmnt_41", r = {
+  avatar: I,
+  shape: y,
+  label: z,
   image: H
 }, F = (a) => typeof a == "object" && a !== null && "name" in a, G = ({
   type: a = "person",
-  size: d,
+  size: p,
   name: l = "Avatar",
-  shape: u,
-  color: h,
+  shape: d,
+  color: u,
   variant: o = "solid",
-  outline: n = !0,
+  outline: h = !0,
   imageUrl: s,
   imageUrlAlt: _,
   customLabel: g,
-  loading: c,
+  loading: n,
   className: b,
-  style: i = {}
+  style: c = {}
 }) => {
-  const [f, v] = k(!1), j = u || a === "person" ? "circle" : "square", y = h || a === "person" ? "light" : "dark", { backgroundColor: p, foregroundColor: m } = A(l, y), C = (l[0] ?? "").toUpperCase(), t = s && !f, z = !c && !t ? {
-    ...i,
-    backgroundColor: o === "outline" ? m : p,
-    color: o === "outline" ? p : m
-  } : i;
+  const [f, v] = j(!1), C = d || a === "person" ? "circle" : "square", q = u || a === "person" ? "light" : "dark", { backgroundColor: i, foregroundColor: m } = E(l, q), N = (l[0] ?? "").toUpperCase(), t = s && !f, S = !n && !t ? {
+    ...c,
+    backgroundColor: o === "outline" ? m : i,
+    color: o === "outline" ? i : m
+  } : c;
   return /* @__PURE__ */ e(
     "div",
     {
-      className: S(r.avatar, { [r.outline]: n }, b),
-      style: z,
-      "data-shape": j,
-      "data-size": d,
-      "data-outline": n,
+      className: x(r.avatar, b),
+      style: S,
+      "data-shape": C,
+      "data-size": p,
+      "data-outline": h,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ N(x, { loading: c, className: r.shape, variant: "circle", children: [
+      children: /* @__PURE__ */ k(A, { loading: n, className: r.shape, variant: "circle", children: [
         /* @__PURE__ */ e("div", { className: r.shape, "data-variant": o, children: t && /* @__PURE__ */ e(
           "img",
           {
@@ -50,7 +50,7 @@ import '../../assets/Avatar.css';const E = "_avatar_1j6yz_1", I = "_shape_1j6yz_
             }
           }
         ) }),
-        !t && /* @__PURE__ */ e("span", { className: r.label, children: g || C })
+        !t && /* @__PURE__ */ e("span", { className: r.label, children: g || N })
       ] })
     }
   );

package/dist/components/Avatar/AvatarGroup.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../index-L8X2o7IH.js";
 import { useMemo as f } from "react";
 import { Avatar as h } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", n = {
+import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", s = {
   group: A,
   item: _
 }, L = (o) => typeof o == "object" && o !== null && "items" in o, N = ({
   items: o = [],
-  maxItemsCount: r = 4,
+  maxItemsCount: l = 4,
   defaultType: i,
   size: c,
   className: m,
   style: u
 }) => {
-  const t = f(() => o.slice(0, r), [o, r]);
-  return o.length === 0 ? /* @__PURE__ */ l("div", { className: n.avatarGroup }) : /* @__PURE__ */ l("ul", { className: s(n.group, m), "data-size": c, "data-count": t == null ? void 0 : t.length, style: u, children: t.map((e, p) => {
-    const g = p === r - 1, d = e.customLabel || g ? o.length.toString() : void 0;
-    return /* @__PURE__ */ l("li", { className: s(n.item), children: /* @__PURE__ */ l(
+  const t = f(() => o.slice(0, l).reverse(), [o, l]);
+  return o.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: n(s.group, m), "data-size": c, "data-count": t == null ? void 0 : t.length, style: u, children: t.map((e, p) => {
+    const g = p === l - 1, d = e.customLabel || g ? o.length.toString() : void 0;
+    return /* @__PURE__ */ r("li", { className: n(s.item), children: /* @__PURE__ */ r(
       h,
       {
         name: e.name,

package/dist/components/Byline/Byline.js

@@ -1,30 +1,33 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as v } from "../Avatar/Avatar.js";
-import { AvatarGroup as b } from "../Avatar/AvatarGroup.js";
-import { Skeleton as l } from "../Skeleton/Skeleton.js";
+import { Avatar as f } from "../Avatar/Avatar.js";
+import { AvatarGroup as d } from "../Avatar/AvatarGroup.js";
+import { Skeleton as n } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Byline.css';const d = "_byline_1o0os_1", y = "_avatar_1o0os_7", u = "_avatarGroup_1o0os_12", N = "_label_1o0os_21", o = {
-  byline: d,
-  avatar: y,
+import '../../assets/Byline.css';const y = "_byline_fzp7k_1", k = "_avatar_fzp7k_7", u = "_avatarGroup_fzp7k_12", N = "_label_fzp7k_26", t = {
+  byline: y,
+  avatar: k,
   avatarGroup: u,
   label: N
-}, S = ({
-  loading: s,
-  color: n = "neutral",
-  size: t = "xs",
-  avatar: r,
+}, L = ({
+  loading: l,
+  color: c = "neutral",
+  size: r = "xs",
+  avatar: o,
   avatarGroup: e,
-  datetime: m,
-  children: i,
-  as: c,
+  datetime: s,
+  children: m,
+  as: i,
   ...p
-}) => /* @__PURE__ */ _(c || "div", { ...p, className: o.byline, "data-color": n, "data-size": t, children: [
-  (e || r) && /* @__PURE__ */ a(l, { variant: "circle", className: o.avatar, loading: s, children: e ? /* @__PURE__ */ a(b, { ...e, size: t, className: o.avatarGroup }) : r && /* @__PURE__ */ a(v, { ...r, size: t, className: o.avatar }) }),
-  /* @__PURE__ */ a("time", { "data-size": t, dateTime: m, className: o.label, children: /* @__PURE__ */ a(l, { loading: s, children: i }) })
-] });
+}) => {
+  const _ = i || "div", b = s ? "time" : "span";
+  return /* @__PURE__ */ v(_, { ...p, className: t.byline, "data-color": c, "data-size": r, children: [
+    (e || o) && /* @__PURE__ */ a(n, { variant: "circle", className: t.avatar, loading: l, children: e ? /* @__PURE__ */ a(d, { ...e, size: r, className: t.avatarGroup }) : o && /* @__PURE__ */ a(f, { ...o, size: r, className: t.avatar }) }),
+    /* @__PURE__ */ a(b, { "data-size": r, dateTime: s, className: t.label, children: /* @__PURE__ */ a(n, { loading: l, children: m }) })
+  ] });
+};
 export {
-  S as Byline
+  L as Byline
 };

package/dist/components/Dialog/DialogByline.js

@@ -12,7 +12,7 @@ const p = ({
   loading: m,
   size: r = "xs"
 }) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: m, size: r, avatar: o, avatarGroup: !m && l && o && a ? {
-  items: [o, a]
+  items: [a, o]
 } : void 0, children: [
   /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
   " ",

package/dist/components/Dialog/SeenByLog.js

@@ -1,28 +1,35 @@
 "use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { useState as u, Fragment as a, createElement as h } from "react";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { useState as s, Fragment as h, createElement as l } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as m } from "./SeenByLogButton.js";
-import { SeenByLogItem as l } from "./SeenByLogItem.js";
-import { Divider as p } from "../Divider/Divider.js";
-import { List as S } from "../List/List.js";
+import { SeenByLogButton as p } from "./SeenByLogButton.js";
+import { SeenByLogItem as S } from "./SeenByLogItem.js";
+import { Divider as d } from "../Divider/Divider.js";
+import { List as x } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as x } from "../Page/Flex.js";
-import { Section as y } from "../Page/Section.js";
-const O = ({ collapsible: i, expanded: d, title: e, items: r, endUserLabel: g = "You" }) => {
-  const [t, s] = u(d || !i && !0);
-  return /* @__PURE__ */ c(y, { spacing: 1, children: [
-    e && /* @__PURE__ */ o(x, { children: i ? /* @__PURE__ */ o(m, { icon: { items: r }, as: "button", onClick: () => {
-      s((n) => !n);
-    }, children: e }) : /* @__PURE__ */ o(m, { icon: { items: r }, as: "div", children: e }) }),
-    e && t && /* @__PURE__ */ o(p, {}),
-    t && /* @__PURE__ */ o(S, { size: "sm", spacing: 1, children: r == null ? void 0 : r.map((n, f) => /* @__PURE__ */ c(a, { children: [
-      f > 0 && /* @__PURE__ */ o(p, {}),
-      /* @__PURE__ */ h(l, { ...n, key: n.id, endUserLabel: g })
+import { Flex as y } from "../Page/Flex.js";
+import { Section as B } from "../Page/Section.js";
+const b = ({
+  collapsible: t,
+  expanded: g,
+  title: e,
+  items: r,
+  size: i = "sm",
+  endUserLabel: f = "You"
+}) => {
+  const [c, u] = s(g || !t && !0);
+  return /* @__PURE__ */ m(B, { spacing: 1, children: [
+    e && /* @__PURE__ */ o(y, { children: t ? /* @__PURE__ */ o(p, { icon: { items: r }, as: "button", onClick: () => {
+      u((n) => !n);
+    }, children: e }) : /* @__PURE__ */ o(p, { icon: { items: r }, as: "div", children: e }) }),
+    e && c && /* @__PURE__ */ o(d, {}),
+    c && /* @__PURE__ */ o(x, { size: i, spacing: 1, children: r == null ? void 0 : r.map((n, a) => /* @__PURE__ */ m(h, { children: [
+      a > 0 && /* @__PURE__ */ o(d, {}),
+      /* @__PURE__ */ l(S, { ...n, key: n.id, size: i, endUserLabel: f })
     ] }, n.id)) })
   ] });
 };
 export {
-  O as SeenByLog
+  b as SeenByLog
 };

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,22 +1,29 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Badge as s } from "../Badge/Badge.js";
-import { Byline as a } from "../Byline/Byline.js";
+import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as l } from "../Page/Flex.js";
-const B = ({ name: r, seenAt: o, seenAtLabel: m, isEndUser: n, endUserLabel: p }) => {
+import { Flex as c } from "../Page/Flex.js";
+const j = ({
+  name: r,
+  seenAt: i,
+  seenAtLabel: m,
+  isEndUser: n,
+  endUserLabel: p,
+  size: a = "sm"
+}) => {
   const t = n && { label: p };
-  return /* @__PURE__ */ e(l, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ e(a, { size: "sm", datetime: o, avatar: { name: r, type: "person" }, children: [
-      /* @__PURE__ */ i("strong", { children: r + "," }),
+  return /* @__PURE__ */ e(c, { align: "center", spacing: 2, as: "li", children: [
+    /* @__PURE__ */ e(l, { size: a, datetime: i, avatar: { name: r, type: "person" }, children: [
+      /* @__PURE__ */ o("strong", { children: r + "," }),
       " ",
       m
     ] }),
-    t && /* @__PURE__ */ i(s, { variant: "subtle", ...t })
+    t && /* @__PURE__ */ o(s, { variant: "subtle", ...t })
   ] });
 };
 export {
-  B as SeenByLogItem
+  j as SeenByLogItem
 };

package/dist/components/Layout/LayoutSidebar.js

@@ -1,7 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import '../../assets/LayoutSidebar.css';const d = "_sidebar_zsh57_1", i = {
+import { jsx as t } from "react/jsx-runtime";
+import '../../assets/LayoutSidebar.css';const d = "_sidebar_lkphj_1", i = {
   sidebar: d
-}, t = ({ color: s, hidden: a = !1, children: e }) => /* @__PURE__ */ r("aside", { className: i.sidebar, "data-color": s, "aria-hidden": a, children: e });
+}, 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 });
 export {
-  t as LayoutSidebar
+  c as LayoutSidebar
 };

package/dist/components/Menu/MenuSearch.js

@@ -1,11 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as f } from "../Forms/SearchField.js";
-import '../../assets/MenuSearch.css';const l = "_field_99cd6_1", m = {
-  field: l
+import { SearchField as l } from "../Forms/SearchField.js";
+import '../../assets/MenuSearch.css';const m = "_field_1w1s0_1", p = {
+  field: m
 }, y = ({
   name: o,
   value: r,
@@ -13,8 +13,8 @@ import '../../assets/MenuSearch.css';const l = "_field_99cd6_1", m = {
   clearButtonAltText: i = "Clear search",
   onChange: s,
   onClear: a
-}) => /* @__PURE__ */ c(
-  f,
+}) => /* @__PURE__ */ f(
+  l,
   {
     size: "xs",
     name: o,
@@ -23,7 +23,7 @@ import '../../assets/MenuSearch.css';const l = "_field_99cd6_1", m = {
     onChange: s,
     onClear: a,
     clearButtonAltText: i,
-    className: m.field,
+    className: p.field,
     autoComplete: "off",
     autoFocus: !0,
     onKeyDown: (e) => {

package/dist/types/lib/components/Dialog/SeenByLog.d.ts

@@ -4,9 +4,10 @@ export interface SeenByLogProps {
     collapsible?: boolean;
     expanded?: boolean;
     items: SeenByLogItemProps[];
+    size?: 'sm' | 'md';
     endUserLabel?: string;
 }
 /**
  * SeenByLog
  */
-export declare const SeenByLog: ({ collapsible, expanded, title, items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenByLog: ({ collapsible, expanded, title, items, size, endUserLabel, }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/SeenByLog.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { SeenByLogProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ collapsible, expanded, title, items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ collapsible, expanded, title, items, size, endUserLabel, }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Dialog/SeenByLogItem.d.ts

@@ -6,8 +6,9 @@ export interface SeenByLogItemProps extends AvatarProps {
     isEndUser?: boolean;
     endUserLabel?: string;
     badge?: BadgeProps;
+    size?: 'sm' | 'md';
 }
 /**
  * SeenByLog item
  */
-export declare const SeenByLogItem: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel }: SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenByLogItem: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, }: SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/SeenByLogItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel }: import('./SeenByLogItem').SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, }: import('./SeenByLogItem').SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -18,12 +18,12 @@ declare const meta: {
         isEndUser?: boolean | undefined;
         endUserLabel?: string | undefined;
         badge?: import('..').BadgeProps | undefined;
+        size?: "sm" | "md" | undefined;
         name: string;
         type?: import('..').AvatarType | undefined;
         shape?: import('..').AvatarColor | undefined;
         color?: import('..').AvatarColor | undefined;
         variant?: import('..').AvatarVariant | undefined;
-        size?: import('..').AvatarSize | undefined;
         className?: string | undefined;
         imageUrl?: string | undefined;
         imageUrlAlt?: string | undefined;

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

@@ -1,14 +1,12 @@
 import { ReactNode } from 'react';
-import { LayoutColor, LayoutTheme } from '.';
+import { LayoutColor, LayoutSidebarProps, LayoutTheme } from '.';
 import { FooterProps } from '../Footer';
 import { HeaderProps } from '../Header';
 import { MenuProps } from '../Menu';
 import { SkipLinkProps } from '../SkipLink';
-interface SidebarProps {
-    color?: LayoutColor;
+interface SidebarProps extends LayoutSidebarProps {
     menu?: MenuProps;
     children?: ReactNode;
-    hidden?: boolean;
 }
 interface ContentProps {
     color?: LayoutColor;

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

@@ -23,5 +23,6 @@ declare const meta: {
 };
 export default meta;
 export declare const Preview: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StickySidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export declare const HiddenSidebar: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Fullscreen: (args: LayoutProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/package.json

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