@altinn/altinn-components 0.10.0 → 0.10.2

package/dist/assets/DialogHeading.css

@@ -1 +1 @@
-._heading_1tkck_1{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_1tkck_7{line-height:1.25;font-weight:600;margin:0}._title_1tkck_7[data-size=xs],._title_1tkck_7[data-size=sm]{font-size:1rem}._title_1tkck_7[data-size=md],._title_1tkck_7[data-size=lg],._title_1tkck_7[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_1tkck_7[data-size=md]{font-size:1rem}._title_1tkck_7[data-size=lg]{font-size:1.125rem;line-height:1.5rem}._title_1tkck_7[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_1tkck_7[data-seen=true],._title_1tkck_7[data-variant=archived]{font-weight:400}._title_1tkck_7[data-variant=trashed]{font-weight:400;text-decoration:line-through}
+._heading_xpy9u_1{padding-right:1.25rem;display:inline-flex;column-gap:.5em}._title_xpy9u_7{line-height:1.25;font-weight:600;margin:0}._title_xpy9u_7[data-size=xs],._title_xpy9u_7[data-size=sm]{font-size:1rem}._title_xpy9u_7[data-size=md],._title_xpy9u_7[data-size=lg],._title_xpy9u_7[data-size=xl]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._title_xpy9u_7[data-size=md]{font-size:1rem}._title_xpy9u_7[data-size=lg]{font-size:1.125rem;line-height:1.5rem}._title_xpy9u_7[data-size=xl]{font-size:1.25rem;line-height:1.25}._title_xpy9u_7[data-seen=true],._title_xpy9u_7[data-state=archived]{font-weight:400}._title_xpy9u_7[data-state=trashed]{font-weight:400;text-decoration:line-through}

package/dist/assets/DialogListItem.css

@@ -1 +1 @@
-._border_1676z_14[data-size=xs],._border_1676z_14[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1676z_14[data-size=md]{margin:.25rem 0;padding-left:.75rem;row-gap:.5rem}._border_1676z_14[data-size=lg]{margin:.25rem 0;padding-left:.875rem;row-gap:.875rem}._border_1676z_14[data-size=xl]{margin:.25rem 0;padding-left:1rem;row-gap:1rem}._select_1676z_40{position:absolute;top:0;right:0;margin:.375rem}._header_1676z_47{display:flex;flex-direction:column;row-gap:.25rem}._header_1676z_47[data-size=xs],._header_1676z_47[data-size=sm]{display:flex;flex-direction:row}._summary_1676z_59{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1676z_59[data-size=xs],._summary_1676z_59[data-size=sm],._summary_1676z_59[data-size=md]{font-size:.875rem}._summary_1676z_59[data-size=lg],._summary_1676z_59[data-size=xl]{font-size:1rem}._footer_1676z_87{width:100%}._touchedBy_1676z_91{position:absolute;right:0;bottom:0;margin:8px}
+._link_1j8q5_1[data-size=xl]{padding:1em}._link_1j8q5_1[data-size=lg]{padding:.875em}._link_1j8q5_1[data-size=md]{padding:.75em}._link_1j8q5_1[data-size=sm],._link_1j8q5_1[data-size=xs]{padding:.625em}._border_1j8q5_22{position:relative;border-left:.25rem solid;border-color:var(--theme-surface-active);display:flex;flex-direction:column}._border_1j8q5_22[data-seen=true],._border_1j8q5_22[data-loading=true]{border-color:var(--neutral-surface-default)}._border_1j8q5_22[data-size=xs],._border_1j8q5_22[data-size=sm]{width:100%;flex-direction:row;align-items:center;padding-left:.75rem}._border_1j8q5_22[data-size=md]{padding-left:.75rem;row-gap:.5rem}._border_1j8q5_22[data-size=lg]{padding-left:.875rem;row-gap:.875rem}._border_1j8q5_22[data-size=xl]{padding-left:1rem;row-gap:1rem}._select_1j8q5_61{position:absolute;top:0;right:0;margin:.375rem}._header_1j8q5_68{display:flex;flex-direction:column;row-gap:.25rem}._header_1j8q5_68[data-size=xs],._header_1j8q5_68[data-size=sm]{display:flex;flex-direction:row}._summary_1j8q5_80{font-size:1rem;font-weight:400;line-height:1.25;color:var(--theme-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._summary_1j8q5_80[data-size=xs],._summary_1j8q5_80[data-size=sm],._summary_1j8q5_80[data-size=md]{font-size:.875rem}._summary_1j8q5_80[data-size=lg],._summary_1j8q5_80[data-size=xl]{font-size:1rem}._footer_1j8q5_108{width:100%}._touchedBy_1j8q5_112{position:absolute;right:0;bottom:0;margin:8px}

package/dist/assets/ListItemBase.css

@@ -1 +1 @@
-._item_19vbq_1{position:relative;width:100%;display:flex;flex-direction:column}._item_19vbq_1[aria-disabled=true]{pointer-events:none}._item_19vbq_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_19vbq_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong)}._item_19vbq_1[data-variant=outline],._item_19vbq_1[data-variant=dotted]{outline-color:var(--theme-base-default)}._item_19vbq_1[data-variant=outline]{outline-style:solid}._item_19vbq_1[data-variant=dotted]{outline-style:dashed}._item_19vbq_1[data-color=subtle]{background-color:var(--theme-background-default)}._item_19vbq_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_19vbq_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._item_19vbq_1[data-active=true]{background-color:var(--theme-surface-default)}._item_19vbq_1[aria-expanded=true]{outline:2px solid}._item_19vbq_1[aria-selected=true]{background-color:var(--theme-background-subtle);outline:2px solid}
+._item_1grve_1{position:relative;width:100%;display:flex;flex-direction:column}._item_1grve_1[data-shadow=xs]{box-shadow:var(--ds-shadow-xs)}._item_1grve_1[data-variant=outline],._item_1grve_1[data-variant=dotted]{outline-color:var(--theme-base-default)}._item_1grve_1[data-variant=outline]{outline-style:solid}._item_1grve_1[data-variant=dotted]{outline-style:dashed}._item_1grve_1[data-color=neutral]{background-color:var(--theme-background-default)}._item_1grve_1[data-color=accent]{background-color:var(--theme-surface-default)}._item_1grve_1[data-color=accent]:hover{background-color:var(--theme-surface-hover)}._item_1grve_1[data-active=true]{background-color:var(--theme-surface-default)}._item_1grve_1[aria-expanded=true],._item_1grve_1[aria-selected=true]{outline:2px solid}._item_1grve_1[aria-disabled=true]{pointer-events:none}._item_1grve_1:not([aria-selected=true]):hover,._item_1grve_1:not([aria-disabled=true]):hover{outline:2px solid var(--theme-border-strong)}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._header_s8c6k_1{position:relative;width:100%;display:flex;align-items:center}._link_s8c6k_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_s8c6k_8{flex-grow:1;display:flex;align-items:center;column-gap:.625rem;padding:.25rem .625rem}._link_s8c6k_8[aria-disabled=true]{pointer-events:none}._link_s8c6k_8:not([aria-disabled=true]):hover h2{text-decoration:underline}._link_s8c6k_8[data-size=xs]{min-height:36px}._link_s8c6k_8[data-size=sm]{min-height:44px}._link_s8c6k_8[data-size=md]{min-height:56px;padding:.325rem .625rem}._link_s8c6k_8[data-size=lg]{min-height:64px;padding:.5rem .75rem;column-gap:.75rem}._link_s8c6k_8[data-size=xl]{min-height:72px;padding:.75rem 1rem;column-gap:1rem}
+._header_16s1f_1{position:relative;width:100%;display:flex;align-items:center}._link_16s1f_8{flex-grow:1;display:flex;align-items:center;column-gap:.625rem;padding:.325rem .625rem}._link_16s1f_8[data-size=xs]{min-height:44px}._link_16s1f_8[data-size=sm]{min-height:52px}._link_16s1f_8[data-size=md]{min-height:60px;padding:.5rem .75rem;column-gap:.75rem}._link_16s1f_8[data-size=lg]{min-height:64px;padding:.5rem .875rem;column-gap:.875rem}._link_16s1f_8[data-size=xl]{min-height:72px;padding:.75rem 1rem;column-gap:1rem}

package/dist/assets/ListItemLabel.css

@@ -1 +1 @@
-._label_1jhqj_3{width:100%}._label_1jhqj_3[data-size=xs],._label_1jhqj_3[data-size=sm]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_1jhqj_3[data-size=md],._label_1jhqj_3[data-size=lg],._label_1jhqj_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._title_1jhqj_36{display:inline;font-weight:600;line-height:1.25;margin:0}._description_1jhqj_43{display:inline;font-weight:400;line-height:1.125;color:var(--theme-text-subtle);margin:0}._title_1jhqj_36[data-size=xs],._title_1jhqj_36[data-size=sm],._title_1jhqj_36[data-size=md]{font-size:1rem}._title_1jhqj_36[data-size=lg]{font-size:1.125rem}._title_1jhqj_36[data-size=xl]{font-size:1.25rem}._description_1jhqj_43[data-size=xs],._description_1jhqj_43[data-size=sm],._description_1jhqj_43[data-size=md],._description_1jhqj_43[data-size=lg]{font-size:.875rem}._description_1jhqj_43[data-size=xl]{font-size:1rem}
+._label_5sijq_3{width:100%}._label_5sijq_3[data-size=xs]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._label_5sijq_3[data-size=sm],._label_5sijq_3[data-size=md],._label_5sijq_3[data-size=lg],._label_5sijq_3[data-size=xl]{display:flex;flex-direction:column;row-gap:.125rem}._title_5sijq_27{display:inline;font-weight:600;line-height:1.25;margin:0}._description_5sijq_34{display:inline;font-weight:400;line-height:1.125;color:var(--theme-text-subtle);margin:0}._title_5sijq_27[data-size=xs],._title_5sijq_27[data-size=sm]{font-size:1rem}._title_5sijq_27[data-size=md],._title_5sijq_27[data-size=lg]{font-size:1.125rem}._title_5sijq_27[data-size=xl]{font-size:1.25rem}._description_5sijq_34[data-size=xs],._description_5sijq_34[data-size=sm],._description_5sijq_34[data-size=md],._description_5sijq_34[data-size=lg]{font-size:.875rem;line-height:1rem}._description_5sijq_34[data-size=xl]{font-size:1rem}

package/dist/assets/ListItemLink.css

@@ -0,0 +1 @@
+._link_4l8am_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;cursor:pointer}._link_4l8am_1[aria-disabled=true]{pointer-events:none}._link_4l8am_1:not([aria-disabled=true]):hover h2{text-decoration:underline}

package/dist/assets/ListItemMedia.css

@@ -1 +1 @@
-._media_14b0z_3{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_14b0z_3{font-size:1.5rem}._media_14b0z_3[data-size=xs]{font-size:1.25rem}._media_14b0z_3[data-size=md]{font-size:1.875rem}._media_14b0z_3[data-size=md] ._icon_14b0z_24{font-size:1.5rem}._media_14b0z_3[data-size=lg]{font-size:2.25rem}._media_14b0z_3[data-size=lg] ._icon_14b0z_24{font-size:1.75rem}._media_14b0z_3[data-size=xl]{font-size:2.75rem}._media_14b0z_3[data-size=xl] ._icon_14b0z_24{font-size:2rem}
+._media_1hvg4_3{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:1em;height:1em}._media_1hvg4_3{font-size:1.5rem}._media_1hvg4_3[data-size=md],._media_1hvg4_3[data-size=lg]{font-size:1.875rem}._media_1hvg4_3[data-size=md] ._icon_1hvg4_21,._media_1hvg4_3[data-size=lg] ._icon_1hvg4_21{font-size:1.75rem}._media_1hvg4_3[data-size=xl]{font-size:2.25rem}._media_1hvg4_3[data-size=xl] ._icon_1hvg4_21{font-size:2rem}

package/dist/assets/ListItemSelect.css

@@ -1 +1 @@
-._label_1niu5_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1niu5_1[data-size=xl],._label_1niu5_1[data-size=lg],._label_1niu5_1[data-size=md]{font-size:1.25rem;margin-left:.375rem;margin-right:-.25rem}._label_1niu5_1[data-size=sm],._label_1niu5_1[data-size=xs]{font-size:1rem;padding:.625rem;margin-left:.325rem;margin-right:-.5rem}._label_1niu5_1[data-size=xs]{font-size:1rem;padding:.5rem;margin-left:.25rem;margin-right:-.5rem}._label_1niu5_1:hover{background-color:var(--theme-surface-default)}._input_1niu5_39{position:absolute;opacity:0}._icon_1niu5_44{color:var(--theme-base-default)}._icon_1niu5_44 [data-hover=true]{opacity:0}._label_1niu5_1:hover [data-hover=true]{opacity:1}
+._label_1gmbm_1{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background-color:transparent;padding:.75rem;border-radius:50%;border:0}._label_1gmbm_1[data-size=xl],._label_1gmbm_1[data-size=lg],._label_1gmbm_1[data-size=md]{font-size:1.25rem;margin-left:.375rem;margin-right:-.25rem}._label_1gmbm_1[data-size=sm],._label_1gmbm_1[data-size=xs]{font-size:1rem;padding:.625rem;margin-left:.325rem;margin-right:-.5rem}._label_1gmbm_1:hover{background-color:var(--theme-surface-default)}._input_1gmbm_32{position:absolute;opacity:0}._icon_1gmbm_37{color:var(--theme-base-default)}._icon_1gmbm_37 [data-hover=true]{opacity:0}._label_1gmbm_1:hover [data-hover=true]{opacity:1}

package/dist/components/AccessAreaList/AccessAreaListItem.js

@@ -1,13 +1,13 @@
 import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { ListItemBase as l } from "../List/ListItemBase.js";
-import { ListItemHeader as a } from "../List/ListItemHeader.js";
+import { ListItemBase as a } from "../List/ListItemBase.js";
 import "../../index-L8X2o7IH.js";
+import { ListItemHeader as p } from "../List/ListItemHeader.js";
 import "react";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
-import '../../assets/AccessAreaListItem.css';const p = "_content_7hk0i_1", f = {
-  content: p
+import '../../assets/AccessAreaListItem.css';const l = "_content_7hk0i_1", f = {
+  content: l
 }, v = ({
   name: o,
   icon: e,
@@ -16,9 +16,9 @@ import '../../assets/AccessAreaListItem.css';const p = "_content_7hk0i_1", f = {
   expanded: t = !1,
   onClick: i,
   ...c
-}) => /* @__PURE__ */ n(l, { size: r, color: "subtle", expanded: t, children: [
+}) => /* @__PURE__ */ n(a, { size: r, expanded: t, children: [
   /* @__PURE__ */ s(
-    a,
+    p,
     {
       as: "button",
       avatar: {

package/dist/components/AccessAreaList/AccessAreaListItem.stories.js

@@ -1,9 +1,13 @@
-import { jsxs as o, Fragment as p, jsx as i } from "react/jsx-runtime";
+import { jsxs as d, Fragment as p, jsx as i } from "react/jsx-runtime";
 import x from "react";
-import { AccessAreaListItem as c } from "./AccessAreaListItem.js";
-import { a } from "../../accesspackages-BI13BnDa.js";
+import { a as c } from "../../accesspackages-BI13BnDa.js";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { AccessAreaListItem as a } from "./AccessAreaListItem.js";
 import { AccessPackageList as m } from "../AccessPackageList/AccessPackageList.js";
-const t = a[1].areas[1], g = /* @__PURE__ */ o(p, { children: [
+const t = c[1].areas[1], g = /* @__PURE__ */ d(p, { children: [
   t.description && /* @__PURE__ */ i("p", { children: t.description }),
   /* @__PURE__ */ i(
     m,
@@ -14,9 +18,9 @@ const t = a[1].areas[1], g = /* @__PURE__ */ o(p, { children: [
       }))
     }
   )
-] }), y = {
+] }), z = {
   title: "List/AccessAreaListItem",
-  component: c,
+  component: a,
   tags: ["autodocs"],
   args: {
     id: t.id,
@@ -43,28 +47,28 @@ const t = a[1].areas[1], g = /* @__PURE__ */ o(p, { children: [
       }
     }
   }
-}, L = {}, k = (s) => {
-  const [l, r] = x.useState(null);
-  return /* @__PURE__ */ i("div", { children: a.map((n) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
+}, I = {}, j = (s) => {
+  const [r, l] = x.useState(null);
+  return /* @__PURE__ */ i("div", { children: c.map((n) => /* @__PURE__ */ d("div", { style: { display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
     /* @__PURE__ */ i("h2", { children: n.name }),
     /* @__PURE__ */ i("p", { children: n.description }),
-    n.areas.map((e) => /* @__PURE__ */ o(
-      c,
+    n.areas.map((e) => /* @__PURE__ */ d(
+      a,
       {
         id: e.id,
         name: e.name,
         icon: `data:image/svg+xml;base64,${btoa(e.icon)}`,
         size: s.size,
-        expanded: l === e.id,
-        onClick: () => r((d) => d === e.id ? null : e.id),
+        expanded: r === e.id,
+        onClick: () => l((o) => o === e.id ? null : e.id),
         children: [
           e.description && /* @__PURE__ */ i("p", { children: e.description }),
           /* @__PURE__ */ i(
             m,
             {
-              items: e.packages.map((d) => ({
-                id: d.id,
-                title: d.name
+              items: e.packages.map((o) => ({
+                id: o.id,
+                title: o.name
               }))
             }
           )
@@ -75,7 +79,7 @@ const t = a[1].areas[1], g = /* @__PURE__ */ o(p, { children: [
   ] }, n.id)) });
 };
 export {
-  k as AllAreas,
-  L as AreaListItemStory,
-  y as default
+  j as AllAreas,
+  I as AreaListItemStory,
+  z as default
 };

package/dist/components/Autocomplete/Autocomplete.stories.js

@@ -1,8 +1,8 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { Autocomplete as l } from "./Autocomplete.js";
+import { Autocomplete as i } from "./Autocomplete.js";
 const o = {
   title: "Header/Autocomplete",
-  component: l,
+  component: i,
   tags: ["autodocs"],
   parameters: {},
   args: {}
@@ -79,7 +79,6 @@ const o = {
         ] })
       },
       {
-        id: "2a",
         groupId: "3",
         type: "dialog",
         href: "#",
@@ -87,7 +86,6 @@ const o = {
         description: "Skattemeldingen er klar for innsending."
       },
       {
-        id: "2b",
         groupId: "3",
         type: "dialog",
         href: "#",
@@ -95,7 +93,6 @@ const o = {
         description: "Skatteoppgjøret ditt er klart."
       },
       {
-        id: "2c",
         groupId: "3",
         type: "dialog",
         href: "#",
@@ -153,7 +150,6 @@ const o = {
       },
       {
         groupId: "noHits",
-        id: "2a",
         type: "information",
         label: () => /* @__PURE__ */ e("span", { children: [
           "Søk etter ",
@@ -163,7 +159,7 @@ const o = {
       }
     ]
   }
-}, i = {
+}, l = {
   args: {
     ...r.args,
     items: [
@@ -260,7 +256,7 @@ const o = {
   }
 }, f = {
   args: {
-    ...i.args,
+    ...l.args,
     groups: {
       2: {
         title: "Søkeforslag"
@@ -270,7 +266,7 @@ const o = {
       }
     },
     items: [
-      ...i.args.items,
+      ...l.args.items,
       {
         id: "2a",
         groupId: "2",
@@ -317,7 +313,7 @@ export {
   g as LoadingResults,
   k as NoHits,
   p as Scopes,
-  i as ScopesAndMixedResults,
+  l as ScopesAndMixedResults,
   r as ScopesAndResults,
   c as ScopesAndSuggestions,
   f as ScopesResultsAndSuggestions,

package/dist/components/Bookmarks/BookmarksList.js

@@ -3,10 +3,10 @@ import { createElement as t } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../Autocomplete/AutocompleteBase.js";
-import { BookmarksListItem as p } from "./BookmarksListItem.js";
+import { BookmarksListItem as i } from "./BookmarksListItem.js";
 import "../RootProvider/RootProvider.js";
-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 })) });
+import { ListBase as p } from "../List/ListBase.js";
+const B = ({ items: o = [] }) => /* @__PURE__ */ m(p, { spacing: "xs", children: o.map((r) => /* @__PURE__ */ t(i, { ...r, key: r.id })) });
 export {
   B as BookmarksList
 };

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

@@ -30,9 +30,9 @@ const a = {
       }
     ]
   }
-}, s = {
-  args: {}
 }, i = {
+  args: {}
+}, s = {
   args: {
     items: a.args.items.map((e) => ({
       ...e,
@@ -40,10 +40,12 @@ const a = {
         id: [e.id, "menu"].join("-"),
         items: [
           {
+            id: [e.id, "edit"].join("-"),
             icon: "pencil",
             title: "Rediger søk"
           },
           {
+            id: [e.id, "trash"].join("-"),
             icon: "trash",
             title: "Slett søk"
           }
@@ -53,7 +55,7 @@ const a = {
   }
 };
 export {
-  s as Default,
-  i as WithContextMenu,
+  i as Default,
+  s as WithContextMenu,
   a as default
 };

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

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

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

@@ -42,10 +42,12 @@ const a = {
         id: [e.id, "menu"].join("-"),
         items: [
           {
+            id: [e.id, "edit"].join("-"),
             icon: "pencil",
             title: "Rediger søk"
           },
           {
+            id: [e.id, "trash"].join("-"),
             icon: "trash",
             title: "Slett søk"
           }

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

@@ -3,10 +3,10 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
-import { Button as l } from "./Button.js";
-import { ComboButton as d } from "./ComboButton.js";
-import { IconButton as p } from "./IconButton.js";
-import { MetaItem as c } from "../Meta/MetaItem.js";
+import { Button as m } from "./Button.js";
+import { ComboButton as c } from "./ComboButton.js";
+import { IconButton as s } from "./IconButton.js";
+import { MetaItem as l } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
 const I = {
   title: "Atoms/Button/Buttons",
@@ -21,7 +21,7 @@ const I = {
       options: ["primary", "secondary"]
     }
   }
-}, n = ["sm", "md", "lg"], m = ["solid", "outline", "dotted", "text"], b = (e) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", rowGap: "1rem" }, children: m == null ? void 0 : m.map((t) => /* @__PURE__ */ i(
+}, d = ["sm", "md", "lg"], n = ["solid", "outline", "dotted", "text"], b = (e) => /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", rowGap: "1rem" }, children: n == null ? void 0 : n.map((t) => /* @__PURE__ */ i(
   "div",
   {
     style: {
@@ -33,13 +33,13 @@ const I = {
       width: "100%"
     },
     children: [
-      /* @__PURE__ */ o(c, { children: t }),
-      n == null ? void 0 : n.map((r) => /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
-        /* @__PURE__ */ o(p, { ...e, icon: "x-mark", variant: t, size: r }),
-        /* @__PURE__ */ o(l, { ...e, variant: t, icon: "arrow-left", size: r, children: "Button" }),
-        /* @__PURE__ */ o(l, { ...e, reverse: !0, variant: t, icon: "arrow-right", size: r, children: "Button" }),
-        /* @__PURE__ */ o(d, { ...e, variant: t, icon: "chevron-down", size: r, children: "ComboButton" }),
-        /* @__PURE__ */ o(c, { children: r })
+      /* @__PURE__ */ o(l, { children: t }),
+      d.map((r) => /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", columnGap: "1rem" }, children: [
+        /* @__PURE__ */ o(s, { ...e, icon: "x-mark", variant: t, size: r }),
+        /* @__PURE__ */ o(m, { ...e, variant: t, icon: "arrow-left", size: r, children: "Button" }),
+        /* @__PURE__ */ o(m, { ...e, reverse: !0, variant: t, icon: "arrow-right", size: r, children: "Button" }),
+        /* @__PURE__ */ o(c, { ...e, variant: t, icon: "chevron-down", size: r, children: "ComboButton" }),
+        /* @__PURE__ */ o(l, { children: r })
       ] }, r))
     ]
   },

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

@@ -1,27 +1,26 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { MetaItem as c } from "../Meta/MetaItem.js";
+import { MetaItem as r } from "../Meta/MetaItem.js";
 import "../Icon/SvgIcon.js";
-import { IconButton as l } from "./IconButton.js";
+import { IconButton as s } from "./IconButton.js";
 const f = {
   title: "Atoms/Button/IconButton",
-  component: l,
+  component: s,
   tags: ["autodocs"],
   parameters: {},
   args: {
-    children: "IconButton",
     icon: "x-mark",
     size: "sm"
   }
 }, x = {
   args: {}
-}, n = ["sm", "md", "lg"], r = ["outline", "solid", "dotted", "text"], h = (s) => /* @__PURE__ */ t("div", { style: { display: "flex", columnGap: "1rem", justifyContent: "space-between", width: "100%" }, children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", columnGap: "1rem" }, children: [
-  /* @__PURE__ */ t(c, { children: o }),
-  n == null ? void 0 : n.map((e) => /* @__PURE__ */ m("div", { children: [
-    /* @__PURE__ */ t(l, { ...s, variant: o, size: e }),
-    /* @__PURE__ */ t(c, { children: e })
-  ] }, e))
-] }, o)) });
+}, i = ["sm", "md", "lg"], l = ["outline", "solid", "dotted", "text"], h = (m) => /* @__PURE__ */ t("div", { style: { display: "flex", columnGap: "1rem", justifyContent: "space-between", width: "100%" }, children: l.map((e) => /* @__PURE__ */ n("div", { style: { display: "flex", flexDirection: "column", columnGap: "1rem" }, children: [
+  /* @__PURE__ */ t(r, { children: e }),
+  i.map((o) => /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ t(s, { ...m, variant: e, size: o }),
+    /* @__PURE__ */ t(r, { children: o })
+  ] }, o))
+] }, e)) });
 export {
   x as Default,
   h as Sizes,

package/dist/components/ContextMenu/ContextMenu.js

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

package/dist/components/Dialog/DialogHeading.js

@@ -4,15 +4,15 @@ import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import { Skeleton as l } from "../Skeleton/Skeleton.js";
-import { DialogLabel as c } from "./DialogLabel.js";
+import { DialogLabel as p } from "./DialogLabel.js";
 import "../RootProvider/RootProvider.js";
-import '../../assets/DialogHeading.css';const d = "_heading_1tkck_1", p = "_title_1tkck_7", o = {
+import '../../assets/DialogHeading.css';const d = "_heading_xpy9u_1", c = "_title_xpy9u_7", o = {
   heading: d,
-  title: p
-}, D = ({ loading: e, size: a = "sm", seen: r = !1, variant: i, label: s, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
-  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": r, "data-size": a, "data-variant": i, children: /* @__PURE__ */ t(l, { loading: e, children: m }) }),
-  !e && s && /* @__PURE__ */ t(c, { variant: i, size: "xs", children: s })
+  title: c
+}, z = ({ loading: e, size: a = "sm", seen: r = !1, state: i, label: s, children: m }) => /* @__PURE__ */ n("div", { className: o.heading, children: [
+  /* @__PURE__ */ t("h2", { className: o.title, "data-seen": r, "data-size": a, "data-state": i, children: /* @__PURE__ */ t(l, { loading: e, children: m }) }),
+  !e && s && /* @__PURE__ */ t(p, { type: i, size: "xs", children: s })
 ] });
 export {
-  D as DialogHeading
+  z as DialogHeading
 };

package/dist/components/Dialog/DialogLabel.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import { MetaItem as e } from "../Meta/MetaItem.js";
 import "../Icon/SvgIcon.js";
-const u = ({ size: r = "xs", variant: n, label: t, children: a }) => {
+const u = ({ size: r = "xs", type: n, label: t, children: a }) => {
   switch (n) {
     case "trashed":
       return /* @__PURE__ */ o(e, { size: r, icon: "trash", variant: "rounded", children: a || t });