@altinn/altinn-components 0.7.5 → 0.8.1

package/dist/components/Transmission/TransmissionSection.stories.js

@@ -0,0 +1,184 @@
+import { TransmissionSection as e } from "./TransmissionSection.js";
+const r = {
+  title: "Transmission/TransmissionSection",
+  component: e,
+  tags: ["autodocs"],
+  parameters: {},
+  args: {
+    title: "6 forsendelser",
+    items: [
+      {
+        createdAt: "1999-01-01",
+        createdAtLabel: "Skatteetaten, 1. mars 2024",
+        sender: {
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        badge: {
+          label: "Godkjent, med feil"
+        },
+        title: "Leveransen er godkjent, men inneholder feil",
+        summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
+        attachments: {
+          title: "2 vedlegg",
+          items: [
+            {
+              label: "Dokument 1.pdf",
+              href: ""
+            },
+            {
+              label: "Dokument 2.pdf",
+              href: ""
+            }
+          ]
+        }
+      },
+      {
+        sender: {
+          name: "Per Olav Olsen"
+        },
+        title: "Tredjepartsopplysninger ble levert",
+        createdAtLabel: "1. mars 2024",
+        summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
+      },
+      {
+        createdAt: "1999-01-01",
+        createdAtLabel: "Skatteetaten, 1. mars 2024",
+        sender: {
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        badge: {
+          label: "Godkjent"
+        },
+        title: "Leveransen er godkjent",
+        summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
+        attachments: {
+          title: "2 vedlegg",
+          items: [
+            {
+              label: "Dokument 1.pdf",
+              href: ""
+            },
+            {
+              label: "Dokument 2.pdf",
+              href: ""
+            }
+          ]
+        }
+      },
+      {
+        sender: {
+          name: "Kari Susanne Pettersen"
+        },
+        title: "Tredjepartsopplysninger ble levert",
+        createdAtLabel: "1. mars 2024",
+        summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
+      },
+      {
+        createdAt: "1999-01-01",
+        createdAtLabel: "Skatteetaten, 1. mars 2024",
+        sender: {
+          type: "company",
+          name: "Skatteetaten",
+          imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+        },
+        badge: {
+          label: "Avvist"
+        },
+        title: "Leveransen er avvist",
+        summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
+        attachments: {
+          title: "2 vedlegg",
+          items: [
+            {
+              label: "Dokument 1.pdf",
+              href: ""
+            },
+            {
+              label: "Dokument 2.pdf",
+              href: ""
+            }
+          ]
+        }
+      },
+      {
+        sender: {
+          name: "Siren Søftebø"
+        },
+        title: "Tredjepartsopplysninger ble levert",
+        createdAtLabel: "1. mars 2024",
+        summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
+      }
+    ]
+  }
+}, n = {
+  args: {}
+}, t = {
+  args: {
+    toolbar: {
+      search: {
+        label: "Søk i forsendelser",
+        placeholder: "Søk i forsendelser"
+      }
+    }
+  }
+}, l = {
+  args: {
+    toolbar: {
+      ...t.args.toolbar,
+      filters: [
+        {
+          name: "type",
+          label: "Alle typer",
+          optionType: "checkbox",
+          options: [
+            {
+              groupId: "1",
+              label: "Innsending",
+              value: "submission"
+            },
+            {
+              groupId: "1",
+              label: "Rettelse",
+              value: "correction"
+            },
+            {
+              groupId: "2",
+              label: "Godkjent",
+              value: "acceptance"
+            },
+            {
+              groupId: "2",
+              label: "Avvist",
+              value: "rejection"
+            },
+            {
+              groupId: "3",
+              label: "Avgjørelse",
+              value: "decisision"
+            },
+            {
+              groupId: "3",
+              label: "Forespørsel",
+              value: "request"
+            },
+            {
+              groupId: "4",
+              label: "Varsel",
+              value: "alert"
+            }
+          ]
+        }
+      ]
+    }
+  }
+};
+export {
+  n as Default,
+  l as WithFilters,
+  t as WithSearch,
+  r as default
+};

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

@@ -0,0 +1,3 @@
+export * from './TransmissionItem';
+export * from './TransmissionList';
+export * from './TransmissionSection';

package/dist/components/Transmission/index.js

@@ -0,0 +1,8 @@
+import { TransmissionItem as r } from "./TransmissionItem.js";
+import { TransmissionList as m } from "./TransmissionList.js";
+import { TransmissionSection as t } from "./TransmissionSection.js";
+export {
+  r as TransmissionItem,
+  m as TransmissionList,
+  t as TransmissionSection
+};

package/dist/components/Typography/Heading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type HeadingSize = 'sm' | 'md' | 'lg';
+export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg';
 export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export interface HeadingProps {
     as?: HeadingComponent;

package/dist/components/Typography/Heading.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as o } from "../../index-L8X2o7IH.js";
-import '../../assets/Heading.css';const i = "_heading_1kfgw_1", c = {
+import '../../assets/Heading.css';const i = "_heading_1ay9p_1", c = {
   heading: i
-}, m = ({ as: s = "h2", size: a = "md", className: e, children: n }) => /* @__PURE__ */ t(s, { className: o(c.heading, e), "data-size": a, children: n });
+}, g = ({ as: a = "h2", size: s = "md", className: e, children: n }) => /* @__PURE__ */ t(a, { className: o(c.heading, e), "data-size": s, children: n });
 export {
-  m as Heading
+  g as Heading
 };

package/dist/components/Typography/Typography.d.ts

@@ -7,5 +7,6 @@ export interface TypographyProps {
     theme?: LayoutTheme;
     className?: string;
     children?: ReactNode;
+    href?: string;
 }
-export declare const Typography: ({ as, size, theme, className, children }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ as, size, theme, className, children, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/Typography.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
-import '../../assets/Typography.css';const m = "_typography_rbtyp_1", s = "_item_rbtyp_7", n = {
-  typography: m,
-  item: s
-}, _ = ({ as: t = "div", size: o = "md", theme: p, className: r, children: y }) => /* @__PURE__ */ a(t, { className: e(n.typography, r), "data-size": o, "data-theme": p, children: y });
+import { jsx as e } from "react/jsx-runtime";
+import { c as m } from "../../index-L8X2o7IH.js";
+import '../../assets/Typography.css';const s = "_typography_rbtyp_1", n = "_item_rbtyp_7", c = {
+  typography: s,
+  item: n
+}, g = ({ as: t = "div", size: o = "md", theme: p, className: r, children: y, ...a }) => /* @__PURE__ */ e(t, { className: m(c.typography, r), "data-size": o, "data-theme": p, ...a, children: y });
 export {
-  _ as Typography
+  g as Typography
 };

package/dist/components/index.d.ts

@@ -21,4 +21,5 @@ export * from './Searchbar';
 export * from './Snackbar';
 export * from './Toolbar';
 export * from './Page';
+export * from './Transmission';
 export * from './Typography';