@altinn/altinn-components 0.9.1 → 0.10.1

package/dist/components/Timeline/Timeline.stories.js

@@ -0,0 +1,65 @@
+import "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { Timeline as e } from "./Timeline.js";
+const s = {
+  title: "Timeline/Timeline",
+  component: e,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    items: [
+      {
+        children: "Timeline section"
+      },
+      {
+        datetime: "2024-12-12 11:15",
+        dateline: "12. desember 2024",
+        children: "With byline"
+      },
+      {
+        size: "xs",
+        avatar: {
+          name: "Per Person"
+        },
+        datetime: "2024-12-12 11:15",
+        dateline: "12. desember 2024",
+        children: "XS avatar and byline"
+      },
+      {
+        size: "sm",
+        avatar: {
+          name: "Per Person"
+        },
+        datetime: "2024-12-12 11:15",
+        dateline: "12. desember 2024",
+        children: "Small avatar and byline"
+      },
+      {
+        size: "lg",
+        avatar: {
+          type: "company",
+          name: "Bergen bar"
+        },
+        byline: "Bergen bar",
+        datetime: "2024-12-12 11:15",
+        dateline: "12. desember 2024",
+        children: "Large avatar and byline"
+      }
+    ]
+  }
+}, d = {
+  args: {}
+}, o = {
+  args: {
+    items: [{}]
+  }
+};
+export {
+  o as ActivityLog,
+  d as Default,
+  s as default
+};

package/dist/components/Timeline/TimelineBase.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface TimelineBaseProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const TimelineBase: ({ className, children }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Timeline/TimelineBase.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import '../../assets/TimelineBase.css';const s = "_timeline_1o6zh_1", n = {
+  timeline: s
+}, r = ({ className: e, children: i }) => /* @__PURE__ */ t("div", { className: m(n.timeline, e), children: i });
+export {
+  r as TimelineBase
+};

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { AvatarProps, BylineSize, IconName } from '..';
+export interface TimelineSectionProps {
+    loading?: boolean;
+    seen?: boolean;
+    size?: BylineSize;
+    datetime?: string;
+    dateline?: string;
+    byline?: ReactNode;
+    avatar?: AvatarProps;
+    icon?: IconName;
+    children?: ReactNode;
+}
+export declare const TimelineSection: ({ loading, size, seen, datetime, dateline, byline, avatar, children, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Timeline/TimelineSection.js

@@ -0,0 +1,40 @@
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { Avatar as _ } from "../Avatar/Avatar.js";
+import "../RootProvider/RootProvider.js";
+import { Byline as p } from "../Byline/Byline.js";
+import '../../assets/TimelineSection.css';const u = "_section_1nusr_1", h = "_sidebar_1nusr_6", l = "_media_1nusr_19", N = "_dot_1nusr_26", v = "_border_1nusr_37", x = "_content_1nusr_52", o = {
+  section: u,
+  sidebar: h,
+  media: l,
+  dot: N,
+  border: v,
+  content: x
+}, k = ({
+  loading: e,
+  size: s = "xs",
+  seen: c = !0,
+  datetime: i,
+  dateline: n,
+  byline: t,
+  avatar: d,
+  children: m
+}) => /* @__PURE__ */ a("section", { className: o.section, "data-size": s, "data-seen": c, children: [
+  /* @__PURE__ */ a("aside", { className: o.sidebar, "data-size": s, children: [
+    (t || n) && /* @__PURE__ */ r("div", { className: o.media, "data-size": s, children: d && /* @__PURE__ */ r(_, { ...d, size: s }) || /* @__PURE__ */ r("div", { className: o.dot, "data-seen": c }) }),
+    /* @__PURE__ */ r("div", { className: o.border, "data-seen": c })
+  ] }),
+  /* @__PURE__ */ a("div", { className: o.content, "data-size": s, children: [
+    (t || n) && /* @__PURE__ */ a(p, { loading: e, datetime: i, size: s, children: [
+      t && /* @__PURE__ */ r("strong", { children: t && n ? t + ", " : t }),
+      n && /* @__PURE__ */ r("span", { children: n })
+    ] }),
+    m
+  ] })
+] });
+export {
+  k as TimelineSection
+};

package/dist/components/Timeline/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TimelineBase';
+export * from './TimelineSection';
+export * from './Timeline';

package/dist/components/Timeline/index.js

@@ -0,0 +1,8 @@
+import { TimelineBase as o } from "./TimelineBase.js";
+import { TimelineSection as r } from "./TimelineSection.js";
+import { Timeline as t } from "./Timeline.js";
+export {
+  t as Timeline,
+  o as TimelineBase,
+  r as TimelineSection
+};

package/dist/components/Toolbar/Toolbar.stories.js

@@ -1,66 +1,72 @@
 import { jsx as c } from "react/jsx-runtime";
-import f from "react";
-import { accountMenu as s } from "../../examples/accountMenu.js";
+import m from "react";
+import { accountMenu as o } from "../../examples/accountMenu.js";
 import "../../examples/globalMenu.js";
-import { inboxFilters as m, inboxStatusFilter as g } from "../../examples/inboxFilters.js";
-import { Toolbar as i } from "./Toolbar.js";
-const d = {
+import { inboxFilters as f, inboxStatusFilter as p } from "../../examples/inboxFilters.js";
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
+import { Toolbar as l } from "./Toolbar.js";
+const _ = {
   title: "Toolbar/Toolbar",
-  component: i,
+  component: l,
   tags: ["autodocs"],
   parameters: {},
   args: {
     showResultsLabel: "Vis alle treff"
   }
 };
-var o;
+var s;
 const r = {
   args: {
     accountMenu: {
-      ...s,
-      currentAccount: (o = s.accounts) == null ? void 0 : o[0]
+      ...o,
+      currentAccount: (s = o.accounts) == null ? void 0 : s[0]
     },
-    filters: m
+    filters: f
   }
-}, x = {
+}, k = {
   args: {
     ...r.args,
     getFilterLabel: (e, t) => Array.isArray(t) && t.length > 1 ? `${t.length} selected` : t
   }
-}, A = {
+}, y = {
   args: {
     ...r.args,
     filters: []
   }
 };
-var a, l;
-const C = {
+var a, i;
+const M = {
   args: {
-    filters: (l = (a = r == null ? void 0 : r.args) == null ? void 0 : a.filters) == null ? void 0 : l.map((e) => ({
+    filters: (i = (a = r == null ? void 0 : r.args) == null ? void 0 : a.filters) == null ? void 0 : i.map((e) => ({
       ...e,
       removable: !1
     }))
   }
-}, L = (e) => {
-  const [t, n] = f.useState({
+}, R = (e) => {
+  const [t, n] = m.useState({
     from: ["skatt", "brreg"]
   });
-  return /* @__PURE__ */ c(i, { ...e, filters: r.args.filters, filterState: t, onFilterStateChange: n });
-}, T = {
+  return /* @__PURE__ */ c(l, { ...e, filters: r.args.filters, filterState: t, onFilterStateChange: n });
+}, j = {
   args: {
     search: {
       name: "search",
       placeholder: "Søk etter filter"
     },
-    filters: [g]
+    filters: [p]
   }
 };
 export {
-  L as ControlledStateFilters,
-  x as CustomFilterLabel,
+  R as ControlledStateFilters,
+  k as CustomFilterLabel,
   r as Default,
-  T as FilterAndSearch,
-  A as NoFilters,
-  C as StaticFilters,
-  d as default
+  j as FilterAndSearch,
+  y as NoFilters,
+  M as StaticFilters,
+  _ as default
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -3,15 +3,15 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as a } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as d } from "./ToolbarButton.js";
+import { ToolbarButton as a } from "./ToolbarButton.js";
+import { useRootContext as d } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
 import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
 const k = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
-  const { currentId: i, toggleId: l, closeAll: p } = a(), s = () => l(t), e = i === t;
+  const { currentId: i, toggleId: l, closeAll: p } = d(), s = () => l(t), e = i === t;
   return /* @__PURE__ */ n(f, { expanded: e, children: [
-    /* @__PURE__ */ r(d, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
+    /* @__PURE__ */ r(a, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
     /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
   ] });
 };

package/dist/components/Toolbar/ToolbarAdd.js

@@ -3,16 +3,16 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as d } from "../RootProvider/RootProvider.js";
+import { Menu as d } from "../Menu/Menu.js";
 import { ToolbarButton as s } from "./ToolbarButton.js";
-import { ToolbarFilterBase as c } from "./ToolbarFilterBase.js";
-import { Menu as g } from "../Menu/Menu.js";
+import { useRootContext as c } from "../RootProvider/RootProvider.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as a } from "../Dropdown/DrawerOrDropdown.js";
 const D = ({ label: r = "Legg til", items: n, id: t }) => {
-  const { closeAll: m, currentId: l, toggleId: i } = d(), e = l === t;
-  return /* @__PURE__ */ p(c, { expanded: e, children: [
+  const { closeAll: m, currentId: l, toggleId: i } = c(), e = l === t;
+  return /* @__PURE__ */ p(g, { expanded: e, children: [
     /* @__PURE__ */ o(s, { type: "add", onToggle: () => i(t), children: r }),
-    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: m, open: e, children: /* @__PURE__ */ o(g, { theme: "global", items: n }) })
+    /* @__PURE__ */ o(a, { drawerTitle: r, onClose: m, open: e, children: /* @__PURE__ */ o(d, { theme: "global", items: n }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarDaterange.js

@@ -3,11 +3,11 @@ import { useState as p } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as F } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as x } from "./ToolbarButton.js";
-import { ToolbarFilterBase as S } from "./ToolbarFilterBase.js";
 import { MenuInputField as d } from "../Menu/MenuInputField.js";
-import { MenuBase as w } from "../Menu/MenuBase.js";
+import { MenuBase as F } from "../Menu/MenuBase.js";
+import { ToolbarButton as x } from "./ToolbarButton.js";
+import { useRootContext as S } from "../RootProvider/RootProvider.js";
+import { ToolbarFilterBase as w } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as y } from "../Dropdown/DrawerOrDropdown.js";
 import { Datepicker as q } from "../Datepicker/Datepicker.js";
 import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I = "_fields_mqb1p_6", N = "_description_mqb1p_10", i = {
@@ -23,16 +23,16 @@ import '../../assets/ToolbarDaterange.css';const B = "_datepicker_mqb1p_1", I =
   label: u = "Select daterange",
   value: b
 }) => {
-  const { currentId: T, toggleId: _ } = F(), l = () => _(c), m = T === c, [t, r] = p(""), [s, a] = p(""), k = (e) => {
+  const { currentId: T, toggleId: _ } = S(), l = () => _(c), m = T === c, [t, r] = p(""), [s, a] = p(""), k = (e) => {
     r(e.target.value);
   }, C = (e) => {
     a(e.target.value);
   }, v = (e) => {
     s ? (r(e), a("")) : t && e < t ? (a(t), r(e)) : t ? a(e) : r(e);
   };
-  return /* @__PURE__ */ n(S, { expanded: m, children: [
+  return /* @__PURE__ */ n(w, { expanded: m, children: [
     /* @__PURE__ */ o(x, { type: "switch", onToggle: l, active: !!b, children: u }),
-    /* @__PURE__ */ o(y, { open: m, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(w, { children: [
+    /* @__PURE__ */ o(y, { open: m, drawerTitle: f, onClose: l, children: /* @__PURE__ */ n(F, { children: [
       /* @__PURE__ */ n("div", { className: i.fields, children: [
         /* @__PURE__ */ o(
           d,

package/dist/components/Toolbar/ToolbarFilter.js

@@ -3,8 +3,8 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as j } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as B } from "./ToolbarButton.js";
+import { ToolbarButton as j } from "./ToolbarButton.js";
+import { useRootContext as B } from "../RootProvider/RootProvider.js";
 import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as O } from "../Dropdown/DrawerOrDropdown.js";
 import { ToolbarOptions as k } from "./ToolbarOptions.js";
@@ -22,7 +22,7 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
   optionType: A,
   id: c = `toolbar-filter-${t}`
 }) => {
-  const { currentId: h, toggleId: T, closeAll: u } = j(), w = (f ?? []).map(
+  const { currentId: h, toggleId: T, closeAll: u } = B(), w = (f ?? []).map(
     (i) => ({
       ...i,
       name: t,
@@ -31,7 +31,7 @@ const D = (p, o) => Array.isArray(o) ? o.join(", ") : o, H = ({
   ), x = (n == null ? void 0 : n(t, r)) ?? D(t, r), e = () => T(c), l = h === c;
   return /* @__PURE__ */ b(C, { expanded: l, children: [
     /* @__PURE__ */ s(
-      B,
+      j,
       {
         type: "select",
         removable: p,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -3,16 +3,16 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { useRootContext as u } from "../RootProvider/RootProvider.js";
+import { Menu as u } from "../Menu/Menu.js";
 import { ToolbarButton as f } from "./ToolbarButton.js";
-import { ToolbarFilterBase as b } from "./ToolbarFilterBase.js";
-import { Menu as g } from "../Menu/Menu.js";
+import { useRootContext as b } from "../RootProvider/RootProvider.js";
+import { ToolbarFilterBase as g } from "./ToolbarFilterBase.js";
 import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
 const v = ({ label: e, value: n, groups: l, search: m, items: i, id: r = "toolbar-menu" }) => {
-  const { currentId: p, toggleId: s, closeAll: a } = u(), c = () => s(r), t = p === r;
-  return /* @__PURE__ */ d(b, { expanded: t, children: [
+  const { currentId: p, toggleId: s, closeAll: a } = b(), c = () => s(r), t = p === r;
+  return /* @__PURE__ */ d(g, { expanded: t, children: [
     /* @__PURE__ */ o(f, { type: "switch", onToggle: c, active: !!n, children: e }),
-    /* @__PURE__ */ o(h, { open: t, drawerTitle: "Endre konto", onClose: a, children: /* @__PURE__ */ o(g, { theme: "global", defaultItemColor: "subtle", groups: l, search: m, items: i }) })
+    /* @__PURE__ */ o(h, { open: t, drawerTitle: "Endre konto", onClose: a, children: /* @__PURE__ */ o(u, { theme: "global", defaultItemColor: "subtle", groups: l, search: m, items: i }) })
   ] });
 };
 export {

package/dist/components/Toolbar/ToolbarSearch.js

@@ -4,8 +4,8 @@ import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import "../RootProvider/RootProvider.js";
 import { IconButton as m } from "../Button/IconButton.js";
+import "../RootProvider/RootProvider.js";
 import '../../assets/ToolbarSearch.css';const l = "_field_tw5fx_1", p = "_icon_tw5fx_5", f = "_input_tw5fx_14", _ = "_clear_tw5fx_30", o = {
   field: l,
   icon: p,

package/dist/components/Transmission/TransmissionItem.d.ts

@@ -1,7 +1,9 @@
-import { AttachmentSectionProps } from '../Attachment';
 import { AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
+import { DialogAttachmentsProps } from '../Dialog';
+import { TransmissionTypeProps } from './TransmissionType';
 export interface TransmissionItemProps {
+    type?: TransmissionTypeProps;
     loading?: boolean;
     expanded?: boolean;
     sender: AvatarProps;
@@ -11,6 +13,6 @@ export interface TransmissionItemProps {
     title?: string;
     description?: string | undefined;
     summary?: string;
-    attachments?: AttachmentSectionProps;
+    attachments?: DialogAttachmentsProps;
 }
-export declare const TransmissionItem: ({ loading, sender, createdAt, createdAtLabel, badge, title, description, summary, attachments, }: TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransmissionItem: ({ type, loading, sender, createdAt, createdAtLabel, title, description, summary, attachments, }: TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Transmission/TransmissionItem.js

@@ -1,53 +1,66 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import { useState as s } from "react";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { useState as v } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Typography as x } from "../Typography/Typography.js";
-import { AttachmentSection as b } from "../Attachment/AttachmentSection.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { MetaTimestamp as T } from "../Meta/MetaTimestamp.js";
 import "../RootProvider/RootProvider.js";
-import { ListItem as u } from "../List/ListItem.js";
-import '../../assets/TransmissionItem.css';const v = "_body_1m345_1", z = {
-  body: v
+import { ListItem as b } from "../List/ListItem.js";
+import { MetaTimestamp as z } from "../Meta/MetaTimestamp.js";
+import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
+import '../../assets/TransmissionItem.css';const T = "_body_1m345_1", k = {
+  body: T
 }, N = ({
-  loading: c,
+  type: i,
+  loading: g,
   sender: o,
-  createdAt: p,
-  createdAtLabel: l,
-  badge: r,
-  title: n,
-  description: g,
-  summary: h,
-  attachments: a
+  createdAt: t,
+  createdAtLabel: h,
+  title: r,
+  description: c,
+  summary: s,
+  attachments: n
 }) => {
-  const [t, y] = s(!1);
-  return /* @__PURE__ */ i(
-    u,
+  const [m, f] = v(!1), p = () => {
+    f((u) => !u);
+  };
+  return (i == null ? void 0 : i.value) === "draft" ? /* @__PURE__ */ a(
+    b,
     {
       as: "button",
-      expanded: t,
-      onClick: () => {
-        y((f) => !f);
-      },
+      color: "transparent",
+      variant: "dotted",
+      size: "sm",
+      icon: "pencil",
+      title: r,
+      description: c,
+      badge: { label: i == null ? void 0 : i.label },
+      linkIcon: "chevron-right"
+    }
+  ) : /* @__PURE__ */ a(
+    b,
+    {
+      as: "button",
+      expanded: m,
+      onClick: p,
       size: "sm",
       avatar: {
         type: o == null ? void 0 : o.type,
         imageUrl: o == null ? void 0 : o.imageUrl,
         name: o == null ? void 0 : o.name
       },
-      title: n,
-      description: t ? "" : g,
-      badge: r,
-      linkIcon: t ? "chevron-down" : "chevron-up",
-      children: t && /* @__PURE__ */ m("div", { className: z.body, children: [
-        p && /* @__PURE__ */ m(T, { loading: c, datetime: p, size: "xs", children: [
-          o && /* @__PURE__ */ i("strong", { children: (o == null ? void 0 : o.name) + ", " }),
-          l
+      title: r,
+      description: m ? "" : c,
+      badge: { label: i == null ? void 0 : i.label },
+      linkIcon: m ? "chevron-down" : "chevron-up",
+      children: m && /* @__PURE__ */ l("div", { className: k.body, children: [
+        t && /* @__PURE__ */ l(z, { loading: g, datetime: t, size: "xs", children: [
+          o && /* @__PURE__ */ a("strong", { children: (o == null ? void 0 : o.name) + ", " }),
+          h
         ] }),
-        /* @__PURE__ */ m(x, { size: "lg", children: [
-          /* @__PURE__ */ i("p", { children: h }),
-          a && /* @__PURE__ */ i(b, { ...a })
+        /* @__PURE__ */ l(x, { size: "lg", children: [
+          /* @__PURE__ */ a("p", { children: s }),
+          n && /* @__PURE__ */ a(I, { ...n })
         ] })
       ] })
     }

package/dist/components/Transmission/TransmissionItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ loading, sender, createdAt, createdAtLabel, badge, title, description, summary, attachments, }: import('./TransmissionItem').TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, loading, sender, createdAt, createdAtLabel, title, description, summary, attachments, }: import('./TransmissionItem').TransmissionItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/components/Transmission/TransmissionList.js

@@ -3,8 +3,8 @@ import { createElement as i } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { TransmissionItem as e } from "./TransmissionItem.js";
 import "../RootProvider/RootProvider.js";
+import { TransmissionItem as e } from "./TransmissionItem.js";
 import { ListBase as n } from "../List/ListBase.js";
 const x = ({ items: r }) => r.length ? /* @__PURE__ */ o(n, { children: r.map((t, m) => /* @__PURE__ */ i(e, { ...t, key: m })) }) : null;
 export {

package/dist/components/Transmission/TransmissionList.stories.d.ts

@@ -5,49 +5,7 @@ declare const meta: {
     tags: string[];
     parameters: {};
     args: {
-        items: ({
-            createdAt: string;
-            createdAtLabel: string;
-            badge: {
-                label: string;
-            };
-            sender: {
-                name: string;
-                type: "company";
-                imageUrl: string;
-            };
-            title: string;
-            description: string;
-            summary: string;
-            attachments: {
-                title: string;
-                items: {
-                    href: string;
-                    label: string;
-                }[];
-            };
-        } | {
-            createdAt: string;
-            createdAtLabel: string;
-            sender: {
-                name: string;
-                type?: undefined;
-                imageUrl?: undefined;
-            };
-            badge: {
-                label: string;
-            };
-            title: string;
-            description: string;
-            summary: string;
-            attachments: {
-                title: string;
-                items: {
-                    href: string;
-                    label: string;
-                }[];
-            };
-        })[];
+        items: import('./TransmissionItem').TransmissionItemProps[];
     };
 };
 export default meta;