@altinn/altinn-components 0.18.5 → 0.18.7

package/dist/assets/TimelineSection.css

@@ -1 +1 @@
-._section_1rt4t_1{display:flex;column-gap:.5rem}._sidebar_1rt4t_6{flex-shrink:0;display:flex;flex-direction:column;align-items:center;row-gap:.375rem;width:2.25rem}._sidebar_1rt4t_6[data-size=xxs]{margin-top:.25rem}._sidebar_1rt4t_6[data-size=xs]{margin-top:.125rem}._media_1rt4t_23[data-size=xs]{min-height:20px;display:flex;align-items:center;justify-content:center}._dot_1rt4t_30{background-color:var(--ds-color-surface-active);width:.875rem;height:.875rem;border-radius:50%}._content_1rt4t_37{flex-grow:1;display:flex;flex-direction:column}._content_1rt4t_37[data-size=lg]{padding:.5rem 0;row-gap:1rem}._border_1rt4t_48{border-left:.25rem solid;border-color:var(--ds-color-surface-active);flex-grow:1}
+._section_ghh0s_1{display:flex;column-gap:.5rem}._sidebar_ghh0s_6{flex-shrink:0;display:flex;flex-direction:column;align-items:center;row-gap:.375rem;width:2.25rem}._sidebar_ghh0s_6[data-size=xxs]{margin-top:.25rem}._sidebar_ghh0s_6[data-size=xs]{margin-top:.125rem}._media_ghh0s_23[data-size=xs]{min-height:20px;display:flex;align-items:center;justify-content:center}._dot_ghh0s_30{background-color:var(--ds-color-surface-active);width:.875rem;height:.875rem;border-radius:50%}._content_ghh0s_37{flex-grow:1;display:flex;flex-direction:column}._content_ghh0s_37[data-size=lg]{padding:.5rem 0;row-gap:1rem}._border_ghh0s_48{border-left:.25rem solid;border-color:var(--ds-color-surface-active);flex-grow:1}._seenByEnderUser_ghh0s_54{border-color:var(--ds-color-border-default)}

package/dist/components/Attachment/AttachmentLink.js

@@ -25,11 +25,11 @@ const u = f((t, n) => {
     l ? i.createElement("title", { id: o }, l) : null,
     i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6.5 3.25c-.69 0-1.25.56-1.25 1.25v15c0 .69.56 1.25 1.25 1.25h11c.69 0 1.25-.56 1.25-1.25V8a.75.75 0 0 0-.22-.53l-4-4a.75.75 0 0 0-.53-.22zm6.75 4.25c0 .69.56 1.25 1.25 1.25h2.75v10.5H6.75V4.75h6.5zm2.94-.25-1.44-1.44v1.44z", clipRule: "evenodd" })
   );
-}), b = "_link_196mu_1", v = "_label_196mu_12", h = "_icon_196mu_18", a = {
+}), b = "_link_196mu_1", v = "_label_196mu_12", _ = "_icon_196mu_18", a = {
   link: b,
   label: v,
-  icon: h
-}, k = ({ icon: t = u, iconAltText: n, href: l, label: e }) => /* @__PURE__ */ m("a", { href: l, className: a.link, children: [
+  icon: _
+}, k = ({ icon: t = u, iconAltText: n, href: l, label: e }) => /* @__PURE__ */ m("a", { href: l, className: a.link, target: "_blank", rel: "noreferrer", children: [
   /* @__PURE__ */ c(s, { svgElement: t, altText: n, className: a.icon }),
   /* @__PURE__ */ c("span", { className: a.label, children: e })
 ] });

package/dist/components/Dialog/DialogContent.js

@@ -1,24 +1,24 @@
-import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import { Byline as n } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import { DialogActivityLog as c } from "./DialogActivityLog.js";
-import { DialogSeenBy as l } from "./DialogSeenBy.js";
-import { MetaBase as a } from "../Meta/MetaBase.js";
-import { Typography as d } from "../Typography/Typography.js";
+import { DialogSeenBy as d } from "./DialogSeenBy.js";
+import { MetaBase as l } from "../Meta/MetaBase.js";
+import { Typography as a } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { TimelineSection as f } from "../Timeline/TimelineSection.js";
-import { Section as s } from "../Page/Section.js";
-const C = ({ updatedAt: t, updatedAtLabel: e, seenBy: r, activityLog: m, children: p }) => /* @__PURE__ */ i(f, { children: /* @__PURE__ */ o(s, { spacing: 4, margin: "section", children: [
+import { Section as g } from "../Page/Section.js";
+const C = ({ updatedAt: t, updatedAtLabel: p, seenBy: i, activityLog: m, children: e }) => /* @__PURE__ */ r(f, { isSeenByEndUser: i == null ? void 0 : i.seenByEndUser, children: /* @__PURE__ */ o(g, { spacing: 4, margin: "section", children: [
   /* @__PURE__ */ o("div", { children: [
-    /* @__PURE__ */ i(n, { datetime: t, children: e }),
-    /* @__PURE__ */ i(d, { size: "md", children: p })
+    /* @__PURE__ */ r(n, { datetime: t, children: p }),
+    /* @__PURE__ */ r(a, { size: "md", children: e })
   ] }),
-  /* @__PURE__ */ o(a, { children: [
-    r && /* @__PURE__ */ i(l, { ...r }),
-    m && /* @__PURE__ */ i(c, { ...m })
+  /* @__PURE__ */ o(l, { children: [
+    i && /* @__PURE__ */ r(d, { ...i }),
+    m && /* @__PURE__ */ r(c, { ...m })
   ] })
 ] }) });
 export {

package/dist/components/Timeline/TimelineSection.js

@@ -1,36 +1,38 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as _ } from "../../index-L8X2o7IH.js";
 import "react";
-import { Avatar as _ } from "../Avatar/Avatar.js";
-import { Byline as p } from "../Byline/Byline.js";
+import { Avatar as p } from "../Avatar/Avatar.js";
+import { Byline as l } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/TimelineSection.css';const l = "_section_1rt4t_1", h = "_sidebar_1rt4t_6", N = "_media_1rt4t_23", v = "_dot_1rt4t_30", x = "_content_1rt4t_37", b = "_border_1rt4t_48", s = {
-  section: l,
-  sidebar: h,
-  media: N,
-  dot: v,
-  content: x,
-  border: b
+import '../../assets/TimelineSection.css';const g = "_section_ghh0s_1", N = "_sidebar_ghh0s_6", f = "_media_ghh0s_23", x = "_dot_ghh0s_30", B = "_content_ghh0s_37", v = "_border_ghh0s_48", E = "_seenByEnderUser_ghh0s_54", s = {
+  section: g,
+  sidebar: N,
+  media: f,
+  dot: x,
+  content: B,
+  border: v,
+  seenByEnderUser: E
 }, k = ({
-  loading: a,
-  color: i,
-  size: t = "xs",
-  datetime: n,
-  dateline: c,
-  byline: o,
-  avatar: e,
-  children: m
-}) => /* @__PURE__ */ d("section", { className: s.section, "data-color": i, "data-size": t, children: [
-  /* @__PURE__ */ d("aside", { className: s.sidebar, "data-size": t, children: [
-    (o || c) && /* @__PURE__ */ r("div", { className: s.media, "data-size": t, children: e && /* @__PURE__ */ r(_, { ...e, size: t }) || /* @__PURE__ */ r("div", { className: s.dot }) }),
-    /* @__PURE__ */ r("div", { className: s.border })
+  loading: d,
+  color: a,
+  size: e = "xs",
+  datetime: i,
+  dateline: t,
+  byline: r,
+  avatar: n,
+  children: m,
+  isSeenByEndUser: h = !1
+}) => /* @__PURE__ */ c("section", { className: s.section, "data-color": a, "data-size": e, children: [
+  /* @__PURE__ */ c("aside", { className: s.sidebar, "data-size": e, children: [
+    (r || t) && /* @__PURE__ */ o("div", { className: s.media, "data-size": e, children: n && /* @__PURE__ */ o(p, { ...n, size: e }) || /* @__PURE__ */ o("div", { className: s.dot }) }),
+    /* @__PURE__ */ o("div", { className: _(s.border, { [s.seenByEnderUser]: h }) })
   ] }),
-  /* @__PURE__ */ d("div", { className: s.content, "data-size": t, children: [
-    (o || c) && /* @__PURE__ */ d(p, { loading: a, datetime: n, size: t, children: [
-      o && /* @__PURE__ */ r("strong", { children: o && c ? o + ", " : o }),
-      c && /* @__PURE__ */ r("span", { children: c })
+  /* @__PURE__ */ c("div", { className: s.content, "data-size": e, children: [
+    (r || t) && /* @__PURE__ */ c(l, { loading: d, datetime: i, size: e, children: [
+      r && /* @__PURE__ */ o("strong", { children: r && t ? r + ", " : r }),
+      t && /* @__PURE__ */ o("span", { children: t })
     ] }),
     m
   ] })

package/dist/types/lib/components/Timeline/TimelineSection.d.ts

@@ -11,5 +11,6 @@ export interface TimelineSectionProps {
     avatar?: AvatarProps;
     icon?: SvgElement;
     children?: ReactNode;
+    isSeenByEndUser?: boolean;
 }
-export declare const TimelineSection: ({ loading, color, size, datetime, dateline, byline, avatar, children, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineSection: ({ loading, color, size, datetime, dateline, byline, avatar, children, isSeenByEndUser, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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