@altinn/altinn-components 0.21.5 → 0.22.0

package/dist/components/Transmission/Transmission.js

@@ -1,59 +1,62 @@
 "use client";
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { useState as x } from "react";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { useState as a } from "react";
 import "../../index-L8X2o7IH.js";
-import { AttachmentList as g } from "../Attachment/AttachmentList.js";
-import { Byline as h } from "../Byline/Byline.js";
+import { AttachmentList as L } from "../Attachment/AttachmentList.js";
+import { Byline as y } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
+import { ListItemLabel as I } from "../List/ListItemLabel.js";
+import { ListItem as j } from "../List/ListItem.js";
+import { Typography as k } from "../Typography/Typography.js";
 import "../Search/AutocompleteBase.js";
-import { ListItemLabel as L } from "../List/ListItemLabel.js";
-import { ListItem as y } from "../List/ListItem.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as I } from "../Page/Section.js";
-import { Typography as j } from "../Typography/Typography.js";
-const G = ({
-  size: t = "xs",
-  theme: l = "subtle",
-  color: e = "neutral",
-  type: p,
+import { Section as A } from "../Page/Section.js";
+const H = ({
+  size: l = "xs",
+  theme: e = "subtle",
+  color: p = "neutral",
   title: n,
-  createdAt: k,
+  createdAt: S,
   createdAtLabel: s,
-  badge: c,
+  badge: i,
   sender: o,
-  summary: d,
-  attachments: r,
-  ...f
+  summary: c,
+  attachments: m,
+  type: f,
+  ...u
 }) => {
-  const [a, u] = x(!1);
-  return /* @__PURE__ */ i(
-    y,
+  const [h, x] = a(!1);
+  return /* @__PURE__ */ r(
+    j,
     {
-      ...f,
+      ...u,
       avatar: o,
-      badge: c,
-      size: t,
-      theme: l,
-      color: e,
-      label: /* @__PURE__ */ i(L, { title: n, weight: p === "submission" ? "normal" : "bold" }),
-      expanded: a,
-      onClick: () => u((b) => !b),
+      badge: i && {
+        ...i,
+        theme: (i == null ? void 0 : i.theme) || "surface"
+      },
+      size: l,
+      theme: e,
+      color: p,
+      label: /* @__PURE__ */ r(I, { title: n, weight: f === "submission" ? "normal" : "bold" }),
+      expanded: h,
+      onClick: () => x((d) => !d),
       collapsible: !0,
       linkIcon: !0,
-      children: /* @__PURE__ */ m(I, { padding: 4, children: [
-        /* @__PURE__ */ m(h, { children: [
-          /* @__PURE__ */ i("strong", { children: (o == null ? void 0 : o.name) + ", " }),
+      children: /* @__PURE__ */ t(A, { padding: 4, children: [
+        /* @__PURE__ */ t(y, { children: [
+          /* @__PURE__ */ r("strong", { children: (o == null ? void 0 : o.name) + ", " }),
           " ",
           s
         ] }),
-        /* @__PURE__ */ m(j, { size: "md", children: [
-          /* @__PURE__ */ i("p", { children: d }),
-          (r == null ? void 0 : r.items) && /* @__PURE__ */ i(g, { ...r })
+        /* @__PURE__ */ t(k, { size: "md", children: [
+          /* @__PURE__ */ r("p", { children: c }),
+          (m == null ? void 0 : m.items) && /* @__PURE__ */ r(L, { ...m })
         ] })
       ] })
     }
   );
 };
 export {
-  G as Transmission
+  H as Transmission
 };

package/dist/components/Transmission/TransmissionList.js

@@ -3,10 +3,10 @@ import { createElement as p } from "react";
 import "../../index-L8X2o7IH.js";
 import { Byline as a } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
 import { ListBase as e } from "../List/ListBase.js";
-import "../Snackbar/useSnackbar.js";
 import { Transmission as c } from "./Transmission.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
 const B = ({ items: t }) => t.length ? /* @__PURE__ */ i(e, { children: t.map((r, o) => {
   const { datetime: n, byline: m, createdAtLabel: s } = r;
   return /* @__PURE__ */ i("li", { children: /* @__PURE__ */ l(e, { children: [

package/dist/components/Transmission/index.js

@@ -1,10 +1,6 @@
-import { Transmission as o } from "./Transmission.js";
+import { Transmission as r } from "./Transmission.js";
 import { TransmissionList as m } from "./TransmissionList.js";
-import { TransmissionTimeline as e } from "./TransmissionTimeline.js";
-import { TransmissionTimelineSegment as T } from "./TransmissionTimelineSegment.js";
 export {
-  o as Transmission,
-  m as TransmissionList,
-  e as TransmissionTimeline,
-  T as TransmissionTimelineSegment
+  r as Transmission,
+  m as TransmissionList
 };

package/dist/components/Typography/Heading.js

@@ -1,9 +1,32 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { c as s } from "../../index-L8X2o7IH.js";
-import { Skeleton as d } from "../Skeleton/Skeleton.js";
-import '../../assets/Heading.css';const r = "_heading_mt0g8_1", c = {
-  heading: r
-}, f = ({ loading: t, as: a = "h2", size: i = "md", weight: n = "medium", className: o, children: m }) => /* @__PURE__ */ e(d, { loading: t, children: /* @__PURE__ */ e(a, { className: s(c.heading, o), "data-size": i, "data-weight": n, children: m }) });
+import "react";
+import "../RootProvider/RootProvider.js";
+import { Skeleton as p } from "../Skeleton/Skeleton.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import '../../assets/Heading.css';const c = "_heading_1mp1p_1", h = {
+  heading: c
+}, k = ({
+  loading: o,
+  as: e = "h2",
+  size: a = "md",
+  weight: i = "medium",
+  color: m,
+  theme: r,
+  className: d,
+  children: n
+}) => /* @__PURE__ */ t(p, { loading: o, children: /* @__PURE__ */ t(
+  e,
+  {
+    className: s(h.heading, d),
+    "data-size": a,
+    "data-weight": i,
+    "data-color": m,
+    "data-theme": r,
+    children: n
+  }
+) });
 export {
-  f as Heading
+  k as Heading
 };

package/dist/components/Typography/Typography.js

@@ -1,27 +1,27 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as m } from "../../index-L8X2o7IH.js";
-import { Skeleton as i } from "../Skeleton/Skeleton.js";
-import '../../assets/Typography.css';const d = "_typography_15g2t_1", h = {
+import { c } from "../../index-L8X2o7IH.js";
+import { Skeleton as h } from "../Skeleton/Skeleton.js";
+import '../../assets/Typography.css';const d = "_typography_g5s4h_1", i = {
   typography: d
 }, _ = ({
   loading: o,
   loadingText: r = "Loading ...",
-  as: a = "div",
-  size: p = "md",
-  color: n,
-  variant: e,
+  as: p = "div",
+  size: a = "md",
+  color: e,
+  theme: n,
   className: s,
-  children: y,
-  ...c
+  children: m,
+  ...y
 }) => /* @__PURE__ */ t(
-  a,
+  p,
   {
-    className: m(h.typography, s),
-    "data-size": p,
-    "data-color": n,
-    "data-variant": e,
-    ...c,
-    children: o && /* @__PURE__ */ t(i, { loading: o, children: r }) || y
+    className: c(i.typography, s),
+    "data-size": a,
+    "data-color": e,
+    "data-theme": n,
+    ...y,
+    children: o && /* @__PURE__ */ t(h, { loading: o, children: r }) || m
   }
 );
 export {