@altinn/altinn-components 0.33.4 → 0.33.5

package/dist/assets/DashboardIcon.css

@@ -0,0 +1 @@
+._icon_c8ubg_1{position:relative}._icon_c8ubg_1[data-size=lg]{font-size:2.75rem}._icon_c8ubg_1[data-size=lg] svg,._icon_c8ubg_1[data-size=lg] img{font-size:1.75rem}._icon_c8ubg_1[data-size=md]{font-size:2rem}._icon_c8ubg_1[data-size=md] svg,._icon_c8ubg_1[data-size=md] img{font-size:1.5rem}._icon_c8ubg_1[data-size=sm]{font-size:1.5rem}._icon_c8ubg_1[data-size=sm] svg,._icon_c8ubg_1[data-size=sm] img{font-size:1.25rem}._avatarGroup_c8ubg_32{font-size:.75em}._badge_c8ubg_36{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/MenuItemIcon.css

@@ -1 +1 @@
-._icon_c8ubg_1{position:relative}._icon_c8ubg_1[data-size=lg]{font-size:2.75rem}._icon_c8ubg_1[data-size=lg] svg,._icon_c8ubg_1[data-size=lg] img{font-size:1.75rem}._icon_c8ubg_1[data-size=md]{font-size:2rem}._icon_c8ubg_1[data-size=md] svg,._icon_c8ubg_1[data-size=md] img{font-size:1.5rem}._icon_c8ubg_1[data-size=sm]{font-size:1.5rem}._icon_c8ubg_1[data-size=sm] svg,._icon_c8ubg_1[data-size=sm] img{font-size:1.25rem}._avatarGroup_c8ubg_32{font-size:.75em}._badge_c8ubg_36{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}
+._icon_1wobj_1{position:relative;min-width:1em;display:flex;align-items:center;justify-content:center}._icon_1wobj_1[data-size=lg]{font-size:2.75rem}._icon_1wobj_1[data-size=lg] svg,._icon_1wobj_1[data-size=lg] img{font-size:1.75rem}._icon_1wobj_1[data-size=md]{font-size:2rem}._icon_1wobj_1[data-size=md] svg,._icon_1wobj_1[data-size=md] img{font-size:1.5rem}._icon_1wobj_1[data-size=sm]{font-size:1.5rem}._icon_1wobj_1[data-size=sm] svg,._icon_1wobj_1[data-size=sm] img{font-size:1.25rem}._avatarGroup_1wobj_36{font-size:.625em}._badge_1wobj_40{position:absolute;top:0;right:0;margin-top:-.25em;margin-right:-.25em;outline:1px solid white}

package/dist/assets/ModalBase.css

@@ -1 +1 @@
-._modal_zkvhc_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_zkvhc_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_zkvhc_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_zkvhc_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._modal_zkvhc_1[data-variant=content]{max-width:1056px;margin:auto}._content_zkvhc_30{position:relative}
+._modal_1tnpv_1{padding:0;width:100%;max-width:450px;border:none;background-color:#fff;border-radius:.5rem;box-shadow:var(--ds-shadow-xs)}._modal_1tnpv_1[data-backdrop-color=inherit]::backdrop{background-color:#111d4640}._modal_1tnpv_1[data-backdrop-color=transparent]::backdrop{background-color:transparent}._modal_1tnpv_1[data-variant=full]{width:100%;max-width:none;height:100%;min-height:unset}._modal_1tnpv_1[data-variant=content]{max-width:988px;margin:auto}._content_1tnpv_30{position:relative}

package/dist/components/Dashboard/DashboardIcon.js

@@ -9,7 +9,7 @@ import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { S as c } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/MenuItemIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
+import '../../assets/DashboardIcon.css';const _ = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
   icon: _,
   avatarGroup: v,
   badge: G

package/dist/components/Dialog/SeenByLog.js

@@ -1,37 +1,29 @@
 "use client";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useState as u } from "react";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { useState as u, Fragment as a, createElement as h } from "react";
 import "../../index-L8X2o7IH.js";
-import { Badge as _ } from "../Badge/Badge.js";
-import { Byline as y } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as B } from "./SeenByLogButton.js";
+import { SeenByLogButton as p } from "./SeenByLogButton.js";
+import { SeenByLogItem as l } from "./SeenByLogItem.js";
+import { Divider as c } from "../Divider/Divider.js";
 import "../Searchbar/AutocompleteBase.js";
-import { List as L } from "../List/List.js";
+import { List as S } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as S } from "../Page/Section.js";
-import '../../assets/SeenByLog.css';const x = "_list_1cnrr_19", j = "_item_1cnrr_25", s = {
-  list: x,
-  item: j
-}, q = ({ collapsible: c, expanded: m, title: n, items: o, endUserLabel: l = "You" }) => {
-  const [p, a] = u(m || !c);
-  return /* @__PURE__ */ t(S, { spacing: 2, children: [
-    n && /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(B, { icon: { items: o }, onClick: () => {
-      a((r) => !r);
-    }, children: n }) }),
-    p && /* @__PURE__ */ e(L, { className: s.list, children: o == null ? void 0 : o.map((r) => {
-      const { id: d, name: i, seenAt: g, seenAtLabel: h, isEndUser: f } = r;
-      return /* @__PURE__ */ t("li", { className: s.item, children: [
-        /* @__PURE__ */ t(y, { size: "sm", datetime: g, avatar: { name: i, type: "person" }, children: [
-          /* @__PURE__ */ e("strong", { children: i + "," }),
-          " ",
-          h
-        ] }),
-        f && /* @__PURE__ */ e(_, { theme: "surface", children: l })
-      ] }, d);
-    }) })
+import { Flex as x } from "../Page/Flex.js";
+import { Section as y } from "../Page/Section.js";
+const Y = ({ collapsible: i, expanded: d, title: e, items: r, endUserLabel: g = "You" }) => {
+  const [t, s] = u(d || !i && !0);
+  return /* @__PURE__ */ m(y, { spacing: 1, children: [
+    e && /* @__PURE__ */ o(x, { children: i ? /* @__PURE__ */ o(p, { icon: { items: r }, as: "button", onClick: () => {
+      s((n) => !n);
+    }, children: e }) : /* @__PURE__ */ o(p, { icon: { items: r }, as: "div", children: e }) }),
+    e && t && /* @__PURE__ */ o(c, {}),
+    t && /* @__PURE__ */ o(S, { size: "sm", spacing: 1, children: r == null ? void 0 : r.map((n, f) => /* @__PURE__ */ m(a, { children: [
+      f > 0 && /* @__PURE__ */ o(c, {}),
+      /* @__PURE__ */ h(l, { ...n, key: n.id, endUserLabel: g })
+    ] }, n.id)) })
   ] });
 };
 export {
-  q as SeenByLog
+  Y as SeenByLog
 };

package/dist/components/Dialog/SeenByLogButton.js

@@ -2,11 +2,11 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
-import { MetaItemLabel as i } from "../Metadata/MetaItemLabel.js";
-import { MetaItem as p } from "../Metadata/MetaItem.js";
+import { MetaItemLabel as p } from "../Metadata/MetaItemLabel.js";
+import { MetaItem as s } from "../Metadata/MetaItem.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const B = ({ icon: r, children: t, className: m, onClick: e }) => /* @__PURE__ */ o(p, { as: "button", size: "xs", className: m, icon: r, onClick: e, children: t && /* @__PURE__ */ o(i, { size: "xs", children: t }) });
+const L = ({ as: r, icon: m, children: t, className: e, onClick: i }) => /* @__PURE__ */ o(s, { as: r, size: "xs", className: e, icon: m, onClick: i, children: t && /* @__PURE__ */ o(p, { size: "xs", children: t }) });
 export {
-  B as SeenByLogButton
+  L as SeenByLogButton
 };

package/dist/components/Dialog/SeenByLogItem.js

@@ -0,0 +1,23 @@
+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 "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Flex as l } from "../Page/Flex.js";
+const j = ({ name: r, seenAt: i, seenAtLabel: m, isEndUser: n, endUserLabel: p }) => {
+  const t = n && { label: p };
+  return /* @__PURE__ */ e(l, { align: "center", spacing: 2, children: [
+    /* @__PURE__ */ e(a, { size: "sm", datetime: i, avatar: { name: r, type: "person" }, children: [
+      /* @__PURE__ */ o("strong", { children: r + "," }),
+      " ",
+      m
+    ] }),
+    t && /* @__PURE__ */ o(s, { variant: "subtle", ...t })
+  ] });
+};
+export {
+  j as SeenByLogItem
+};

package/dist/components/Dialog/index.js

@@ -1,13 +1,13 @@
 import { Dialog as t } from "./Dialog.js";
 import { DialogLayout as i } from "./DialogLayout.js";
 import { DialogHeader as m } from "./DialogHeader.js";
-import { DialogBody as l } from "./DialogBody.js";
-import { DialogTabs as f } from "./DialogTabs.js";
+import { DialogBody as p } from "./DialogBody.js";
+import { DialogTabs as l } from "./DialogTabs.js";
 import { DialogSection as D } from "./DialogSection.js";
 import { DialogContact as s } from "./DialogContact.js";
 import { DialogHistory as S } from "./DialogHistory.js";
-import { DialogHistorySegment as c } from "./DialogHistorySegment.js";
-import { DialogHistoryItem as B } from "./DialogHistoryItem.js";
+import { DialogHistorySegment as B } from "./DialogHistorySegment.js";
+import { DialogHistoryItem as u } from "./DialogHistoryItem.js";
 import { DialogList as d } from "./DialogList.js";
 import { DialogListGroup as I } from "./DialogListGroup.js";
 import { DialogListItem as h } from "./DialogListItem.js";
@@ -21,18 +21,19 @@ import { DialogStatus as K, DialogStatusEnum as N } from "./DialogStatus.js";
 import { DialogAttachments as P } from "./DialogAttachments.js";
 import { SeenByLog as R } from "./SeenByLog.js";
 import { SeenByLogButton as V } from "./SeenByLogButton.js";
+import { SeenByLogItem as X } from "./SeenByLogItem.js";
 export {
   t as Dialog,
   T as DialogActions,
   k as DialogActivityLog,
   P as DialogAttachments,
-  l as DialogBody,
+  p as DialogBody,
   G as DialogByline,
   s as DialogContact,
   m as DialogHeader,
   S as DialogHistory,
-  B as DialogHistoryItem,
-  c as DialogHistorySegment,
+  u as DialogHistoryItem,
+  B as DialogHistorySegment,
   i as DialogLayout,
   d as DialogList,
   I as DialogListGroup,
@@ -43,7 +44,8 @@ export {
   F as DialogSelect,
   K as DialogStatus,
   N as DialogStatusEnum,
-  f as DialogTabs,
+  l as DialogTabs,
   R as SeenByLog,
-  V as SeenByLogButton
+  V as SeenByLogButton,
+  X as SeenByLogItem
 };

package/dist/components/Menu/MenuItemIcon.js

@@ -1,26 +1,26 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { isValidElement as n } from "react";
-import { Icon as s, isIconProps as u } from "../Icon/Icon.js";
+import { Icon as s, isIconProps as f } from "../Icon/Icon.js";
 import "../../index-L8X2o7IH.js";
-import { isAvatarProps as f, Avatar as g } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as l, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
-import { Badge as c } from "../Badge/Badge.js";
+import { isAvatarProps as l, Avatar as u } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as d, AvatarGroup as g } from "../Avatar/AvatarGroup.js";
+import { Badge as _ } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as _ } from "../../XMark-DIqxCTTQ.js";
-import '../../assets/MenuItemIcon.css';const b = "_icon_c8ubg_1", v = "_avatarGroup_c8ubg_32", G = "_badge_c8ubg_36", o = {
-  icon: b,
-  avatarGroup: v,
+import { S as b } from "../../XMark-DIqxCTTQ.js";
+import '../../assets/MenuItemIcon.css';const v = "_icon_1wobj_1", c = "_avatarGroup_1wobj_36", G = "_badge_1wobj_40", a = {
+  icon: v,
+  avatarGroup: c,
   badge: G
 };
-function N(t) {
+function j(t) {
   return typeof t == "string" || typeof t == "number" || typeof t == "boolean" || t === null || n(t);
 }
-const z = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ a(s, { className: o.icon, svgElement: _, loading: !0 }) : /* @__PURE__ */ i("div", { className: o.icon, "data-size": p, children: [
-  f(r) && /* @__PURE__ */ a(g, { ...r }) || l(r) && /* @__PURE__ */ a(d, { ...r, className: o.avatarGroup }) || u(r) && /* @__PURE__ */ a(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || N(r) && r || /* @__PURE__ */ a(s, { theme: e, svgElement: r }),
-  m && /* @__PURE__ */ a(c, { ...m, className: o.badge })
+const k = ({ loading: t, size: p, icon: r, theme: e, badge: m }) => r ? t ? /* @__PURE__ */ o(s, { className: a.icon, svgElement: b, loading: !0 }) : /* @__PURE__ */ i("div", { className: a.icon, "data-size": p, children: [
+  l(r) && /* @__PURE__ */ o(u, { ...r }) || d(r) && /* @__PURE__ */ o(g, { ...r, className: a.avatarGroup }) || f(r) && /* @__PURE__ */ o(s, { ...r, theme: (r == null ? void 0 : r.theme) || e }) || j(r) && r || /* @__PURE__ */ o(s, { theme: e, svgElement: r }),
+  m && /* @__PURE__ */ o(_, { ...m, className: a.badge })
 ] }) : null;
 export {
-  z as MenuItemIcon
+  k as MenuItemIcon
 };

package/dist/components/Modal/ModalBase.js

@@ -6,20 +6,20 @@ import "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Section as x } from "../Page/Section.js";
-import '../../assets/ModalBase.css';const R = "_modal_zkvhc_1", z = "_content_zkvhc_30", d = {
+import '../../assets/ModalBase.css';const R = "_modal_1tnpv_1", I = "_content_1tnpv_30", d = {
   modal: R,
-  content: z
-}, Y = ({
+  content: I
+}, z = ({
   open: c,
   onClose: a,
   closedBy: n = "any",
   children: p,
   backdropColor: v = "inherit",
-  size: h,
-  color: E,
-  padding: k = 0,
-  spacing: y = 0,
-  variant: b = "default"
+  size: E,
+  color: h,
+  padding: y = 0,
+  spacing: b = 0,
+  variant: k = "default"
 }) => {
   const r = S(null);
   return u(() => {
@@ -53,17 +53,17 @@ import '../../assets/ModalBase.css';const R = "_modal_zkvhc_1", z = "_content_zk
       },
       "data-backdrop-color": v,
       className: d.modal,
-      "data-variant": b,
+      "data-variant": k,
       onClose: n !== "none" ? a : void 0,
       children: /* @__PURE__ */ f(
         x,
         {
           className: d.content,
           "aria-label": "modal content",
-          size: h,
-          color: E,
-          padding: k,
-          spacing: y,
+          size: E,
+          color: h,
+          padding: y,
+          spacing: b,
           children: p
         }
       )
@@ -71,5 +71,5 @@ import '../../assets/ModalBase.css';const R = "_modal_zkvhc_1", z = "_content_zk
   );
 };
 export {
-  Y as ModalBase
+  z as ModalBase
 };

package/dist/components/Transmission/Transmission.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as i, jsxs as n, Fragment as g } from "react/jsx-runtime";
+import { jsx as o, jsxs as n, Fragment as g } from "react/jsx-runtime";
 import { useState as h } from "react";
 import "../../index-L8X2o7IH.js";
 import { AttachmentList as v } from "../Attachment/AttachmentList.js";
@@ -15,7 +15,7 @@ import { TransmissionType as j } from "./TransmissionType.js";
 import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
   title: k
 }, O = ({
-  type: o,
+  type: i,
   unread: l,
   size: c = "xs",
   color: p = "neutral",
@@ -31,12 +31,12 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
   ...m
 }) => {
   const [r, u] = h(m.expanded || !1);
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ o(
     S,
     {
       ...m,
       icon: b,
-      badge: o && /* @__PURE__ */ i(j, { value: o == null ? void 0 : o.value, label: o == null ? void 0 : o.label }),
+      badge: i && /* @__PURE__ */ o(j, { value: i == null ? void 0 : i.value, label: i == null ? void 0 : i.label }),
       size: c,
       variant: l ? "subtle" : "default",
       border: r ? "none" : "solid",
@@ -46,8 +46,8 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
         as: "span",
         className: w.title,
         children: /* @__PURE__ */ n(g, { children: [
-          /* @__PURE__ */ i("h2", { children: s }),
-          l && /* @__PURE__ */ i(L, { variant: "tinted", size: "xs", ...f })
+          /* @__PURE__ */ o("h2", { children: s }),
+          l && /* @__PURE__ */ o(L, { variant: "tinted", size: "xs", ...f })
         ] }),
         weight: l ? "bold" : "normal"
       },
@@ -58,13 +58,13 @@ import '../../assets/Transmission.css';const k = "_title_cy7ua_1", w = {
       linkIcon: !0,
       as: "button",
       ariaLabel: s,
-      children: /* @__PURE__ */ n(_, { padding: 4, children: [
+      children: /* @__PURE__ */ n(_, { padding: 4, spacing: 4, children: [
         /* @__PURE__ */ n(T, { size: "md", children: [
-          a && /* @__PURE__ */ i("p", { children: a }),
+          a && /* @__PURE__ */ o("p", { children: a }),
           r ? typeof t == "function" ? t() : t : null,
-          (e == null ? void 0 : e.items) && /* @__PURE__ */ i(v, { ...e })
+          (e == null ? void 0 : e.items) && /* @__PURE__ */ o(v, { ...e })
         ] }),
-        d && /* @__PURE__ */ i(A, { ...d })
+        d && /* @__PURE__ */ o(A, { ...d })
       ] })
     }
   );