@altinn/altinn-components 0.20.0 → 0.20.2

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._link_1yhch_1[data-size=xl]{padding:1em}._link_1yhch_1[data-size=lg]{padding:.875em}._link_1yhch_1[data-size=md]{padding:.75em}._link_1yhch_1[data-size=sm],._link_1yhch_1[data-size=xs]{padding:.625em}._border_1yhch_22{position:relative;border-left:.25rem solid;border-color:var(--ds-color-surface-active);display:flex;flex-direction:column}._border_1yhch_22[data-seen=true]{border-color:var(--ds-color-neutral-surface-default)}._border_1yhch_22[data-loading=true]{border-color:var(--ds-color-surface-default)}._border_1yhch_22[data-size=xs],._border_1yhch_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1yhch_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1yhch_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1yhch_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_1yhch_61{position:absolute;top:0;right:0;margin:.375rem}._header_1yhch_68{display:flex;flex-direction:column;row-gap:.25rem}._header_1yhch_68[data-size=xs],._header_1yhch_68[data-size=sm]{display:flex;flex-direction:row}._summary_1yhch_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--ds-color-text-default);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1yhch_80[data-size=xs],._summary_1yhch_80[data-size=sm],._summary_1yhch_80[data-size=md]{font-size:.875rem}._summary_1yhch_80[data-size=lg],._summary_1yhch_80[data-size=xl]{font-size:1rem}._footer_1yhch_108{width:100%}._touchedBy_1yhch_112{position:absolute;right:0;bottom:0;margin:8px}._heading_1yhch_121{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_1yhch_127{line-height:1.25;font-weight:600;margin:0}._title_1yhch_127[data-size=xs],._title_1yhch_127[data-size=sm]{font-size:1rem}._title_1yhch_127[data-size=md],._title_1yhch_127[data-size=lg],._title_1yhch_127[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_1yhch_127[data-size=md]{font-size:1rem}._title_1yhch_127[data-size=lg],._title_1yhch_127[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_1yhch_127[data-seen=true],._title_1yhch_127[data-state=archived]{font-weight:400}._title_1yhch_127[data-state=trashed]{font-weight:400;text-decoration:line-through}
+._link_6y5ya_1[data-size=xl]{padding:1em}._link_6y5ya_1[data-size=lg]{padding:.875em}._link_6y5ya_1[data-size=md]{padding:.75em}._link_6y5ya_1[data-size=sm],._link_6y5ya_1[data-size=xs]{padding:.625em}._border_6y5ya_22{position:relative;border-left:.25rem solid;border-color:var(--ds-color-surface-active);display:flex;flex-direction:column}._border_6y5ya_22[data-seen=true]{border-color:var(--ds-color-neutral-surface-default)}._border_6y5ya_22[data-variant=draft]{border-color:var(--ds-color-neutral-surface-active);border-left-width:.125rem;margin-left:.125rem;border-left-style:dashed}._border_6y5ya_22[data-variant=sent]{border-color:var(--ds-color-neutral-surface-default)}._border_6y5ya_22[data-loading=true]{border-color:var(--ds-color-surface-default)}._border_6y5ya_22[data-size=xs],._border_6y5ya_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_6y5ya_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_6y5ya_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_6y5ya_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_6y5ya_72{position:absolute;top:0;right:0;margin:.375rem}._header_6y5ya_79{display:flex;flex-direction:column;row-gap:.25rem}._header_6y5ya_79[data-size=xs],._header_6y5ya_79[data-size=sm]{display:flex;flex-direction:row}._summary_6y5ya_91{font-size:1rem;font-weight:400;line-height:1.25;color:var(--ds-color-text-default);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_6y5ya_91[data-size=xs],._summary_6y5ya_91[data-size=sm],._summary_6y5ya_91[data-size=md]{font-size:.875rem}._summary_6y5ya_91[data-size=lg],._summary_6y5ya_91[data-size=xl]{font-size:1rem}._footer_6y5ya_119{width:100%}._touchedBy_6y5ya_123{position:absolute;right:0;bottom:0;margin:8px}._heading_6y5ya_132{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_6y5ya_138{line-height:1.25;font-weight:600;margin:0}._title_6y5ya_138[data-size=xs],._title_6y5ya_138[data-size=sm]{font-size:1rem}._title_6y5ya_138[data-size=md],._title_6y5ya_138[data-size=lg],._title_6y5ya_138[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_6y5ya_138[data-size=md]{font-size:1rem}._title_6y5ya_138[data-size=lg],._title_6y5ya_138[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_6y5ya_138[data-seen=true],._title_6y5ya_138[data-state=archived]{font-weight:400}._title_6y5ya_138[data-state=trashed]{font-weight:400;text-decoration:line-through}

package/dist/components/Dialog/DialogListItem.js

@@ -1,4 +1,4 @@
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
@@ -9,111 +9,131 @@ import { DialogHeading as F } from "./DialogHeading.js";
 import "../Search/AutocompleteBase.js";
 import { ListItemLabel as G } from "../List/ListItemLabel.js";
 import { ListItemSelect as J } from "../List/ListItemSelect.js";
-import { ListItem as N } from "../List/ListItem.js";
+import { ListItem as x } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/DialogListItem.css';const K = "_link_1yhch_1", O = "_border_1yhch_22", P = "_select_1yhch_61", Q = "_header_1yhch_68", R = "_summary_1yhch_80", U = "_footer_1yhch_108", V = "_touchedBy_1yhch_112", W = "_heading_1yhch_121", X = "_title_1yhch_127", a = {
+import '../../assets/DialogListItem.css';const K = "_link_6y5ya_1", O = "_border_6y5ya_22", P = "_select_6y5ya_72", Q = "_header_6y5ya_79", R = "_summary_6y5ya_91", U = "_footer_6y5ya_119", W = "_touchedBy_6y5ya_123", X = "_heading_6y5ya_132", Y = "_title_6y5ya_138", o = {
   link: K,
   border: O,
   select: P,
   header: Q,
   summary: R,
   footer: U,
-  touchedBy: V,
-  heading: W,
-  title: X
-}, he = ({
-  size: e = "lg",
-  state: x = "normal",
-  loading: o,
-  select: s,
-  selected: c,
-  status: B,
-  sender: h,
-  recipient: g,
+  touchedBy: W,
+  heading: X,
+  title: Y
+}, sa = ({
+  size: a = "lg",
+  state: B = "normal",
+  loading: t,
+  select: i,
+  selected: l,
+  status: r,
+  sender: s,
+  recipient: v,
   recipientLabel: k = "to",
   grouped: D = !1,
-  updatedAt: l,
-  updatedAtLabel: i,
-  archivedAt: d,
+  updatedAt: n,
+  updatedAtLabel: d,
+  archivedAt: y,
   archivedAtLabel: I,
   trashedAt: _,
   trashedAtLabel: L,
   label: S,
   dueAt: j,
-  dueAtLabel: v,
-  seen: m = !1,
-  seenBy: H,
-  touchedBy: M,
-  attachmentsCount: T,
-  title: r,
-  description: n,
-  summary: y,
+  dueAtLabel: H,
+  seen: c = !1,
+  seenBy: M,
+  touchedBy: T,
+  attachmentsCount: V,
+  title: m,
+  description: h,
+  summary: p,
   theme: q = "default",
-  ...p
+  ...f
 }) => {
-  const w = _ ? "trashed" : d ? "archived" : x, f = c ? "subtle" : q;
-  return e === "xs" || e === "sm" || e === "md" ? /* @__PURE__ */ t(
-    N,
+  const w = _ ? "trashed" : y ? "archived" : B, b = l ? "subtle" : q, N = r == null ? void 0 : r.value;
+  return a === "xs" || a === "sm" ? /* @__PURE__ */ e(
+    x,
     {
-      ...p,
-      size: e,
-      selected: c,
-      theme: f,
-      label: /* @__PURE__ */ t("div", { className: a.border, "data-size": e, "data-seen": m, "data-loading": o, children: /* @__PURE__ */ t(G, { loading: o, size: e, title: r, description: y || n }) }),
-      badge: /* @__PURE__ */ t(u, { loading: o, sender: h, updatedAt: l, updatedAtLabel: i }),
-      title: r
+      ...f,
+      size: a,
+      selected: l,
+      theme: b,
+      label: /* @__PURE__ */ e(
+        "div",
+        {
+          className: o.border,
+          "data-variant": N,
+          "data-size": a,
+          "data-seen": c,
+          "data-loading": t,
+          children: /* @__PURE__ */ e(G, { loading: t, size: a, title: m, description: p || h })
+        }
+      ),
+      badge: /* @__PURE__ */ e(u, { loading: t, sender: s, updatedAt: n, updatedAtLabel: d }),
+      title: m
     }
-  ) : /* @__PURE__ */ t(
-    N,
+  ) : /* @__PURE__ */ e(
+    x,
     {
-      ...p,
-      size: e,
-      selected: c,
-      theme: f,
-      controls: s && /* @__PURE__ */ t(J, { className: a.select, ...s, size: "xl" }),
-      title: r,
-      label: /* @__PURE__ */ b("div", { className: a.border, "data-size": e, "data-seen": m, "data-loading": o, children: [
-        /* @__PURE__ */ b("header", { className: a.header, "data-size": e, children: [
-          /* @__PURE__ */ t(F, { loading: o, size: e, state: w, label: S, seen: m, children: r }),
-          /* @__PURE__ */ t(
-            C,
-            {
-              size: "xs",
-              loading: o,
-              sender: h,
-              recipient: g,
-              recipientLabel: k,
-              grouped: D
-            }
-          ),
-          /* @__PURE__ */ t(E, { loading: o, children: /* @__PURE__ */ t("p", { "data-size": e, className: a.summary, children: y || n }) })
-        ] }),
-        /* @__PURE__ */ t(
-          u,
-          {
-            className: a.footer,
-            loading: o,
-            status: B,
-            updatedAt: l,
-            updatedAtLabel: i,
-            archivedAt: d,
-            archivedAtLabel: I,
-            trashedAt: _,
-            trashedAtLabel: L,
-            dueAt: j,
-            dueAtLabel: v,
-            attachmentsCount: T,
-            seenBy: H,
-            touchedBy: {
-              touchedBy: M,
-              className: a.touchedBy
-            }
-          }
-        )
-      ] })
+      ...f,
+      size: a,
+      selected: l,
+      theme: b,
+      controls: i && /* @__PURE__ */ e(J, { className: o.select, ...i, size: "xl" }),
+      title: m,
+      label: /* @__PURE__ */ g(
+        "div",
+        {
+          className: o.border,
+          "data-variant": N,
+          "data-size": a,
+          "data-seen": c,
+          "data-loading": t,
+          children: [
+            /* @__PURE__ */ g("header", { className: o.header, "data-size": a, children: [
+              /* @__PURE__ */ e(F, { loading: t, size: a, state: w, label: S, seen: c, children: m }),
+              /* @__PURE__ */ e(
+                C,
+                {
+                  size: "xs",
+                  loading: t,
+                  sender: s,
+                  recipient: v,
+                  recipientLabel: k,
+                  grouped: D
+                }
+              ),
+              a === "lg" && /* @__PURE__ */ e(E, { loading: t, children: /* @__PURE__ */ e("p", { "data-size": a, className: o.summary, children: p || h }) })
+            ] }),
+            /* @__PURE__ */ e(
+              u,
+              {
+                className: o.footer,
+                loading: t,
+                status: r,
+                updatedAt: n,
+                updatedAtLabel: d,
+                archivedAt: y,
+                archivedAtLabel: I,
+                trashedAt: _,
+                trashedAtLabel: L,
+                dueAt: j,
+                dueAtLabel: H,
+                attachmentsCount: V,
+                seenBy: M,
+                touchedBy: {
+                  touchedBy: T,
+                  className: o.touchedBy
+                }
+              }
+            )
+          ]
+        }
+      )
     }
   );
 };
 export {
-  he as DialogListItem
+  sa as DialogListItem
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,71 +1,77 @@
 "use client";
-import { jsxs as a, jsx as r, Fragment as T } from "react/jsx-runtime";
-import { useState as j, useMemo as A } from "react";
+import { jsxs as i, jsx as r, Fragment as f } from "react/jsx-runtime";
+import { useState as F, useMemo as L } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as F } from "./AccountMenu.js";
-import { AccountButton as L } from "./AccountButton.js";
-import { BackButton as H } from "./BackButton.js";
-import { LogoutButton as I } from "./LogoutButton.js";
+import { AccountMenu as H } from "./AccountMenu.js";
+import { AccountButton as I } from "./AccountButton.js";
+import { BackButton as W } from "./BackButton.js";
+import { LogoutButton as M } from "./LogoutButton.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as m } from "../Menu/MenuBase.js";
-import { Menu as h } from "../Menu/Menu.js";
-import { GlobalMenuBase as l, GlobalMenuHeader as g, GlobalMenuFooter as W } from "./GlobalMenuBase.js";
+import { MenuListItem as n } from "../Menu/MenuBase.js";
+import { Menu as k } from "../Menu/Menu.js";
+import { GlobalMenuBase as c, GlobalMenuHeader as g, GlobalMenuFooter as b } from "./GlobalMenuBase.js";
 const S = ({
-  accounts: c = [],
-  accountGroups: M = {},
-  accountSearch: k,
-  items: p = [],
-  groups: u,
-  changeLabel: b = "Change",
+  accounts: p = [],
+  accountGroups: v = {},
+  accountSearch: x,
+  items: d = [],
+  groups: s,
+  changeLabel: G = "Change",
   backLabel: B = "Back",
-  currentAccount: i,
-  onSelectAccount: o,
-  onClose: e,
-  logoutButton: s
+  currentAccount: m,
+  onSelectAccount: l,
+  onClose: t,
+  logoutButton: a
 }) => {
-  const [x, G] = j(!1), n = () => {
-    G((t) => !t);
-  }, v = (t) => {
-    n(), e == null || e(), o == null || o(t);
-  }, d = A(() => p.map((t) => ({
-    ...t,
+  const [T, j] = F(!1), o = () => {
+    j((e) => !e);
+  }, A = (e) => {
+    o(), t == null || t(), l == null || l(e);
+  }, h = L(() => d.map((e) => ({
+    ...e,
     onClick: () => {
-      var f;
-      (f = t.onClick) == null || f.call(t), e == null || e();
+      var u;
+      (u = e.onClick) == null || u.call(e), t == null || t();
     }
-  })), [p, e]);
-  return x ? /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(H, { onClick: n, label: B }) }),
-    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
+  })), [d, t]);
+  return T ? /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(W, { onClick: o, label: B }) }),
+    /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
     /* @__PURE__ */ r(
-      F,
+      H,
       {
-        currentAccount: i,
-        accounts: c,
-        accountGroups: M,
-        accountSearch: k,
-        onSelectAccount: v
+        currentAccount: m,
+        accounts: p,
+        accountGroups: v,
+        accountSearch: x,
+        onSelectAccount: A
       }
     )
-  ] }) : i ? /* @__PURE__ */ a(l, { children: [
+  ] }) : m ? /* @__PURE__ */ i(c, { children: [
     /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(
-      L,
+      I,
       {
-        account: i,
-        linkText: b,
-        multipleAccounts: c.length > 1,
-        onClick: n
+        account: m,
+        linkText: G,
+        multipleAccounts: p.length > 1,
+        onClick: o
       }
     ) }),
-    /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
-    /* @__PURE__ */ r(h, { groups: u, items: d, theme: "default" }),
-    s && /* @__PURE__ */ a(T, { children: [
-      /* @__PURE__ */ r(m, { as: "div", role: "separator" }),
-      /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(I, { ...s }) })
+    /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
+    /* @__PURE__ */ r(k, { groups: s, items: h, theme: "default" }),
+    a && /* @__PURE__ */ i(f, { children: [
+      /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(M, { ...a }) })
     ] })
-  ] }) : /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(h, { groups: u, items: d }) });
+  ] }) : /* @__PURE__ */ i(c, { children: [
+    /* @__PURE__ */ r(k, { groups: s, items: h }),
+    a && /* @__PURE__ */ i(f, { children: [
+      /* @__PURE__ */ r(n, { as: "div", role: "separator" }),
+      /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(M, { ...a }) })
+    ] })
+  ] });
 };
 export {
   S as GlobalMenu

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

@@ -3,9 +3,6 @@ declare const meta: {
     title: string;
     component: ({ items, groups, sortGroupBy }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    parameters: {
-        layout: string;
-    };
     args: {
         items: import('./DialogListItem').DialogListItemProps[];
     };

package/package.json

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