@altinn/altinn-components 0.7.4 → 0.8.0

package/dist/Autocomplete-DQCs4_zv.js

@@ -0,0 +1,368 @@
+"use client";
+import { jsx as t, jsxs as f, Fragment as q } from "react/jsx-runtime";
+import { Fragment as V, forwardRef as J, createElement as O } from "react";
+import { useMenu as A } from "./hooks/useMenu.js";
+import { AutocompleteBase as U } from "./components/Searchbar/AutocompleteBase.js";
+import { AutocompleteGroup as W } from "./components/Searchbar/AutocompleteGroup.js";
+import { c as C } from "./index-L8X2o7IH.js";
+import "./components/Icon/SvgIcon.js";
+import { useRootContext as X } from "./components/RootProvider/RootProvider.js";
+import { ListItemBase as Y } from "./components/List/ListItemBase.js";
+import { Badge as Z } from "./components/Badge/Badge.js";
+import { MenuItem as K } from "./components/Menu/MenuItem.js";
+import { MenuHeader as z } from "./components/Menu/MenuHeader.js";
+import { MenuList as P, MenuListItem as $ } from "./components/Menu/MenuBase.js";
+import { IconButton as tt } from "./components/Button/IconButton.js";
+import { DropdownBase as et } from "./components/Dropdown/DropdownBase.js";
+import { Icon as nt } from "./components/Icon/Icon.js";
+import { ListItemLabel as G } from "./components/List/ListItemLabel.js";
+import { ListItemMedia as ot } from "./components/List/ListItemMedia.js";
+import { ListItemSelect as rt } from "./components/List/ListItemSelect.js";
+import { DialogBorder as g } from "./components/Dialog/DialogBorder.js";
+import { DialogMetadata as H } from "./components/Dialog/DialogMetadata.js";
+import { DialogHeaderBase as at } from "./components/Dialog/DialogHeaderBase.js";
+import { DialogHeadings as st } from "./components/Dialog/DialogHeadings.js";
+import { DialogTitle as ct } from "./components/Dialog/DialogTitle.js";
+import { DialogTouchedBy as mt } from "./components/Dialog/DialogTouchedBy.js";
+import { DialogSelect as it } from "./components/Dialog/DialogSelect.js";
+import { DialogDescription as lt } from "./components/Dialog/DialogDescription.js";
+import { QueryLabel as dt } from "./components/Bookmarks/QueryLabel.js";
+import './assets/Autocomplete.css';const ut = ({ size: e = "sm", title: n, description: o, params: a, ...c }) => /* @__PURE__ */ t(v, { size: e, title: n, linkIcon: "chevron-right", ...c, children: !n && /* @__PURE__ */ t(dt, { params: a }) }), _t = "_toggle_ya7jy_1", ht = "_button_ya7jy_5", pt = "_icon_ya7jy_14", ft = "_dropdown_ya7jy_18", E = {
+  toggle: _t,
+  button: ht,
+  icon: pt,
+  dropdown: ft
+}, It = ({
+  size: e = "sm",
+  placement: n = "right",
+  expanded: o = !1,
+  className: a,
+  onToggle: c,
+  children: m
+}) => /* @__PURE__ */ f("div", { className: C(E.toggle, a), "data-theme": "neutral", children: [
+  /* @__PURE__ */ t(
+    tt,
+    {
+      className: E.button,
+      size: e,
+      icon: "menu-elipsis-horizontal",
+      iconSize: "md",
+      variant: "text",
+      color: "secondary",
+      onClick: c
+    }
+  ),
+  /* @__PURE__ */ t(et, { className: E.dropdown, placement: n, expanded: o, children: m })
+] }), R = ({
+  id: e = "context-menu",
+  placement: n = "right",
+  size: o,
+  groups: a = {},
+  className: c,
+  items: m
+}) => {
+  const { currentId: l, toggleId: s } = X();
+  return /* @__PURE__ */ t(
+    It,
+    {
+      size: o,
+      placement: n,
+      className: c,
+      expanded: l === e,
+      onToggle: () => s(e),
+      children: /* @__PURE__ */ t(Q, { groups: a, items: m })
+    }
+  );
+}, yt = "_controls_n31lc_1", xt = "_linkText_n31lc_11", bt = "_linkIcon_n31lc_16", j = {
+  controls: yt,
+  linkText: xt,
+  linkIcon: bt
+}, kt = ({ badge: e, linkText: n, linkIcon: o, menu: a, children: c }) => /* @__PURE__ */ t("div", { className: j.controls, "data-menu": a && !0, children: c || /* @__PURE__ */ f(q, { children: [
+  e && /* @__PURE__ */ t(Z, { ...e }),
+  n && /* @__PURE__ */ t("span", { className: j.linkText, children: n }),
+  o && /* @__PURE__ */ t(nt, { name: o, className: j.linkIcon }),
+  a && /* @__PURE__ */ t(R, { ...a, className: j.menu })
+] }) }), Nt = "_menu_1u5v2_1", vt = {
+  menu: Nt
+}, Bt = ({ id: e = "list-item-menu", ...n }) => /* @__PURE__ */ t(R, { ...n, id: e, placement: "right", className: vt.menu }), Lt = "_header_pqany_1", Mt = "_link_pqany_8", F = {
+  header: Lt,
+  link: Mt
+}, Dt = ({
+  as: e,
+  loading: n,
+  disabled: o,
+  select: a,
+  href: c,
+  onClick: m,
+  onKeyPress: l,
+  tabIndex: s,
+  collapsible: u,
+  expanded: i,
+  size: d = "sm",
+  color: h,
+  title: I,
+  description: p,
+  icon: _,
+  avatar: b,
+  avatarGroup: N,
+  linkIcon: r,
+  linkText: y,
+  badge: x,
+  menu: B,
+  controls: L,
+  className: M,
+  children: D
+}) => {
+  const w = e || "button", T = u && i ? "chevron-up" : u ? "chevron-down" : r;
+  return /* @__PURE__ */ f("header", { className: F.header, "data-size": d, "data-color": h, "aria-expanded": i, children: [
+    a && /* @__PURE__ */ t(rt, { ...a, size: d }),
+    /* @__PURE__ */ f(
+      w,
+      {
+        className: C(F.link, M),
+        href: c,
+        onKeyPress: (S) => {
+          S.key === "Enter" && (m == null || m()), l == null || l(S);
+        },
+        onClick: m,
+        tabIndex: s,
+        "data-size": d,
+        "data-color": h,
+        "aria-disabled": n || o,
+        children: [
+          /* @__PURE__ */ t(
+            ot,
+            {
+              loading: n,
+              size: d,
+              color: h,
+              icon: _,
+              avatar: b,
+              avatarGroup: N
+            }
+          ),
+          /* @__PURE__ */ t(G, { loading: n, size: d, title: I, description: p, children: D }),
+          /* @__PURE__ */ t(kt, { linkIcon: T, linkText: y, badge: x })
+        ]
+      }
+    ),
+    B && /* @__PURE__ */ t(Bt, { ...B }) || L
+  ] });
+}, v = ({
+  as: e = "a",
+  className: n,
+  color: o,
+  loading: a,
+  collapsible: c,
+  expanded: m,
+  size: l = "sm",
+  icon: s,
+  avatar: u,
+  avatarGroup: i,
+  title: d,
+  description: h,
+  badge: I,
+  linkText: p,
+  linkIcon: _,
+  menu: b,
+  select: N,
+  controls: r,
+  children: y,
+  ...x
+}) => /* @__PURE__ */ t(Y, { size: l, color: o, loading: a, ...x, children: /* @__PURE__ */ t(
+  Dt,
+  {
+    className: n,
+    loading: a,
+    collapsible: c,
+    expanded: m,
+    select: N,
+    size: l,
+    title: d,
+    description: h,
+    icon: s,
+    avatar: u,
+    avatarGroup: i,
+    linkIcon: _,
+    linkText: p,
+    badge: I,
+    controls: r,
+    menu: b,
+    ...x,
+    children: y
+  }
+) }), Q = ({
+  level: e = 0,
+  expanded: n,
+  items: o,
+  groups: a = {},
+  defaultItemColor: c,
+  defaultItemSize: m
+}) => {
+  const { menu: l } = A({
+    items: o,
+    groups: a,
+    groupByKey: "groupId",
+    keyboardEvents: !1
+  });
+  return /* @__PURE__ */ t(P, { expanded: n, children: l.map((s, u) => {
+    const i = (s == null ? void 0 : s.props) || {}, { title: d, divider: h = !0 } = i, I = l[u + 1];
+    return /* @__PURE__ */ f(V, { children: [
+      (e > 0 || u) && h ? /* @__PURE__ */ t($, { role: "separator" }) : "",
+      d && /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(z, { title: d }) }),
+      s == null ? void 0 : s.items.filter((p) => {
+        var _;
+        return !((_ = p.props) != null && _.hidden);
+      }).map((p, _) => {
+        const { active: b } = p, { groupId: N, ...r } = p.props || {}, { expanded: y } = r, x = s == null ? void 0 : s.items[_ + 1];
+        return /* @__PURE__ */ f($, { role: "presentation", expanded: y, children: [
+          /* @__PURE__ */ t(
+            K,
+            {
+              ...r,
+              color: (r == null ? void 0 : r.color) || (i == null ? void 0 : i.defaultItemColor) || c,
+              size: (r == null ? void 0 : r.size) || (i == null ? void 0 : i.defaultItemSize) || m,
+              active: b,
+              tabIndex: r != null && r.disabled ? -1 : 0
+            }
+          ),
+          y && (r == null ? void 0 : r.items) && /* @__PURE__ */ f(q, { children: [
+            /* @__PURE__ */ t(
+              Q,
+              {
+                expanded: y,
+                level: e + 1,
+                items: r == null ? void 0 : r.items,
+                groups: a,
+                defaultItemColor: c,
+                defaultItemSize: m
+              }
+            ),
+            (I || x) && /* @__PURE__ */ t($, { role: "separator", as: "div" })
+          ] })
+        ] }, _);
+      })
+    ] }, u);
+  }) });
+}, wt = "_item_6aymu_1", $t = "_select_6aymu_6", jt = "_summary_6aymu_13", Tt = "_footer_6aymu_34", Et = "_touchedBy_6aymu_42", St = "_border_6aymu_51", k = {
+  item: wt,
+  select: $t,
+  summary: jt,
+  footer: Tt,
+  touchedBy: Et,
+  border: St
+}, gt = ({
+  size: e = "lg",
+  variant: n = "neutral",
+  loading: o,
+  select: a,
+  status: c,
+  sender: m,
+  recipient: l,
+  grouped: s,
+  updatedAt: u,
+  updatedAtLabel: i,
+  archivedAt: d,
+  archivedAtLabel: h,
+  trashedAt: I,
+  trashedAtLabel: p,
+  label: _,
+  dueAt: b,
+  dueAtLabel: N,
+  seen: r = !1,
+  seenBy: y,
+  touchedBy: x,
+  attachmentsCount: B,
+  title: L,
+  description: M,
+  summary: D,
+  ...w
+}) => {
+  const T = I ? "trashed" : d ? "archived" : n;
+  return e === "xs" || e === "sm" ? /* @__PURE__ */ t(v, { ...w, loading: o, size: e, className: k.item, children: /* @__PURE__ */ f(g, { className: k.border, size: e, seen: r, loading: o, children: [
+    /* @__PURE__ */ t(G, { loading: o, size: e, title: L, description: D || M }),
+    /* @__PURE__ */ t(H, { loading: o, updatedAt: u, updatedAtLabel: i })
+  ] }) }) : /* @__PURE__ */ t(
+    v,
+    {
+      ...w,
+      loading: o,
+      size: e,
+      className: k.item,
+      controls: a && /* @__PURE__ */ t(it, { className: k.select, ...a }),
+      children: /* @__PURE__ */ f(g, { className: k.border, size: e, seen: r, loading: o, children: [
+        /* @__PURE__ */ f(at, { size: e, children: [
+          /* @__PURE__ */ t(ct, { loading: o, size: e, variant: T, label: _, seen: r, children: L }),
+          /* @__PURE__ */ t(st, { loading: o, size: e, grouped: s, sender: m, recipient: l })
+        ] }),
+        /* @__PURE__ */ t(lt, { loading: o, size: e, children: D || M }),
+        /* @__PURE__ */ f("footer", { "data-size": e, className: k.footer, children: [
+          /* @__PURE__ */ t(
+            H,
+            {
+              loading: o,
+              status: c,
+              updatedAt: u,
+              updatedAtLabel: i,
+              archivedAt: d,
+              archivedAtLabel: h,
+              trashedAt: I,
+              trashedAtLabel: p,
+              dueAt: b,
+              dueAtLabel: N,
+              seenBy: y,
+              attachmentsCount: B
+            }
+          ),
+          x && /* @__PURE__ */ t(mt, { loading: o, size: "xs", touchedBy: x, className: k.touchedBy })
+        ] })
+      ] })
+    }
+  );
+}, Ht = "_item_1a3bc_1", Ft = {
+  item: Ht
+}, qt = ({ as: e = "a", label: n, ...o }) => /* @__PURE__ */ t(v, { className: Ft.item, linkIcon: "chevron-right", ...o, children: typeof n == "function" ? n() : n }), At = ({ type: e, ...n }) => {
+  switch (e) {
+    case "scope":
+      return /* @__PURE__ */ t(qt, { ...n, color: "transparent", tabIndex: -1 });
+    case "bookmark":
+      return /* @__PURE__ */ t(ut, { ...n, color: "transparent", size: "sm", tabIndex: -1 });
+    case "dialog":
+      return /* @__PURE__ */ t(gt, { ...n, color: "transparent", size: "sm", tabIndex: -1 });
+    case "information":
+      return /* @__PURE__ */ t(v, { ...n, color: "transparent", tabIndex: -1, disabled: !0 });
+    default:
+      return /* @__PURE__ */ t(v, { ...n, color: "transparent", size: "sm", tabIndex: -1 });
+  }
+}, _e = J(
+  ({ className: e, items: n, groups: o = {}, expanded: a }, c) => {
+    const { menu: m, setActiveIndex: l } = A({
+      items: n,
+      groups: o,
+      groupByKey: "groupId",
+      keyboardEvents: !0
+    });
+    return /* @__PURE__ */ t(U, { className: e, expanded: a, ref: c, children: m.map((s, u) => /* @__PURE__ */ O(W, { ...s.props, key: u }, /* @__PURE__ */ t("ul", { children: s.items.map((i, d) => {
+      const {
+        active: h,
+        menuIndex: I,
+        props: { groupId: p, ..._ }
+      } = i;
+      return /* @__PURE__ */ t("li", { tabIndex: -1, onMouseEnter: () => l(I), children: /* @__PURE__ */ t(At, { ..._, active: h }) }, d);
+    }) }))) });
+  }
+);
+export {
+  _e as A,
+  ut as B,
+  R as C,
+  gt as D,
+  Dt as L,
+  Q as M,
+  qt as S,
+  kt as a,
+  v as b,
+  It as c,
+  Bt as d,
+  At as e
+};

package/dist/assets/Autocomplete.css

@@ -1 +1 @@
-._toggle_ya7jy_1{position:relative}._button_ya7jy_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_ya7jy_14{font-size:1.5rem}._dropdown_ya7jy_18{display:none}._dropdown_ya7jy_18[aria-expanded=true]{display:block;position:absolute;right:0;z-index:2}._dropdown_ya7jy_18{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a}._controls_dduzt_1{position:absolute;right:0;display:flex;align-items:center;gap:.625rem;padding:0 .625rem}._controls_dduzt_1:empty{display:none}._linkText_dduzt_14{font-size:.875rem;white-space:nowrap}._linkIcon_dduzt_19{font-size:1.5rem}._item_v64fv_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._item_v64fv_1[data-size=lg],._item_v64fv_1[data-size=md]{padding:1em}._item_v64fv_1[data-size=sm],._item_v64fv_1[data-size=xs]{padding:.5em .75em}._select_v64fv_16{position:absolute;top:0;right:0;margin:.375rem}._summary_v64fv_23{font-size:1rem;line-height:1.35;margin:0;font-weight:400}._summary_v64fv_23[data-size=lg]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:.5rem}._summary_v64fv_23[data-size=md]{display:none}._footer_v64fv_44{width:100%;margin-top:1rem;display:flex;flex-direction:column;row-gap:1rem}._touchedBy_v64fv_52{position:absolute;right:0;bottom:0;margin:8px}._border_v64fv_61[data-size=lg],._border_v64fv_61[data-size=md]{padding-left:1rem}._border_v64fv_61[data-size=xs],._border_v64fv_61[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}
+._toggle_ya7jy_1{position:relative}._button_ya7jy_5{display:flex;align-items:center;justify-content:center;width:2.75rem;padding:.625rem;border-radius:50%}._icon_ya7jy_14{font-size:1.5rem}._dropdown_ya7jy_18{display:none}._dropdown_ya7jy_18[aria-expanded=true]{display:block;position:absolute;right:0;z-index:2}._dropdown_ya7jy_18{margin-top:.5rem;padding:0 .5rem;background-color:var(--neutral-background-default);border-radius:2px;box-shadow:0 0 1px #00000026,0 1px 2px #0000001f,0 2px 4px #0000001a}._controls_n31lc_1{display:flex;align-items:center;gap:.625rem}._controls_n31lc_1:empty{display:none}._linkText_n31lc_11{font-size:.875rem;white-space:nowrap}._linkIcon_n31lc_16{font-size:1.5rem}._menu_1u5v2_1{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;margin-right:.375rem}._header_pqany_1{position:relative;width:100%;display:flex;align-items:center}._link_pqany_8{width:100%;align-self:stretch;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._link_pqany_8{flex-grow:1;display:flex;align-items:center;gap:.625rem;padding:.25rem .625rem}._link_pqany_8[aria-disabled=true]{pointer-events:none}._link_pqany_8:not([aria-disabled=true]):hover h2{text-decoration:underline}._link_pqany_8[data-size=xs]{min-height:36px}._link_pqany_8[data-size=sm]{min-height:44px}._link_pqany_8[data-size=md]{min-height:56px}._link_pqany_8[data-size=lg]{min-height:64px}._link_pqany_8[data-size=xl]{min-height:72px}._item_6aymu_1[data-size=lg],._item_6aymu_1[data-size=md]{padding:1em}._select_6aymu_6{position:absolute;top:0;right:0;margin:.375rem}._summary_6aymu_13{font-size:1rem;line-height:1.35;margin:0;font-weight:400}._summary_6aymu_13[data-size=lg]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-top:.5rem}._summary_6aymu_13[data-size=md]{display:none}._footer_6aymu_34{width:100%;margin-top:1rem;display:flex;flex-direction:column;row-gap:1rem}._touchedBy_6aymu_42{position:absolute;right:0;bottom:0;margin:8px}._border_6aymu_51[data-size=lg],._border_6aymu_51[data-size=md]{padding-left:1rem}._border_6aymu_51[data-size=xs],._border_6aymu_51[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._item_1a3bc_1{box-shadow:none}._item_1a3bc_1 mark{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}._item_1a3bc_1 mark:before{content:"«"}._item_1a3bc_1 mark:after{content:"»"}

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_1mnmu_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._footer_1mnmu_8{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_1mnmu_16[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_1mnmu_22[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_1mnmu_16[aria-expanded=true]{display:none}._dropdown_1mnmu_22[aria-expanded=true]{display:block;z-index:2}}
+._nav_ratd2_1{background-color:#fff;display:flex;flex-direction:column}._footer_ratd2_7{padding:1rem .5rem;display:flex;width:100%;flex-direction:column;align-items:stretch}._drawer_ratd2_15[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_ratd2_21[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_ratd2_15[aria-expanded=true]{display:none}._dropdown_ratd2_21[aria-expanded=true]{display:block;z-index:2}}

package/dist/assets/Header.css

@@ -1 +1 @@
-._drawer_1wgf5_1[aria-expanded=true]{display:block}._dropdown_1wgf5_5[aria-expanded=true]{width:320px;display:none}@media (min-width: 1024px){._dropdown_1wgf5_5[aria-expanded=true]{display:block}}@media (min-width: 1024px){._drawer_1wgf5_1[aria-expanded=true]{display:none}._dropdown_1wgf5_5[aria-expanded=true]{display:block}}
+._drawer_ft5v3_1[aria-expanded=true]{display:block}._dropdown_ft5v3_5[aria-expanded=true]{display:none}@media (min-width: 1024px){._dropdown_ft5v3_5[aria-expanded=true]{width:320px;display:block}._drawer_ft5v3_1[aria-expanded=true]{display:none}}

package/dist/assets/Heading.css

@@ -1 +1 @@
-._heading_1kfgw_1{margin:0}._heading_1kfgw_1[data-size=sm]{font-size:1.125rem;font-weight:500;line-height:1.5rem}._heading_1kfgw_1[data-size=md]{font-size:1.25rem;font-weight:500;line-height:1.5rem}._heading_1kfgw_1[data-size=lg]{font-size:1.5rem;font-weight:500;line-height:1.5rem}
+._heading_1ay9p_1{margin:0}._heading_1ay9p_1[data-size=xs]{font-size:.875rem;font-weight:400;line-height:1.5rem;color:var(--theme-text-subtle);margin-bottom:.375rem}._heading_1ay9p_1[data-size=sm]{font-size:1.125rem;font-weight:500;line-height:1.5rem}._heading_1ay9p_1[data-size=md]{font-size:1.25rem;font-weight:500;line-height:1.5rem}._heading_1ay9p_1[data-size=lg]{font-size:1.5rem;font-weight:500;line-height:1.5rem}

package/dist/assets/HistoryItemBase.css

@@ -0,0 +1 @@
+._item_17rsb_1{display:flex}._sidebar_17rsb_5{flex-shrink:0;display:flex;flex-direction:column}._border_17rsb_11{flex-grow:1;padding-left:1.5rem;padding-top:0;margin-left:1rem;padding-bottom:1.5rem}._content_17rsb_19{flex-grow:1;padding:.375rem 0}._body_17rsb_24{margin:0}

package/dist/assets/HistoryItemMedia.css

@@ -0,0 +1 @@
+._media_1dlcp_3{flex-shrink:0;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center}._icon_1dlcp_12{font-size:1.5rem}._dot_1dlcp_16{background-color:var(--theme-surface-active);width:.875rem;height:.875rem;border-radius:50%}

package/dist/assets/LayoutBase.css

@@ -1 +1 @@
-._base_1401f_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_1401f_1[data-theme]{background-color:var(--theme-background-subtle)}._base_1401f_1[data-current-id=menu]{background-color:var(--theme-background-default)}@media (max-width: 1024px){._base_1401f_1[data-current-id=menu] header+*,._base_1401f_1[data-current-id=menu] footer{display:none}}
+._base_wqztk_1{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}._base_wqztk_1[data-theme]{background-color:var(--theme-background-subtle)}._base_wqztk_1[data-current-id=menu]{background-color:var(--theme-background-default)}

package/dist/assets/ListBase.css

@@ -1 +1 @@
-._list_ty2on_1{display:flex;flex-direction:column;width:100%}._list_ty2on_1[data-spacing=sm]{row-gap:4px}._list_ty2on_1[data-spacing=md]{row-gap:8px}._list_ty2on_1[data-spacing=lg]{row-gap:16px}
+._list_1xr8s_1{display:flex;flex-direction:column;width:100%}._list_1xr8s_1[data-spacing=xs]{row-gap:2px}._list_1xr8s_1[data-spacing=sm]{row-gap:4px}._list_1xr8s_1[data-spacing=md]{row-gap:8px}._list_1xr8s_1[data-spacing=lg]{row-gap:16px}._list_1xr8s_1[data-color=white]{background-color:#fff}._list_1xr8s_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_i2afq_1{position:relative;width:100%;display:flex;align-items:center;justify-content:stretch}._item_i2afq_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}._item_i2afq_1[aria-disabled=true]{pointer-events:none}._item_i2afq_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_i2afq_1[data-size=xs]{min-height:36px}._item_i2afq_1[data-size=sm]{min-height:44px}._item_i2afq_1[data-size=md]{min-height:56px}._item_i2afq_1[data-size=lg]{min-height:64px}._item_i2afq_1[data-size=xl]{min-height:72px}._item_i2afq_1{background-color:var(--theme-background-default)}._item_i2afq_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong);z-index:2}._item_i2afq_1:not([aria-disabled=true]):hover strong,._item_i2afq_1:not([aria-disabled=true]):hover h2{text-decoration:underline}._item_i2afq_1[data-active=true],._item_i2afq_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_i2afq_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._link_i2afq_78{align-self:stretch;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._link_i2afq_78{flex-grow:1;display:flex;align-items:center}
+._item_1isz3_1{position:relative;width:100%;display:flex;flex-direction:column}._item_1isz3_1[aria-disabled=true]{pointer-events:none}._item_1isz3_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1isz3_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong)}._item_1isz3_1[data-color=default]{background-color:var(--theme-background-default)}._item_1isz3_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1isz3_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._item_1isz3_1[data-active=true]{background-color:var(--theme-surface-default)}._item_1isz3_1[aria-expanded=true]{outline:2px solid}._item_1isz3_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_7jiaq_3{flex-grow:1;display:flex}._label_7jiaq_3[data-size=xs]{align-items:center;column-gap:.25em}._label_7jiaq_3[data-size=sm]{align-items:center;column-gap:.25rem}._label_7jiaq_3[data-size=md],._label_7jiaq_3[data-size=lg],._label_7jiaq_3[data-size=xl]{align-items:flex-start;flex-direction:column;row-gap:.125rem}._title_7jiaq_38{font-weight:600;line-height:1.25;margin:0}._description_7jiaq_44{font-weight:400;line-height:1.25;color:var(--theme-text-subtle);margin:0}._title_7jiaq_38[data-size=xs],._description_7jiaq_44[data-size=xs]{font-size:.875rem}._title_7jiaq_38[data-size=sm],._description_7jiaq_44[data-size=sm],._title_7jiaq_38[data-size=md]{font-size:1rem}._title_7jiaq_38[data-size=lg]{font-size:1.125rem}._description_7jiaq_44[data-size=md],._description_7jiaq_44[data-size=lg]{font-size:.875em}
+._label_1uuk4_3{width:100%}._label_1uuk4_3[data-size=xs],._label_1uuk4_3[data-size=sm]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1uuk4_3[data-size=md],._label_1uuk4_3[data-size=lg],._label_1uuk4_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._title_1uuk4_36{display:inline;font-weight:600;margin:0}._description_1uuk4_42{display:inline;font-weight:400;color:var(--theme-text-subtle);margin:0}._title_1uuk4_36[data-size=xs],._description_1uuk4_42[data-size=xs]{font-size:.875rem;line-height:1.25}._title_1uuk4_36[data-size=sm]{font-size:1rem;line-height:1.25}._description_1uuk4_42[data-size=sm]{font-size:.875rem;line-height:1.25rem}._title_1uuk4_36[data-size=md]{font-size:1rem;line-height:1.25}._title_1uuk4_36[data-size=lg]{line-height:1.25;font-size:1.125rem}._description_1uuk4_42[data-size=md],._description_1uuk4_42[data-size=lg]{font-size:.875em;line-height:1.25}

package/dist/assets/MetaBase.css

@@ -1 +1 @@
-._meta_17kd2_1{display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}
+._meta_1hcve_1{display:inline-flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}

package/dist/assets/MetaItemBase.css

@@ -1 +1 @@
-._item_o4xu8_1{border:1px;border-radius:2px;color:var(--neutral-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}button._item_o4xu8_1:hover,a._item_o4xu8_1:hover{color:var(--theme-base-hover)}._item_o4xu8_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_o4xu8_1[data-size=sm]{font-size:1rem}._item_o4xu8_1[data-size=md]{font-size:1.125rem}._item_o4xu8_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_o4xu8_1[data-variant=outline]{border-color:var(--theme-border-subtle);border-style:solid}._item_o4xu8_1[data-variant=rounded]{border-color:var(--theme-border-subtle);border-style:solid;border-radius:.75rem}._item_o4xu8_1[data-variant=dotted]{border-color:var(--theme-base-hover);border-style:dashed}._item_o4xu8_1[data-variant=solid]{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover);color:#fff}._item_o4xu8_1[data-variant=rounded],._item_o4xu8_1[data-variant=outline],._item_o4xu8_1[data-variant=dotted],._item_o4xu8_1[data-variant=solid]{padding:0 .25em}
+._item_2agc0_1{padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}._item_2agc0_1{border:1px;border-radius:2px;color:var(--neutral-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}._item_2agc0_1 strong{font-weight:500;color:var(--neutral-text-default)}button._item_2agc0_1:hover,a._item_2agc0_1:hover{color:var(--theme-base-hover);cursor:pointer}._item_2agc0_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_2agc0_1[data-size=sm]{font-size:1rem}._item_2agc0_1[data-size=md]{font-size:1.125rem}._item_2agc0_1[data-variant=text]{border-color:transparent;padding-left:0;padding-right:0}._item_2agc0_1[data-variant=outline]{border-color:var(--theme-border-subtle);border-style:solid}._item_2agc0_1[data-variant=rounded]{border-color:var(--theme-border-subtle);border-style:solid;border-radius:.75rem}._item_2agc0_1[data-variant=dotted]{border-color:var(--theme-base-hover);border-style:dashed}._item_2agc0_1[data-variant=solid]{border-color:var(--theme-base-hover);background-color:var(--theme-base-hover);color:#fff}._item_2agc0_1[data-variant=rounded],._item_2agc0_1[data-variant=outline],._item_2agc0_1[data-variant=dotted],._item_2agc0_1[data-variant=solid]{padding:0 .25em}

package/dist/assets/MetaItemLabel.css

@@ -1 +1 @@
-._label_8431v_1{display:inline-flex;font-weight:400;align-items:center}._label_8431v_1[data-size=xs]{font-size:.875rem}._label_8431v_1[data-size=sm]{font-size:1rem}._label_8431v_1[data-size=md]{font-size:1.125rem}._label_8431v_1[data-variant=rounded],._label_8431v_1[data-variant=outline],._label_8431v_1[data-variant=dotted],._label_8431v_1[data-variant=solid]{font-size:.875em;font-weight:500;padding:0 .25em}
+._label_8r5nb_1{display:inline;font-weight:400}._label_8r5nb_1[data-size=xs]{font-size:.875rem}._label_8r5nb_1[data-size=sm]{font-size:1rem}._label_8r5nb_1[data-size=md]{font-size:1.125rem}._label_8r5nb_1[data-variant=rounded],._label_8r5nb_1[data-variant=outline],._label_8r5nb_1[data-variant=dotted],._label_8r5nb_1[data-variant=solid]{font-size:.875em;font-weight:500;padding:0 .25em}

package/dist/assets/QueryLabel.css

@@ -1 +1 @@
-._label_1ul7e_1{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1ul7e_9{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1ul7e_15{color:var(--theme-text-subtle)}._item_1ul7e_19{font-size:.875em}._item_1ul7e_19[data-type=search]{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}._item_1ul7e_19[data-type=search]:before{content:"«"}._item_1ul7e_19[data-type=search]:after{content:"»"}._item_1ul7e_19[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:.25em .5em;border-radius:2px}
+._label_1q65r_1{display:flex;flex-wrap:wrap;align-items:center;column-gap:.25rem;row-gap:.25rem}._group_1q65r_9{display:inline-flex;align-items:center;column-gap:.25rem}._plus_1q65r_15{color:var(--theme-text-subtle)}._item_1q65r_19{font-size:.875em;display:block;overflow:hidden}._item_1q65r_19[data-type=search]{background-color:transparent;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}._item_1q65r_19[data-type=search]:before{content:"«"}._item_1q65r_19[data-type=search]:after{content:"»"}._item_1q65r_19[data-type=filter]{background-color:transparent;border:1px solid;font-weight:500;padding:.25em .5em;border-radius:2px}

package/dist/assets/TransmissionItem.css

@@ -0,0 +1 @@
+._body_1m345_1{padding:1rem}

package/dist/components/Attachment/AttachmentLink.d.ts

@@ -1,5 +1,7 @@
 import { IconName } from '../Icon';
+import { TypographySize } from '../Typography';
 export interface AttachmentLinkProps {
+    size?: TypographySize;
     /** Link url */
     href: string;
     /** Label (filename) */
@@ -7,4 +9,4 @@ export interface AttachmentLinkProps {
     /** Icon */
     icon?: IconName;
 }
-export declare const AttachmentLink: ({ icon, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentLink: ({ size, icon, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Attachment/AttachmentLink.js

@@ -1,15 +1,16 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
-import { Icon as e } from "../Icon/Icon.js";
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { Icon as t } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
 import "../../index-L8X2o7IH.js";
-import '../../assets/AttachmentLink.css';const t = "_link_dd2g5_1", a = "_label_dd2g5_12", m = "_icon_dd2g5_18", n = {
-  link: t,
-  label: a,
-  icon: m
-}, k = ({ icon: o = "file", href: s, label: c }) => /* @__PURE__ */ i("a", { href: s, className: n.link, children: [
-  /* @__PURE__ */ l(e, { name: o, className: n.icon }),
-  /* @__PURE__ */ l("span", { className: n.label, children: c })
+import { Typography as e } from "../Typography/Typography.js";
+import '../../assets/AttachmentLink.css';const r = "_link_dd2g5_1", m = "_label_dd2g5_12", p = "_icon_dd2g5_18", n = {
+  link: r,
+  label: m,
+  icon: p
+}, f = ({ size: o = "lg", icon: s = "file", href: i, label: a }) => /* @__PURE__ */ c(e, { as: "a", href: i, size: o, className: n.link, children: [
+  /* @__PURE__ */ l(t, { name: s, className: n.icon }),
+  /* @__PURE__ */ l("span", { className: n.label, children: a })
 ] });
 export {
-  k as AttachmentLink
+  f as AttachmentLink
 };

package/dist/components/Attachment/AttachmentLink.stories.js

@@ -1,16 +1,16 @@
 import { AttachmentLink as t } from "./AttachmentLink.js";
 const e = {
-  title: "Atoms/Attachment/AttachmentLink",
+  title: "Attachment/AttachmentLink",
   component: t,
   tags: ["autodocs"],
   parameters: {},
   args: {
     label: "Document.pdf"
   }
-}, o = {
+}, n = {
   args: {}
 };
 export {
-  o as Default,
+  n as Default,
   e as default
 };

package/dist/components/Attachment/AttachmentList.js

@@ -1,10 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import { createElement as l } from "react";
+import { jsx as t } from "react/jsx-runtime";
 import { AttachmentLink as n } from "./AttachmentLink.js";
-import '../../assets/AttachmentList.css';const a = "_list_xei16_1", c = "_item_xei16_9", m = {
-  list: a,
-  item: c
-}, p = ({ size: r, items: t }) => t.length ? /* @__PURE__ */ i("ul", { className: m.list, "data-size": r, children: t.map((s, e) => /* @__PURE__ */ i("li", { className: m.item, children: /* @__PURE__ */ l(n, { ...s, key: "attachment" + e }) }, e)) }) : null;
+import '../../assets/AttachmentList.css';const r = "_list_xei16_1", m = "_item_xei16_9", l = {
+  list: r,
+  item: m
+}, o = ({ size: e, items: i }) => i.length ? /* @__PURE__ */ t("ul", { className: l.list, "data-size": e, children: i.map((s) => /* @__PURE__ */ t("li", { className: l.item, children: /* @__PURE__ */ t(n, { ...s, size: e }) }, s.href)) }) : null;
 export {
-  p as AttachmentList
+  o as AttachmentList
 };

package/dist/components/Attachment/AttachmentList.stories.js

@@ -1,6 +1,6 @@
 import { AttachmentList as t } from "./AttachmentList.js";
 const e = {
-  title: "Atoms/Attachment/AttachmentList",
+  title: "Attachment/AttachmentList",
   component: t,
   tags: ["autodocs"],
   parameters: {

package/dist/components/Attachment/AttachmentSection.d.ts

@@ -0,0 +1,6 @@
+import { AttachmentLinkProps } from '../Attachment';
+export interface AttachmentSectionProps {
+    title?: string;
+    items?: AttachmentLinkProps[];
+}
+export declare const AttachmentSection: ({ title, items }: AttachmentSectionProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Attachment/AttachmentSection.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Heading as e } from "../Typography/Heading.js";
+import { AttachmentList as i } from "./AttachmentList.js";
+const s = ({ title: n = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ o("section", { children: [
+  /* @__PURE__ */ r(e, { as: "h2", size: "xs", children: n }),
+  /* @__PURE__ */ r(i, { size: "lg", items: t })
+] }) : null;
+export {
+  s as AttachmentSection
+};

package/dist/components/{Dialog/DialogAttachments.stories.js → Attachment/AttachmentSection.stories.js}

@@ -1,7 +1,7 @@
-import { DialogAttachments as e } from "./DialogAttachments.js";
+import { AttachmentSection as t } from "./AttachmentSection.js";
 const a = {
-  title: "Dialog/Sections/DialogAttachments",
-  component: e,
+  title: "Attachment/AttachmentSection",
+  component: t,
   tags: ["autodocs"],
   args: {
     title: "6 vedlegg",

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

@@ -1,2 +1,3 @@
 export * from './AttachmentLink';
 export * from './AttachmentList';
+export * from './AttachmentSection';

package/dist/components/Attachment/index.js

@@ -1,6 +1,8 @@
-import { AttachmentLink as m } from "./AttachmentLink.js";
+import { AttachmentLink as o } from "./AttachmentLink.js";
 import { AttachmentList as r } from "./AttachmentList.js";
+import { AttachmentSection as c } from "./AttachmentSection.js";
 export {
-  m as AttachmentLink,
-  r as AttachmentList
+  o as AttachmentLink,
+  r as AttachmentList,
+  c as AttachmentSection
 };

package/dist/components/Bookmarks/BookmarksList.d.ts

@@ -1,7 +1,5 @@
-import { ListSpacing } from '..';
 import { BookmarksListItemProps } from './BookmarksListItem';
 export interface BookmarksListProps {
     items: BookmarksListItemProps[];
-    spacing: ListSpacing;
 }
-export declare const BookmarksList: ({ items, spacing }: BookmarksListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksList: ({ items }: BookmarksListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Bookmarks/BookmarksList.js

@@ -1,11 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createElement as p } from "react";
+import { jsx as m } from "react/jsx-runtime";
+import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { B as i } from "../../Autocomplete-BNV2UfH3.js";
+import { B as p } from "../../Autocomplete-DQCs4_zv.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as a } from "../List/ListBase.js";
-const L = ({ items: r, spacing: m }) => /* @__PURE__ */ t(a, { spacing: m, children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ p(i, { ...o, key: o.id })) });
+import { ListBase as i } from "../List/ListBase.js";
+const B = ({ items: r }) => /* @__PURE__ */ m(i, { spacing: "xs", children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ t(p, { ...o, key: o.id })) });
 export {
-  L as BookmarksList
+  B as BookmarksList
 };