@altinn/altinn-components 0.8.2 → 0.8.3

package/dist/assets/ContextMenu.css

@@ -0,0 +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}

package/dist/assets/DialogListItem.css

@@ -0,0 +1 @@
+._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}

package/dist/assets/ListItemControls.css

@@ -0,0 +1 @@
+._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}

package/dist/assets/ListItemHeader.css

@@ -0,0 +1 @@
+._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}

package/dist/assets/ListItemMenu.css

@@ -0,0 +1 @@
+._menu_1u5v2_1{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;margin-right:.375rem}

package/dist/assets/ScopeListItem.css

@@ -0,0 +1 @@
+._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/components/Bookmarks/BookmarksList.js

@@ -2,9 +2,10 @@ 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 p } from "../../Autocomplete-Cb9fQrzy.js";
+import { BookmarksListItem as p } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as i } from "../List/ListBase.js";
+import "../Searchbar/AutocompleteBase.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 {
   B as BookmarksList

package/dist/components/Bookmarks/BookmarksListItem.js

@@ -1,10 +1,12 @@
-import "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { B as e } from "../../Autocomplete-Cb9fQrzy.js";
-import "./QueryLabel.js";
+import { QueryLabel as p } from "./QueryLabel.js";
 import "../RootProvider/RootProvider.js";
+import { ListItem as e } from "../List/ListItem.js";
+import "../Searchbar/AutocompleteBase.js";
+const d = ({ size: m = "sm", title: r, description: n, params: t, ...i }) => /* @__PURE__ */ o(e, { size: m, title: r, linkIcon: "chevron-right", ...i, children: !r && /* @__PURE__ */ o(p, { params: t }) });
 export {
-  e as BookmarksListItem
+  d as BookmarksListItem
 };

package/dist/components/Bookmarks/BookmarksListItem.stories.js

@@ -1,12 +1,13 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { Fragment as s } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { B as m } from "../../Autocomplete-Cb9fQrzy.js";
+import { BookmarksListItem as m } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
 import { ListBase as i } from "../List/ListBase.js";
-const r = ["lg", "md", "sm", "xs"], h = {
+import "../Searchbar/AutocompleteBase.js";
+const a = ["lg", "md", "sm", "xs"], x = {
   title: "Bookmarks/BookmarksListItem",
   component: m,
   tags: ["autodocs"],
@@ -25,13 +26,13 @@ const r = ["lg", "md", "sm", "xs"], h = {
     ],
     href: "#"
   }
-}, B = {
+}, y = {
   args: {}
-}, x = {
+}, B = {
   args: {
     title: "Mitt lagrede søk"
   }
-}, y = {
+}, L = {
   args: {
     params: [
       {
@@ -50,14 +51,14 @@ const r = ["lg", "md", "sm", "xs"], h = {
       }
     ]
   }
-}, L = (t) => /* @__PURE__ */ a(i, { children: r == null ? void 0 : r.map((e) => /* @__PURE__ */ o(s, { children: [
-  /* @__PURE__ */ a(m, { ...t, size: e, selected: e === (t == null ? void 0 : t.size) }),
-  /* @__PURE__ */ a(l, { children: e })
+}, g = (t) => /* @__PURE__ */ r(i, { children: a == null ? void 0 : a.map((e) => /* @__PURE__ */ o(s, { children: [
+  /* @__PURE__ */ r(m, { ...t, size: e, selected: e === (t == null ? void 0 : t.size) }),
+  /* @__PURE__ */ r(l, { children: e })
 ] }, e)) });
 export {
-  x as CustomTitle,
-  B as Default,
-  y as LotsOfParams,
-  L as Sizes,
-  h as default
+  B as CustomTitle,
+  y as Default,
+  L as LotsOfParams,
+  g as Sizes,
+  x as default
 };

package/dist/components/Bookmarks/BookmarksSection.js

@@ -6,7 +6,7 @@ import "react";
 import { BookmarksList as n } from "./BookmarksList.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as p } from "../Meta/MetaItem.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 import { SectionBase as s } from "../Page/SectionBase.js";
 import { SectionHeader as c } from "../Page/SectionHeader.js";
 import { SectionFooter as d } from "../Page/SectionFooter.js";

package/dist/components/Bookmarks/index.js

@@ -1,9 +1,9 @@
 import { BookmarksList as e } from "./BookmarksList.js";
-import { B as t } from "../../Autocomplete-Cb9fQrzy.js";
-import { QueryItem as a, QueryLabel as k } from "./QueryLabel.js";
+import { BookmarksListItem as t } from "./BookmarksListItem.js";
+import { QueryItem as s, QueryLabel as a } from "./QueryLabel.js";
 export {
   e as BookmarksList,
   t as BookmarksListItem,
-  a as QueryItem,
-  k as QueryLabel
+  s as QueryItem,
+  a as QueryLabel
 };

package/dist/components/Button/Buttons.stories.js

@@ -7,7 +7,7 @@ import { ComboButton as d } from "./ComboButton.js";
 import { IconButton as p } from "./IconButton.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as c } from "../Meta/MetaItem.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 const I = {
   title: "Atoms/Button/Buttons",
   tags: ["autodocs"],

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -1,5 +1,5 @@
 import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
-import { ContextMenuSize } from './ContextMenuBase';
+export type ContextMenuSize = 'sm' | 'md';
 export interface ContextMenuProps {
     id: string;
     items: MenuItemProps[];

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,9 +1,43 @@
-import "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+"use client";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { c as u } from "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { C as n } from "../../Autocomplete-Cb9fQrzy.js";
-import "../RootProvider/RootProvider.js";
+import { IconButton as g } from "../Button/IconButton.js";
+import { useRootContext as _ } from "../RootProvider/RootProvider.js";
+import { MenuItems as y } from "../Menu/MenuItems.js";
+import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
+import "../Searchbar/AutocompleteBase.js";
+import '../../assets/ContextMenu.css';const f = "_toggle_ya7jy_1", j = "_button_ya7jy_5", h = "_icon_ya7jy_14", w = "_dropdown_ya7jy_18", t = {
+  toggle: f,
+  button: j,
+  icon: h,
+  dropdown: w
+}, A = ({
+  id: n = "context-menu",
+  placement: e = "right",
+  size: r,
+  groups: s = {},
+  className: c,
+  items: i
+}) => {
+  const { currentId: m, toggleId: l, closeAll: a } = _(), p = () => l(n);
+  return /* @__PURE__ */ d("div", { className: u(t.toggle, c), "data-theme": "neutral", children: [
+    /* @__PURE__ */ o(
+      g,
+      {
+        className: t.button,
+        size: r,
+        icon: "menu-elipsis-horizontal",
+        iconSize: "md",
+        variant: "text",
+        color: "secondary",
+        onClick: p
+      }
+    ),
+    /* @__PURE__ */ o(x, { className: t.dropdown, placement: e, open: m === n, onClose: a, children: /* @__PURE__ */ o(y, { groups: s, items: i }) })
+  ] });
+};
 export {
-  n as ContextMenu
+  A as ContextMenu
 };

package/dist/components/ContextMenu/ContextMenu.stories.js

@@ -1,4 +1,4 @@
-import { C as t } from "../../Autocomplete-Cb9fQrzy.js";
+import { ContextMenu as t } from "./ContextMenu.js";
 const o = {
   title: "ContextMenu/ContextMenu",
   component: t,
@@ -11,36 +11,36 @@ const o = {
         id: "1",
         groupId: "1",
         icon: "arrow-redo",
-        label: "Del og gi tilgang"
+        title: "Del og gi tilgang"
       },
       {
         id: "2",
         groupId: "1",
         icon: "eye-closed",
-        label: "Marker som ny"
+        title: "Marker som ny"
       },
       {
         id: "3",
         groupId: "2",
         icon: "archive",
-        label: "Flytt til arkiv"
+        title: "Flytt til arkiv"
       },
       {
         id: "4",
         groupId: "2",
         icon: "trash",
-        label: "Flytt til papirkurv"
+        title: "Flytt til papirkurv"
       },
       {
         id: "5",
         groupId: "3",
         icon: "clock-dashed",
-        label: "Aktivitetslogg"
+        title: "Aktivitetslogg"
       }
     ]
   }
-}, a = {};
+}, i = {};
 export {
-  a as Default,
+  i as Default,
   o as default
 };

package/dist/components/ContextMenu/index.js

@@ -1,4 +1,4 @@
-import { C as t } from "../../Autocomplete-Cb9fQrzy.js";
+import { ContextMenu as t } from "./ContextMenu.js";
 export {
   t as ContextMenu
 };

package/dist/components/Dialog/Dialog.js

@@ -16,7 +16,7 @@ import { DialogActions as b } from "./DialogActions.js";
 import { DialogHistory as k } from "./DialogHistory.js";
 import { DialogNav as q } from "./DialogNav.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 import { TransmissionSection as w } from "../Transmission/TransmissionSection.js";
 const ro = ({
   backButton: f,

package/dist/components/Dialog/DialogActions.js

@@ -6,7 +6,7 @@ import "../Icon/SvgIcon.js";
 import { Button as u } from "../Button/Button.js";
 import { ComboButton as f } from "../Button/ComboButton.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 import { Menu as y } from "../Menu/Menu.js";
 import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
   action: g,

package/dist/components/Dialog/DialogGroup.js

@@ -6,7 +6,7 @@ import "react";
 import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as n } from "../List/ListBase.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 import { SectionBase as p } from "../Page/SectionBase.js";
 import { SectionHeader as a } from "../Page/SectionHeader.js";
 const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [

package/dist/components/Dialog/DialogHistory.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { DialogSectionBase as m } from "./DialogSectionBase.js";
 import "../RootProvider/RootProvider.js";
-import "../../Autocomplete-Cb9fQrzy.js";
+import "../Searchbar/AutocompleteBase.js";
 const u = ({ title: i = "History", items: r }) => r ? /* @__PURE__ */ o(m, { title: i, children: /* @__PURE__ */ o(t, { items: r }) }) : null;
 export {
   u as DialogHistory

package/dist/components/Dialog/DialogList.js

@@ -4,13 +4,14 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { useMenu as f } from "../../hooks/useMenu.js";
-import { D as l } from "../../Autocomplete-Cb9fQrzy.js";
+import { DialogListItem as l } from "./DialogListItem.js";
+import "../Searchbar/AutocompleteBase.js";
 import { SectionBase as y } from "../Page/SectionBase.js";
 import { DialogGroup as d } from "./DialogGroup.js";
-const P = ({ items: e, groups: m = {} }) => {
+const b = ({ items: m, groups: e = {} }) => {
   const { menu: r } = f({
-    items: e,
-    groups: m,
+    items: m,
+    groups: e,
     groupByKey: "groupId",
     keyboardEvents: !1
   });
@@ -23,5 +24,5 @@ const P = ({ items: e, groups: m = {} }) => {
   }) });
 };
 export {
-  P as DialogList
+  b as DialogList
 };

package/dist/components/Dialog/DialogListItem.js

@@ -1,18 +1,95 @@
-import "react/jsx-runtime";
+import { jsx as m, jsxs as e } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import "./DialogBorder.js";
-import "./DialogMetadata.js";
-import "./DialogHeaderBase.js";
-import "./DialogHeadings.js";
-import "./DialogTitle.js";
+import { DialogBorder as h } from "./DialogBorder.js";
+import { DialogMetadata as D } from "./DialogMetadata.js";
+import { DialogHeaderBase as V } from "./DialogHeaderBase.js";
+import { DialogHeadings as k } from "./DialogHeadings.js";
+import { DialogTitle as q } from "./DialogTitle.js";
 import "../RootProvider/RootProvider.js";
-import "./DialogTouchedBy.js";
-import { D as b } from "../../Autocomplete-Cb9fQrzy.js";
-import "./DialogSelect.js";
-import "../List/ListItemLabel.js";
-import "./DialogDescription.js";
+import { DialogTouchedBy as w } from "./DialogTouchedBy.js";
+import { DialogSelect as C } from "./DialogSelect.js";
+import "../Searchbar/AutocompleteBase.js";
+import { ListItemLabel as E } from "../List/ListItemLabel.js";
+import { ListItem as d } from "../List/ListItem.js";
+import { DialogDescription as F } from "./DialogDescription.js";
+import '../../assets/DialogListItem.css';const G = "_item_6aymu_1", J = "_select_6aymu_6", K = "_summary_6aymu_13", O = "_footer_6aymu_34", P = "_touchedBy_6aymu_42", Q = "_border_6aymu_51", t = {
+  item: G,
+  select: J,
+  summary: K,
+  footer: O,
+  touchedBy: P,
+  border: Q
+}, sr = ({
+  size: r = "lg",
+  variant: N = "neutral",
+  loading: o,
+  select: c,
+  status: b,
+  sender: B,
+  recipient: x,
+  grouped: I,
+  updatedAt: s,
+  updatedAtLabel: i,
+  archivedAt: l,
+  archivedAtLabel: L,
+  trashedAt: f,
+  trashedAtLabel: j,
+  label: H,
+  dueAt: T,
+  dueAtLabel: g,
+  seen: a = !1,
+  seenBy: v,
+  touchedBy: p,
+  attachmentsCount: M,
+  title: _,
+  description: n,
+  summary: u,
+  ...y
+}) => {
+  const S = f ? "trashed" : l ? "archived" : N;
+  return r === "xs" || r === "sm" ? /* @__PURE__ */ m(d, { ...y, loading: o, size: r, className: t.item, children: /* @__PURE__ */ e(h, { className: t.border, size: r, seen: a, loading: o, children: [
+    /* @__PURE__ */ m(E, { loading: o, size: r, title: _, description: u || n }),
+    /* @__PURE__ */ m(D, { loading: o, updatedAt: s, updatedAtLabel: i })
+  ] }) }) : /* @__PURE__ */ m(
+    d,
+    {
+      ...y,
+      loading: o,
+      size: r,
+      className: t.item,
+      controls: c && /* @__PURE__ */ m(C, { className: t.select, ...c }),
+      children: /* @__PURE__ */ e(h, { className: t.border, size: r, seen: a, loading: o, children: [
+        /* @__PURE__ */ e(V, { size: r, children: [
+          /* @__PURE__ */ m(q, { loading: o, size: r, variant: S, label: H, seen: a, children: _ }),
+          /* @__PURE__ */ m(k, { loading: o, size: r, grouped: I, sender: B, recipient: x })
+        ] }),
+        /* @__PURE__ */ m(F, { loading: o, size: r, children: u || n }),
+        /* @__PURE__ */ e("footer", { "data-size": r, className: t.footer, children: [
+          /* @__PURE__ */ m(
+            D,
+            {
+              loading: o,
+              status: b,
+              updatedAt: s,
+              updatedAtLabel: i,
+              archivedAt: l,
+              archivedAtLabel: L,
+              trashedAt: f,
+              trashedAtLabel: j,
+              dueAt: T,
+              dueAtLabel: g,
+              seenBy: v,
+              attachmentsCount: M
+            }
+          ),
+          p && /* @__PURE__ */ m(w, { loading: o, size: "xs", touchedBy: p, className: t.touchedBy })
+        ] })
+      ] })
+    }
+  );
+};
 export {
-  b as DialogListItem
+  sr as DialogListItem
 };

package/dist/components/Dialog/DialogListItem.stories.js

@@ -1,12 +1,13 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { withThemeByDataAttribute as y } from "@storybook/addon-themes";
 import { Fragment as u, useState as v } from "react";
-import { D as n } from "../../Autocomplete-Cb9fQrzy.js";
+import { DialogListItem as n } from "./DialogListItem.js";
 import { DialogStatusEnum as g } from "./DialogStatus.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
+import "../Searchbar/AutocompleteBase.js";
 import { ListBase as s } from "../List/ListBase.js";
 const f = (t) => {
   switch (t) {
@@ -28,7 +29,7 @@ var b;
 const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
   value: t,
   label: f(t)
-})), j = {
+})), C = {
   title: "Dialog/DialogListItem",
   component: n,
   tags: ["autodocs"],
@@ -57,15 +58,15 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     updatedAtLabel: "25. november 2024 kl 15.30",
     status: {}
   }
-}, C = (t) => /* @__PURE__ */ e(s, { children: c == null ? void 0 : c.map((a) => /* @__PURE__ */ i(u, { children: [
+}, E = (t) => /* @__PURE__ */ e(s, { children: c == null ? void 0 : c.map((a) => /* @__PURE__ */ i(u, { children: [
   /* @__PURE__ */ e(n, { ...t, status: a }),
   /* @__PURE__ */ e(r, { children: a == null ? void 0 : a.value })
-] }, a == null ? void 0 : a.value)) }), E = (t) => /* @__PURE__ */ i(s, { children: [
+] }, a == null ? void 0 : a.value)) }), I = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(n, { ...t, loading: !0, label: "Ulest" }),
   /* @__PURE__ */ e(r, { children: "Loading" }),
   /* @__PURE__ */ e(n, { ...t, label: "Ulest" }),
   /* @__PURE__ */ e(r, { children: "Loaded" })
-] }), I = (t) => /* @__PURE__ */ i(s, { children: [
+] }), q = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(n, { ...t, label: "Ulest", status: { value: "requires-attention", label: "Krever handling" } }),
   /* @__PURE__ */ e(r, { children: "Dialog is new and has not been seen by anybody" }),
   /* @__PURE__ */ e(
@@ -106,7 +107,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Dialog has been moved to trash" })
-] }), q = (t) => /* @__PURE__ */ i(s, { children: [
+] }), T = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(
     n,
     {
@@ -117,10 +118,10 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Dialog requires action wihtin a spesific due date." })
-] }), T = (t) => /* @__PURE__ */ i(s, { children: [
+] }), w = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(n, { ...t, attachmentsCount: 2 }),
   /* @__PURE__ */ e(r, { children: "Dialog has attachments." })
-] }), w = (t) => /* @__PURE__ */ i(s, { children: [
+] }), x = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(n, { ...t, seen: !0, seenBy: { seenByEndUser: !0, label: "Sett av deg" } }),
   /* @__PURE__ */ e(r, { children: "Seen by end user. Dialog is marked as seen." }),
   /* @__PURE__ */ e(n, { ...t, seenBy: { seenByOthersCount: 4, label: "Sett av 4" } }),
@@ -134,7 +135,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Seen by end user and others. Dialog is marked as seen." })
-] }), x = (t) => /* @__PURE__ */ i(s, { children: [
+] }), M = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(n, { ...t, touchedBy: [{ name: "Kari Nordmann" }] }),
   /* @__PURE__ */ e(r, { children: "Dialog has been touched by a single actor." }),
   /* @__PURE__ */ e(n, { ...t, touchedBy: [{ name: "Kari Nordmann" }, { name: "Ola Nordmann" }] }),
@@ -147,7 +148,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Dialog has been touched by a multiple actors." })
-] }), M = (t) => /* @__PURE__ */ i(s, { children: [
+] }), P = (t) => /* @__PURE__ */ i(s, { children: [
   /* @__PURE__ */ e(
     n,
     {
@@ -164,7 +165,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Long summary" })
-] }), P = (t) => {
+] }), F = (t) => {
   var h;
   const [a, p] = v({
     1: {
@@ -207,20 +208,20 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
       l.selected ? "true" : "false"
     ] })
   ] }, l == null ? void 0 : l.id)) });
-}, F = (t) => /* @__PURE__ */ e(s, { children: o == null ? void 0 : o.map((a) => /* @__PURE__ */ i(u, { children: [
+}, R = (t) => /* @__PURE__ */ e(s, { children: o == null ? void 0 : o.map((a) => /* @__PURE__ */ i(u, { children: [
   /* @__PURE__ */ e(n, { ...t, size: a, status: { value: "in-progress", label: "Under arbeid" } }),
   /* @__PURE__ */ e(r, { children: a })
 ] }, a)) });
 export {
-  T as Attachments,
-  q as DueAt,
-  E as Loading,
-  w as SeenBy,
-  P as Selectable,
-  F as Sizes,
-  C as Statuses,
-  M as TextLength,
-  x as TouchedBy,
-  I as Variants,
-  j as default
+  w as Attachments,
+  T as DueAt,
+  I as Loading,
+  x as SeenBy,
+  F as Selectable,
+  R as Sizes,
+  E as Statuses,
+  P as TextLength,
+  M as TouchedBy,
+  q as Variants,
+  C as default
 };

package/dist/components/Dialog/DialogNav.js

@@ -3,32 +3,32 @@ import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Button as c } from "../Button/Button.js";
-import { C as l } from "../../Autocomplete-Cb9fQrzy.js";
+import { ContextMenu as l } from "../ContextMenu/ContextMenu.js";
 import { MetaTimestamp as p } from "../Meta/MetaTimestamp.js";
 import { DialogStatus as d } from "./DialogStatus.js";
 import { DialogTouchedBy as v } from "./DialogTouchedBy.js";
 import '../../assets/DialogNav.css';const f = "_nav_678a5_1", x = "_action_678a5_8", t = {
   nav: f,
   action: x
-}, C = ({
-  backButton: a = {
+}, M = ({
+  backButton: i = {
     as: "a",
     label: "Back"
   },
-  status: i,
+  status: a,
   dueAt: r,
   dueAtLabel: e,
-  touchedBy: s,
-  menu: n
+  touchedBy: n,
+  menu: s
 }) => /* @__PURE__ */ m("nav", { className: t.nav, children: [
-  /* @__PURE__ */ o(c, { ...a, variant: "text", color: "secondary", icon: "arrow-left", children: (a == null ? void 0 : a.label) || "Back" }),
+  /* @__PURE__ */ o(c, { ...i, variant: "text", color: "secondary", icon: "arrow-left", children: (i == null ? void 0 : i.label) || "Back" }),
   /* @__PURE__ */ m("div", { className: t.action, children: [
     r && e && /* @__PURE__ */ o(p, { datetime: r, icon: "clock-dashed", size: "xs", children: e }),
-    i && /* @__PURE__ */ o(d, { ...i }),
-    s && /* @__PURE__ */ o(v, { touchedBy: s }),
-    n && /* @__PURE__ */ o(l, { ...n, size: "md" })
+    a && /* @__PURE__ */ o(d, { ...a }),
+    n && /* @__PURE__ */ o(v, { touchedBy: n }),
+    s && /* @__PURE__ */ o(l, { ...s, size: "md" })
   ] })
 ] });
 export {
-  C as DialogNav
+  M as DialogNav
 };

package/dist/components/Dialog/index.js

@@ -1,7 +1,7 @@
 import { Dialog as e } from "./Dialog.js";
 import { DialogList as a } from "./DialogList.js";
 import { DialogMetadata as l } from "./DialogMetadata.js";
-import { D as m } from "../../Autocomplete-Cb9fQrzy.js";
+import { DialogListItem as m } from "./DialogListItem.js";
 import { DialogActions as f } from "./DialogActions.js";
 import { DialogActivityLog as x } from "./DialogActivityLog.js";
 import { DialogArticleBase as B } from "./DialogArticleBase.js";

package/dist/components/Dropdown/DrawerBase.d.ts

@@ -2,8 +2,8 @@ import { ReactNode } from 'react';
 export type DrawerPlacement = 'inline' | 'bottom';
 export interface DrawerBaseProps {
     placement?: DrawerPlacement;
-    expanded?: boolean;
+    open?: boolean;
     className?: string;
     children?: ReactNode;
 }
-export declare const DrawerBase: ({ placement, expanded, className, children }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerBase: ({ placement, open, className, children }: DrawerBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dropdown/DrawerBase.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { c as d } from "../../index-L8X2o7IH.js";
 import '../../assets/DrawerBase.css';const n = "_drawer_1vx9q_1", o = {
   drawer: n
-}, m = ({ placement: r = "inline", expanded: a = !1, className: e, children: s }) => /* @__PURE__ */ t("div", { className: d(o.drawer, e), "data-placement": r, "aria-expanded": a, children: s });
+}, m = ({ placement: r = "inline", open: a = !1, className: e, children: s }) => /* @__PURE__ */ t("div", { className: d(o.drawer, e), "data-placement": r, "aria-expanded": a, children: s });
 export {
   m as DrawerBase
 };