@altinn/altinn-components 0.10.2 → 0.10.4

package/dist/components/Menu/MenuItem.stories.js

@@ -1,138 +0,0 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
-import { fn as i } from "@storybook/test";
-import { LayoutBase as l } from "../Layout/LayoutBase.js";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../Icon/SvgIcon.js";
-import "../Autocomplete/AutocompleteBase.js";
-import { MenuItem as o } from "./MenuItem.js";
-import { MenuBase as p } from "./MenuBase.js";
-import { MetaItem as m } from "../Meta/MetaItem.js";
-import "../RootProvider/RootProvider.js";
-const I = {
-  title: "Menu/MenuItem",
-  component: o,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    id: "inbox",
-    onClick: i()
-  }
-}, A = {
-  args: {
-    icon: "inbox",
-    title: "Innboks"
-  }
-}, C = {
-  args: {
-    icon: "inbox",
-    title: "Innboks",
-    badge: {
-      label: "4"
-    }
-  }
-}, G = {
-  args: {
-    size: "lg",
-    icon: "inbox",
-    title: "Innboks",
-    color: "strong"
-  }
-}, M = {
-  args: {
-    size: "lg",
-    icon: "inbox",
-    title: "Innboks",
-    color: "strong",
-    badge: {
-      color: "alert",
-      label: "4"
-    }
-  }
-}, c = {
-  args: {
-    avatar: {
-      type: "person",
-      name: "Eirik Horneland"
-    },
-    title: "Eirik Horneland"
-  }
-}, z = {
-  args: {
-    avatarGroup: {
-      items: [
-        {
-          type: "person",
-          name: "Eirik Horneland"
-        },
-        {
-          type: "person",
-          name: "Japhet Sery Larsen"
-        },
-        {
-          type: "person",
-          name: "Aune Heggebø"
-        }
-      ]
-    },
-    title: "3 personer"
-  }
-}, g = {
-  args: {
-    avatar: {
-      type: "company",
-      name: "Sportsklubben Brann"
-    },
-    title: "Sportsklubben Brann"
-  }
-}, H = {
-  args: {
-    avatarGroup: {
-      defaultType: "company",
-      items: [
-        {
-          name: "Sportsklubben Brann"
-        },
-        {
-          name: "Bergen Næringsråd"
-        },
-        {
-          name: "Bergen bar"
-        }
-      ]
-    },
-    title: "3 virksomheter"
-  }
-}, S = {
-  args: {
-    ...c.args,
-    size: "lg",
-    description: "Født: XX.XX.XXXX"
-  }
-}, E = {
-  args: {
-    ...g.args,
-    size: "lg",
-    description: "Org nr.: XX.XX.XXXX"
-  }
-}, L = () => {
-  const t = ["global", "neutral", "company", "person", "global-dark"], a = ["neutral", "subtle", "strong", "company", "person"];
-  return /* @__PURE__ */ n("div", { style: { display: "flex", width: "100%" }, children: t.map((e) => /* @__PURE__ */ n("div", { style: { flexGrow: 1 }, children: /* @__PURE__ */ n(l, { theme: e, children: /* @__PURE__ */ n(p, { children: a.map((r) => /* @__PURE__ */ s("div", { children: [
-    /* @__PURE__ */ n(o, { icon: "inbox", title: "Title", color: r, id: "inbox" }),
-    /* @__PURE__ */ n(m, { children: e + "/" + r })
-  ] }, r)) }) }) }, e)) });
-};
-export {
-  M as AlertBadge,
-  g as Company,
-  E as CompanyAccount,
-  H as CompanyGroup,
-  A as Default,
-  C as DefaultBadge,
-  G as Large,
-  c as Person,
-  S as PersonAccount,
-  z as PersonGroup,
-  L as ThemesAndColors,
-  I as default
-};

package/dist/components/Menu/MenuItems.stories.js

@@ -1,338 +0,0 @@
-import { menuItems as i } from "../../examples/menuItems.js";
-import { MenuItems as r } from "./MenuItems.js";
-const n = {
-  title: "Menu/MenuItems",
-  component: r,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {}
-}, s = {
-  args: {
-    groups: {
-      shortcuts: {
-        title: "Snarveier",
-        defaultItemColor: "neutral"
-      }
-    },
-    defaultItemColor: "subtle",
-    items: [
-      {
-        id: "innboks",
-        groupId: "1",
-        size: "lg",
-        icon: "inbox",
-        title: "Innboks",
-        color: "strong",
-        badge: { color: "alert", label: "4" }
-      },
-      {
-        id: "utkast",
-        groupId: "2",
-        icon: "doc-pencil",
-        title: "Utkast",
-        badge: {
-          label: "3"
-        }
-      },
-      {
-        id: "sendt",
-        groupId: "2",
-        icon: "file-checkmark",
-        selected: !0,
-        title: "Sendt",
-        badge: {
-          label: "2"
-        }
-      },
-      {
-        id: "lagret",
-        groupId: "3",
-        icon: "bookmark",
-        title: "Lagrede søk",
-        badge: {
-          label: "5"
-        }
-      },
-      {
-        id: "arkivert",
-        groupId: "4",
-        icon: "archive",
-        title: "Arkivert",
-        badge: {
-          label: "100+"
-        }
-      },
-      {
-        id: "papirkurv",
-        groupId: "4",
-        disabled: !0,
-        icon: "trash",
-        title: "Papirkurv",
-        badge: {
-          label: "45"
-        }
-      },
-      {
-        id: "users",
-        groupId: "shortcuts",
-        icon: "person-group",
-        title: "Brukere"
-      },
-      {
-        id: "settings",
-        groupId: "shortcuts",
-        icon: "cog",
-        title: "Innstillinger"
-      }
-    ]
-  }
-}, a = {
-  args: {
-    groups: {},
-    defaultItemColor: "subtle",
-    items: [
-      {
-        id: "person",
-        groupId: "1",
-        size: "lg",
-        avatar: {
-          type: "person",
-          name: "Erik Huseklepp"
-        },
-        title: "Erik Huseklepp"
-      },
-      {
-        id: "profil",
-        groupId: "2",
-        icon: "person-circle",
-        title: "Kontaktinformasjon"
-      },
-      {
-        id: "varslinger",
-        groupId: "2",
-        icon: "bell",
-        title: "Varslingsinnstillinger"
-      },
-      {
-        id: "bookmarks",
-        groupId: "3",
-        icon: "bookmark",
-        title: "Favoritter"
-      },
-      {
-        id: "grupper",
-        groupId: "3",
-        icon: "hexagon-grid",
-        title: "Grupper"
-      },
-      {
-        id: "logg",
-        groupId: "4",
-        icon: "clock-dashed",
-        title: "Aktivitetslogg"
-      }
-    ]
-  }
-}, d = {
-  args: {
-    groups: {},
-    defaultItemColor: "subtle",
-    items: [
-      {
-        id: "company",
-        groupId: "1",
-        size: "lg",
-        avatar: {
-          type: "company",
-          name: "Bergen Bar"
-        },
-        title: "Bergen Bar"
-      },
-      {
-        id: "profil",
-        groupId: "2",
-        icon: "buildings2",
-        title: "Firmaprofil"
-      },
-      {
-        id: "brukere",
-        groupId: "3",
-        icon: "person-group",
-        title: "Brukere"
-      },
-      {
-        id: "grupper",
-        groupId: "3",
-        icon: "hexagon-grid",
-        title: "Grupper"
-      },
-      {
-        id: "logg",
-        groupId: "4",
-        icon: "clock-dashed",
-        title: "Aktivitetslogg"
-      }
-    ]
-  }
-}, g = {
-  args: {
-    groups: {
-      a1: {
-        title: "Deg selv, favoritter og grupper"
-      },
-      b1: {
-        title: "Andre kontoer"
-      }
-    },
-    items: i
-  }
-}, t = {
-  args: {
-    defaultItemColor: "subtle",
-    groups: {
-      settings: {
-        defaultItemColor: "neutral"
-      }
-    },
-    items: [
-      {
-        id: "account",
-        groupId: "account",
-        size: "lg",
-        avatar: {
-          type: "person",
-          name: "Herman Friele"
-        },
-        title: "Herman Friele",
-        description: "Fødselsnr: XX.XX.XXXX"
-      },
-      {
-        id: "innboks",
-        groupId: "apps",
-        size: "lg",
-        icon: "inbox",
-        title: "Innboks",
-        collapsible: !0,
-        items: [
-          {
-            id: "utkast",
-            groupId: "1",
-            icon: "doc-pencil",
-            title: "Utkast"
-          },
-          {
-            id: "sent",
-            groupId: "1",
-            icon: "file-checkmark",
-            selected: !0,
-            title: "Sendt"
-          },
-          {
-            id: "bookmarks",
-            groupId: "3",
-            icon: "bookmark",
-            title: "Lagrede søk"
-          },
-          {
-            id: "arkiv",
-            groupId: "4",
-            icon: "archive",
-            title: "Arkivert"
-          },
-          {
-            id: "trash",
-            groupId: "4",
-            icon: "trash",
-            title: "Papirkurv"
-          }
-        ]
-      },
-      {
-        id: "tilganger",
-        groupId: "apps",
-        size: "lg",
-        icon: "bookmark",
-        title: "Tilganger"
-      },
-      {
-        id: "skjema",
-        groupId: "apps",
-        size: "lg",
-        icon: "menu-grid",
-        title: "Alle skjema"
-      },
-      {
-        id: "settings",
-        groupId: "settings",
-        icon: "cog",
-        title: "Innstillinger"
-      }
-    ]
-  }
-}, u = {
-  args: {
-    ...t.args,
-    items: [...t.args.items].map((e) => e.collapsible ? {
-      ...e,
-      expanded: !0
-    } : e)
-  }
-}, p = {
-  args: {
-    defaultItemColor: "subtle",
-    groups: {
-      "level-1": {
-        divider: !0
-      },
-      "level-2": {
-        divider: !0
-      }
-    },
-    items: [
-      {
-        id: "people",
-        groupId: "level-1",
-        size: "lg",
-        icon: "menu-grid",
-        title: "Alle skjema",
-        expanded: !0,
-        items: [
-          {
-            groupId: "level-2",
-            id: "tema",
-            icon: "teddy-bear",
-            title: "Tema",
-            expanded: !0,
-            items: [
-              {
-                id: "c1",
-                groupId: "level-3",
-                title: "Kategori 1"
-              },
-              {
-                groupId: "level-3",
-                id: "c2",
-                title: "Kategori 2"
-              },
-              {
-                groupId: "level-3",
-                id: "c3",
-                title: "Kategori 3"
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  }
-};
-export {
-  g as AccountMenu,
-  t as CollapsibleGlobalMenu,
-  d as CompanyMenu,
-  p as DrilldownMenu,
-  u as ExpandedGlobalMenu,
-  s as InboxMenu,
-  a as PersonMenu,
-  n as default
-};

package/dist/components/Menu/MenuOption.stories.js

@@ -1,46 +0,0 @@
-import { MenuOption as e } from "./MenuOption.js";
-const s = {
-  title: "Menu/MenuOption",
-  component: e,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    value: "",
-    label: "Label"
-  }
-}, c = {
-  args: {
-    type: "checkbox",
-    title: "Title",
-    size: "sm",
-    checked: !1
-  }
-}, o = {
-  args: {
-    type: "checkbox",
-    title: "Title",
-    size: "sm",
-    checked: !0
-  }
-}, a = {
-  args: {
-    type: "radio",
-    title: "Title",
-    size: "sm",
-    checked: !1
-  }
-}, i = {
-  args: {
-    type: "radio",
-    title: "Title",
-    size: "sm",
-    checked: !0
-  }
-};
-export {
-  c as Checkbox,
-  o as CheckboxChecked,
-  a as Radio,
-  i as RadioChecked,
-  s as default
-};

package/dist/components/Menu/MenuSearch.stories.js

@@ -1,16 +0,0 @@
-import { MenuSearch as e } from "./MenuSearch.js";
-const t = {
-  title: "Menu/MenuSearch",
-  component: e,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    name: "search"
-  }
-}, r = {
-  args: {}
-};
-export {
-  r as Default,
-  t as default
-};

package/dist/components/Meta/MetaItem.stories.js

@@ -1,21 +0,0 @@
-import { MetaItem as t } from "./MetaItem.js";
-const a = {
-  title: "Meta/MetaItem",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered"
-  },
-  args: {
-    children: "Label"
-  }
-}, o = {
-  args: {}
-}, c = {
-  args: { icon: "clock-dashed" }
-};
-export {
-  o as Default,
-  c as Icon,
-  a as default
-};

package/dist/components/Meta/MetaList.stories.js

@@ -1,26 +0,0 @@
-import { MetaList as t } from "./MetaList.js";
-const e = {
-  title: "Meta/MetaList",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {
-    items: [
-      {
-        label: "Meta 1"
-      },
-      {
-        label: "Meta 2"
-      },
-      {
-        label: "Meta 3"
-      }
-    ]
-  }
-}, s = {
-  args: {}
-};
-export {
-  s as Default,
-  e as default
-};

package/dist/components/Meta/MetaProgress.stories.js

@@ -1,25 +0,0 @@
-import { MetaProgress as e } from "./MetaProgress.js";
-const s = {
-  title: "Meta/MetaProgress",
-  component: e,
-  tags: ["autodocs"],
-  parameters: {
-    layout: "centered"
-  },
-  args: {}
-}, t = {
-  args: {
-    progress: 75,
-    children: "Under arbeid"
-  }
-}, o = {
-  args: {
-    progress: 100,
-    children: "Avsluttet"
-  }
-};
-export {
-  t as InProgress,
-  o as ProgressComplete,
-  s as default
-};

package/dist/components/Meta/MetaTimestamp.stories.js

@@ -1,29 +0,0 @@
-import { MetaTimestamp as t } from "./MetaTimestamp.js";
-const e = {
-  title: "Meta/MetaTimestamp",
-  component: t,
-  tags: ["autodocs"],
-  parameters: {
-    //    layout: "fullscreen",
-  },
-  args: {
-    children: "26. mai 1999",
-    datetime: "1999-05-26"
-  }
-}, i = {
-  args: {
-    children: "26. mai 1999",
-    datetime: "1999-05-26"
-  }
-}, m = {
-  args: {
-    icon: "clock",
-    children: "Frist: 26. mai 1999",
-    datetime: "1999-05-26"
-  }
-};
-export {
-  i as Default,
-  m as Icon,
-  e as default
-};

package/dist/components/Page/PageBase.stories.js

@@ -1,54 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import { Typography as t } from "../Typography/Typography.js";
-import "react";
-import "../Autocomplete/AutocompleteBase.js";
-import { Button as s } from "../Button/Button.js";
-import "../RootProvider/RootProvider.js";
-import { Byline as g } from "../Byline/Byline.js";
-import { PageBase as i } from "./PageBase.js";
-import { PageNav as o } from "./PageNav.js";
-import { PageHeader as a } from "./PageHeader.js";
-import { Section as n } from "./Section.js";
-import { Article as l } from "./Article.js";
-import { nav as m } from "../../examples/avatar/nav.js";
-const A = {
-  title: "Page/PageBase",
-  component: i,
-  tags: ["autodocs"],
-  parameters: {},
-  args: {}
-}, N = () => /* @__PURE__ */ r(i, { color: "subtle", shadow: "xs", children: [
-  /* @__PURE__ */ e(o, { padding: "sm" }),
-  /* @__PURE__ */ e(l, { padding: "lg", children: /* @__PURE__ */ e(a, { title: "Article", children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Some text" }) }) }) })
-] }), w = () => /* @__PURE__ */ r(i, { spacing: "lg", children: [
-  /* @__PURE__ */ r(n, { color: "subtle", shadow: "xs", children: [
-    /* @__PURE__ */ e(o, { padding: "sm" }),
-    /* @__PURE__ */ e(a, { avatar: { name: "Zulu Salamander" }, title: "Zulu Salamander", padding: "lg", children: "Tabs?" })
-  ] }),
-  /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Lorem ipsum dolor sit amet" }) }) })
-] }), z = () => /* @__PURE__ */ r(i, { spacing: "lg", children: [
-  /* @__PURE__ */ e(o, {}),
-  /* @__PURE__ */ r(l, { spacing: "lg", children: [
-    /* @__PURE__ */ r(a, { icon: "teddy-bear", title: "Barneoppdragelse i hjemmet", children: [
-      /* @__PURE__ */ e(t, { size: "lg", children: "Når du har unger som ikke gjør som du sier kan du bruke dette skjemaet." }),
-      /* @__PURE__ */ r(g, { avatar: m, children: [
-        /* @__PURE__ */ e("strong", { children: "NAV, " }),
-        " 14. oktober 2024"
-      ] }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(s, { children: "Start skjema" }) })
-    ] }),
-    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ r(t, { size: "lg", children: [
-      /* @__PURE__ */ e("p", { children: "Barneoppdragelse i hjemmet handler om å skape en balanse mellom kjærlighet, grenser og respekt. Det er viktig å vise barna ubetinget kjærlighet og støtte, samtidig som man setter tydelige og konsistente grenser som hjelper dem å forstå hva som er akseptabel oppførsel." }),
-      /* @__PURE__ */ e("h2", { children: "Nøkkelen" }),
-      /* @__PURE__ */ e("p", { children: "Kommunikasjon er nøkkelen: lytte til barnas tanker og følelser, og gi dem mulighet til å uttrykke seg, samtidig som man forklarer hvorfor regler og forventninger finnes. Positiv forsterkning, som ros og anerkjennelse av gode handlinger, fremmer ønsket adferd, mens konstruktiv veiledning bør erstatte streng straff. Ved å være en god rollemodell og skape et trygt, strukturert og kjærlig miljø, gir man barna de beste forutsetninger for å utvikle seg til trygge, ansvarlige og empatiske individer." })
-    ] }) })
-  ] })
-] });
-export {
-  z as ArticlePage,
-  N as DialogPage,
-  w as ProfilePage,
-  A as default
-};