@altinn/altinn-components 0.50.2 → 0.50.4

package/dist/assets/UserListItem.css

@@ -1 +1 @@
-._badges_hp9nk_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;margin-top:calc(var(--dsc-item-my) * .85)}._label_hp9nk_11{display:flex;flex-direction:row;align-items:center;gap:.5rem}
+._badges_1csip_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;margin-top:calc(var(--dsc-item-my) * .85)}._label_1csip_11{display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0;flex:1;overflow:hidden}._label_1csip_11>span{min-width:0;flex:1;overflow:hidden}._label_1csip_11 span[data-size]{overflow:hidden}._label_1csip_11 span[data-size] span[data-variant=subtle]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}._description_1csip_42{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}

package/dist/components/Account/AccountMenuButton.js

@@ -1,53 +1,53 @@
 "use client";
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
 import { c as m } from "../../index-L8X2o7IH.js";
-import f, { forwardRef as _, isValidElement as v } from "react";
-import { Avatar as b } from "../Avatar/Avatar.js";
-import { ButtonBase as p } from "../Button/ButtonBase.js";
-import { ButtonLabel as g } from "../Button/ButtonLabel.js";
+import f, { forwardRef as v, isValidElement as h } from "react";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { ButtonBase as g } from "../Button/ButtonBase.js";
+import { ButtonLabel as b } from "../Button/ButtonLabel.js";
 import { ButtonIcon as u } from "../Button/ButtonIcon.js";
-import "../RootProvider/RootProvider.js";
+import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as h } from "../../XMark-tKk6aExO.js";
-import { u as I } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountMenuButton.css';var w = function(t, o) {
-  var i = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (i[e] = t[e]);
+import { S as w } from "../../XMark-tKk6aExO.js";
+import { u as y } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountMenuButton.css';var N = function(t, o) {
+  var l = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      o.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (i[e[l]] = t[e[l]]);
-  return i;
+    for (var i = 0, e = Object.getOwnPropertySymbols(t); i < e.length; i++)
+      o.indexOf(e[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[i]) && (l[e[i]] = t[e[i]]);
+  return l;
 };
-const y = _((t, o) => {
-  var { title: i, titleId: e } = t, l = w(t, ["title", "titleId"]);
-  let r = I();
-  return r = i ? e || "title-" + r : void 0, f.createElement(
+const x = v((t, o) => {
+  var { title: l, titleId: e } = t, i = N(t, ["title", "titleId"]);
+  let r = y();
+  return r = l ? e || "title-" + r : void 0, f.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": r }, l),
-    i ? f.createElement("title", { id: r }, i) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": r }, i),
+    l ? f.createElement("title", { id: r }, l) : null,
     f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M15.5 3.25a.75.75 0 0 0 0 1.5H19a.25.25 0 0 1 .25.25v14a.25.25 0 0 1-.25.25h-3.5a.75.75 0 0 0 0 1.5H19A1.75 1.75 0 0 0 20.75 19V5A1.75 1.75 0 0 0 19 3.25zM9.97 6.97a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 1 1-1.06-1.06l3.22-3.22H3.5a.75.75 0 0 1 0-1.5h9.69L9.97 8.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
-}), N = "_button_1r4wq_1", x = "_avatarIcon_1r4wq_18", O = "_loginIcon_1r4wq_19", q = "_closeIcon_1r4wq_20", j = "_avatar_1r4wq_18", k = "_icon_1r4wq_43", L = "_labelContainer_1r4wq_55", B = "_description_1r4wq_63", n = {
-  button: N,
-  avatarIcon: x,
-  loginIcon: O,
-  closeIcon: q,
-  avatar: j,
-  icon: k,
-  labelContainer: L,
-  description: B
-}, F = ({
+}), O = "_button_1r4wq_1", q = "_avatarIcon_1r4wq_18", C = "_loginIcon_1r4wq_19", j = "_closeIcon_1r4wq_20", k = "_avatar_1r4wq_18", L = "_icon_1r4wq_43", B = "_labelContainer_1r4wq_55", E = "_description_1r4wq_63", n = {
+  button: O,
+  avatarIcon: q,
+  loginIcon: C,
+  closeIcon: j,
+  avatar: k,
+  icon: L,
+  labelContainer: B,
+  description: E
+}, J = ({
   className: t,
   currentAccount: o,
-  expanded: i,
+  expanded: l,
   minimized: e = !1,
-  loading: l = !1,
+  loading: i = !1,
   ...r
 }) => {
-  const c = C(void 0);
-  if (l)
+  const { languageCode: _ } = I(), c = M(_);
+  if (i)
     return /* @__PURE__ */ a(
-      p,
+      g,
       {
         ...r,
         as: "button",
@@ -57,13 +57,13 @@ const y = _((t, o) => {
         className: m(n.button, n.loading, t),
         disabled: !0,
         "aria-label": "loading",
-        children: /* @__PURE__ */ a(u, { className: n.avatarIcon, icon: /* @__PURE__ */ a(b, { name: "loading", loading: !0, className: n.avatar }) })
+        children: /* @__PURE__ */ a(u, { className: n.avatarIcon, icon: /* @__PURE__ */ a(p, { name: "loading", loading: !0, className: n.avatar }) })
       }
     );
   if (o) {
     let s = o.description;
     return o.type === "subunit" && typeof s == "string" && s && (s = `${s.split(",")[0]}, ${c.subunit}`), /* @__PURE__ */ d(
-      p,
+      g,
       {
         ...r,
         as: "button",
@@ -71,25 +71,25 @@ const y = _((t, o) => {
         variant: "text",
         color: "accent",
         className: m(n.button, t),
-        "aria-label": i ? c.close : o.name,
+        "aria-label": l ? c.close : o.name,
         children: [
-          !e && /* @__PURE__ */ a(g, { children: /* @__PURE__ */ d("div", { className: n.labelContainer, children: [
+          !e && /* @__PURE__ */ a(b, { children: /* @__PURE__ */ d("div", { className: n.labelContainer, children: [
             o.name,
-            /* @__PURE__ */ a("span", { className: n.description, children: typeof s == "string" || v(s) ? s : null })
+            /* @__PURE__ */ a("span", { className: n.description, children: typeof s == "string" || h(s) ? s : null })
           ] }) }),
-          i ? /* @__PURE__ */ a(u, { className: n.closeIcon, icon: /* @__PURE__ */ a(h, { className: n.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
+          l ? /* @__PURE__ */ a(u, { className: n.closeIcon, icon: /* @__PURE__ */ a(w, { className: n.icon, "aria-hidden": !0 }) }) : /* @__PURE__ */ a(
             u,
             {
               className: n.avatarIcon,
-              icon: /* @__PURE__ */ a(b, { ...o == null ? void 0 : o.icon, className: n.avatar })
+              icon: /* @__PURE__ */ a(p, { ...o == null ? void 0 : o.icon, className: n.avatar })
             }
           )
         ]
       }
     );
   }
-  return i ? null : /* @__PURE__ */ d(
-    p,
+  return l ? null : /* @__PURE__ */ d(
+    g,
     {
       ...r,
       as: "button",
@@ -99,12 +99,12 @@ const y = _((t, o) => {
       "aria-label": c.login,
       className: m(n.button, t),
       children: [
-        !e && /* @__PURE__ */ a(g, { children: c.login }),
-        /* @__PURE__ */ a(u, { className: n.loginIcon, icon: /* @__PURE__ */ a(y, { className: n.icon, "aria-hidden": !0 }) })
+        !e && /* @__PURE__ */ a(b, { children: c.login }),
+        /* @__PURE__ */ a(u, { className: n.loginIcon, icon: /* @__PURE__ */ a(x, { className: n.icon, "aria-hidden": !0 }) })
       ]
     }
   );
-}, C = (t) => {
+}, M = (t) => {
   switch (t) {
     case "nn":
       return {
@@ -127,5 +127,5 @@ const y = _((t, o) => {
   }
 };
 export {
-  F as AccountMenuButton
+  J as AccountMenuButton
 };

package/dist/components/Account/AccountOrganization.js

@@ -1,30 +1,33 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as d } from "../Byline/Byline.js";
+import { Byline as p } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/AccountOrganization.css';const m = "_list_hvcdj_1", p = "_node_hvcdj_19", h = "_link_hvcdj_37", i = {
-  list: m,
-  node: p,
-  link: h
-}, a = ({
-  avatar: t,
-  title: l,
-  as: o,
-  description: s,
+import '../../assets/AccountOrganization.css';const h = "_list_hvcdj_1", _ = "_node_hvcdj_19", u = "_link_hvcdj_37", l = {
+  list: h,
+  node: _,
+  link: u
+}, c = ({
+  avatar: e,
+  title: t,
+  as: s,
+  description: i,
   selected: r,
-  ...e
-}) => /* @__PURE__ */ n(r ? "span" : o || "a", { ...e, className: i.link, "data-selected": r, children: /* @__PURE__ */ c(d, { size: "sm", avatar: t, children: [
-  /* @__PURE__ */ c("strong", { children: [
-    l,
-    s && ","
-  ] }),
-  s
-] }) }), u = ({ items: t, level: l }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t.map((o, s) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: i.node, "data-level": l, children: /* @__PURE__ */ n(a, { ...o }) }) }, s)) }), x = ({ items: t, level: l = 1 }) => /* @__PURE__ */ n("ul", { "data-level": l, className: i.list, children: t == null ? void 0 : t.map((o, s) => /* @__PURE__ */ c("li", { children: [
-  /* @__PURE__ */ n(a, { ...o }),
-  o.items && /* @__PURE__ */ n(u, { items: o.items, level: l + 1 })
-] }, s)) });
+  ...a
+}) => {
+  const m = r ? "span" : s || "a", { items: v, ...d } = a;
+  return /* @__PURE__ */ n(m, { ...d, className: l.link, "data-selected": r, children: /* @__PURE__ */ o(p, { size: "sm", avatar: e, children: [
+    /* @__PURE__ */ o("strong", { children: [
+      t,
+      i && ","
+    ] }),
+    i
+  ] }) });
+}, j = ({ items: e, level: t }) => /* @__PURE__ */ n("ul", { "data-level": t, className: l.list, children: e.map((s, i) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n("span", { className: l.node, "data-level": t, children: /* @__PURE__ */ n(c, { ...s }) }) }, i)) }), O = ({ items: e = [], level: t = 1 }) => /* @__PURE__ */ n("ul", { "data-level": t, className: l.list, children: e.map((s, i) => /* @__PURE__ */ o("li", { children: [
+  /* @__PURE__ */ n(c, { ...s }),
+  s.items && /* @__PURE__ */ n(j, { items: s.items, level: t + 1 })
+] }, i)) });
 export {
-  x as AccountOrganization
+  O as AccountOrganization
 };

package/dist/components/UserListItem/UserListItem.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
 import { Badge as y } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
-import m, { forwardRef as h } from "react";
+import m, { forwardRef as v } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItemLabel as v } from "../List/ListItemLabel.js";
-import { ListItem as g } from "../List/ListItem.js";
+import { ListItemLabel as g } from "../List/ListItemLabel.js";
+import { ListItem as h } from "../List/ListItem.js";
 import { u as _ } from "../../useId-BVFxCjkq.js";
 import '../../assets/UserListItem.css';var w = function(e, r) {
   var l = {};
@@ -16,16 +16,16 @@ import '../../assets/UserListItem.css';var w = function(e, r) {
       r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (l[t[a]] = e[t[a]]);
   return l;
 };
-const O = h((e, r) => {
+const O = v((e, r) => {
   var { title: l, titleId: t } = e, a = w(e, ["title", "titleId"]);
-  let o = _();
-  return o = l ? t || "title-" + o : void 0, m.createElement(
+  let i = _();
+  return i = l ? t || "title-" + i : void 0, m.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: r, "aria-labelledby": o }, a),
-    l ? m.createElement("title", { id: o }, l) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: r, "aria-labelledby": i }, a),
+    l ? m.createElement("title", { id: i }, l) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.779 4.49a.75.75 0 0 1-.39.11h-.006a.76.76 0 0 1-.373-.103L3.83 17.15a.75.75 0 0 1-.375-.65V7.494a.75.75 0 0 1 .382-.648zm-.375 17.351-6.294-3.634V8.799l3.486 2.013a3.751 3.751 0 0 0 2.808 4.863zM15.75 12a3.75 3.75 0 0 1-3 3.675v4.026l6.294-3.634V8.799l-3.486 2.013c.124.373.192.773.192 1.188m-1.79-1.105a2.25 2.25 0 1 1-3.919-.003l.01-.017.01-.016a2.249 2.249 0 0 1 3.9.036m.847-1.382L18.294 7.5 12 3.866 5.706 7.5l3.487 2.013A3.74 3.74 0 0 1 12 8.25a3.74 3.74 0 0 1 2.807 1.263", clipRule: "evenodd" })
   );
-}), I = "_badges_hp9nk_1", j = "_label_hp9nk_11", f = {
+}), I = "_badges_1csip_1", j = "_label_1csip_11", f = {
   badges: I,
   label: j
 }, B = ({
@@ -34,37 +34,37 @@ const O = h((e, r) => {
   description: l,
   roleNames: t,
   titleAs: a = "h3",
-  subUnit: o = !1,
+  subUnit: i = !1,
   loading: c = !1,
-  ...n
+  ...s
 }) => {
-  let i;
+  let o;
   switch (r) {
     case "person":
-      i = { name: e, type: "person" };
+      o = { name: e, type: "person" };
       break;
     case "company":
-      i = { name: e, type: "company", isParent: !o };
+      o = { name: e, type: "company", isParent: !i };
       break;
     case "system":
-      i = O;
+      o = O;
       break;
     default:
-      i = { name: e, type: "person" };
+      o = { name: e, type: "person" };
   }
-  const b = !c && t ? /* @__PURE__ */ s("div", { className: f.badges, children: t.map((d) => /* @__PURE__ */ s(y, { label: d, color: n.color, children: d }, d)) }) : void 0, p = /* @__PURE__ */ u("div", { className: f.label, "data-size": n.size, children: [
-    /* @__PURE__ */ s(
-      v,
+  const b = !c && t ? /* @__PURE__ */ n("div", { className: f.badges, children: t.map((d) => /* @__PURE__ */ n(y, { label: d, color: s.color, children: d }, d)) }) : void 0, p = /* @__PURE__ */ u("div", { className: f.label, "data-size": s.size, children: [
+    /* @__PURE__ */ n(
+      g,
       {
         title: { children: e, as: a },
         description: l,
-        size: n.size,
+        size: s.size,
         loading: c
       }
     ),
     b
   ] });
-  return /* @__PURE__ */ s(g, { icon: i, ariaLabel: e, label: p, description: l, loading: c, ...n });
+  return /* @__PURE__ */ n(h, { icon: o, ariaLabel: e, label: p, description: l, loading: c, ...s });
 };
 export {
   B as UserListItem

package/dist/types/lib/components/Account/AccountMenuButton.stories.d.ts

@@ -24,6 +24,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Login: Story;
+export declare const LoginWithEnglishText: () => import("react/jsx-runtime").JSX.Element;
 export declare const Person: Story;
 export declare const Company: Story;
 export declare const Expanded: Story;

package/dist/types/lib/components/Account/AccountOrganization.stories.d.ts

@@ -12,15 +12,25 @@ declare const meta: {
                 name: string;
             };
             selected: true;
-            items: {
+            items: ({
                 title: string;
                 description: string;
                 avatar: {
                     type: "company";
                     name: string;
                     variant: "outline";
+                    isDeleted?: undefined;
                 };
-            }[];
+            } | {
+                title: string;
+                description: string;
+                avatar: {
+                    type: "company";
+                    name: string;
+                    variant: "outline";
+                    isDeleted: true;
+                };
+            })[];
         }[];
     };
     parameters: {};

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

@@ -115,5 +115,6 @@ export default meta;
 export declare const Default: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MultipleRoles: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WithSubUnits: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithInheritingParties: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DifferentHeadingLevelsAndSizes: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WithControls: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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