@altinn/altinn-components 0.6.9 → 0.6.10

package/dist/assets/FooterBase.css

@@ -1 +1 @@
-._footer_z2xgm_1{border-top:1px solid;border-color:var(--theme-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_z2xgm_13{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media (min-width: 1024px){._grid_z2xgm_13{padding:0 1rem;flex-direction:row}}
+._footer_1d8fg_1{width:100%;border-top:1px solid;border-color:var(--theme-border-subtle);display:flex;flex-direction:column;row-gap:1rem;padding:1rem 0;margin:2rem 1rem}._grid_1d8fg_14{width:100%;max-width:80rem;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;row-gap:1rem}@media (min-width: 1024px){._grid_1d8fg_14{padding:0 1rem;flex-direction:row}}

package/dist/assets/GlobalMenuBase.css

@@ -1 +1 @@
-._nav_gzloq_1{background-color:#fff;display:flex;flex-direction:column;padding:0 .5rem}._header_gzloq_8{border-bottom:1px solid var(--theme-border-subtle)}._footer_gzloq_12{border-top:1px solid var(--theme-border-subtle);padding:1rem .5rem;display:flex;flex-direction:column;align-items:stretch}._drawer_gzloq_20[aria-expanded=true]{display:block;padding:.5rem;z-index:2}._dropdown_gzloq_26[aria-expanded=true]{display:none}@media (min-width: 1024px){._drawer_gzloq_20[aria-expanded=true]{display:none}._dropdown_gzloq_26[aria-expanded=true]{display:block;z-index:2}}
+._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}}

package/dist/assets/MenuItemBase.css

@@ -1 +1 @@
-._item_1m3xe_1{border:0;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;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0}._item_1m3xe_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1m3xe_1[data-size=sm]{min-height:44px}._content_1m3xe_35{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1m3xe_43{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1m3xe_50{font-size:.875rem;white-space:nowrap}._linkIcon_1m3xe_55{font-size:1.5rem}._item_1m3xe_1{background-color:transparent;color:var(--theme-text-default)}._item_1m3xe_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_1m3xe_1:hover,._item_1m3xe_1:active{background-color:var(--theme-surface-hover)}._media_1m3xe_75[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_1m3xe_75[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}
+._item_16huj_1{padding:0;border:0;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;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0}._item_16huj_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_16huj_1[data-size=sm]{min-height:44px}._content_16huj_36{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_16huj_44{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_16huj_51{font-size:.875rem;white-space:nowrap}._linkIcon_16huj_56{font-size:1.5rem}._item_16huj_1{background-color:transparent;color:var(--theme-text-default)}._item_16huj_1[aria-selected=true]{background-color:var(--theme-background-default)}._item_16huj_1:hover,._item_16huj_1:active{background-color:var(--theme-surface-hover)}._media_16huj_76[data-color=subtle]{background-color:var(--theme-background-default);color:var(--theme-text-default)}._media_16huj_76[data-color=strong]{background-color:var(--theme-base-default);color:var(--theme-background-default)}

package/dist/assets/MenuOption.css

@@ -1 +1 @@
-._label_1am63_1{padding-left:6px}._input_1am63_5{position:absolute;opacity:0}._icon_1am63_10{font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_1am63_10{color:var(--theme-base-default)}._icon_1am63_10 [data-hover=true]{opacity:0}._label_1am63_1:hover [data-hover=true]{opacity:1}
+._label_dg58p_1{padding-left:6px}._input_dg58p_5{position:absolute;opacity:0}._icon_dg58p_10{flex-shrink:0;font-size:1rem;display:flex;align-items:center;justify-content:center}._icon_dg58p_10{color:var(--theme-base-default)}._icon_dg58p_10 [data-hover=true]{opacity:0}._label_dg58p_1:hover [data-hover=true]{opacity:1}

package/dist/components/Footer/FooterBase.js

@@ -1,12 +1,12 @@
 import { jsx as t, jsxs as e } from "react/jsx-runtime";
 import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/FooterBase.css';const i = "_footer_z2xgm_1", m = "_grid_z2xgm_13", o = {
-  footer: i,
-  grid: m
-}, n = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
+import '../../assets/FooterBase.css';const d = "_footer_1d8fg_1", f = "_grid_1d8fg_14", o = {
+  footer: d,
+  grid: f
+}, a = ({ className: r, children: s }) => /* @__PURE__ */ t("footer", { className: c(o.footer, r), children: /* @__PURE__ */ e("div", { className: o.grid, children: [
   s,
   " "
 ] }) });
 export {
-  n as FooterBase
+  a as FooterBase
 };

package/dist/components/Footer/FooterMenu.js

@@ -1,16 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import { MenuBase as m } from "../Menu/MenuBase.js";
-import '../../assets/FooterMenu.css';const l = "_menu_3o631_1", c = "_list_3o631_7", _ = "_item_3o631_28", a = "_link_3o631_32", i = {
-  menu: l,
-  list: c,
-  item: _,
-  link: a
-}, p = ({ as: t, className: e, title: o, ...r }) => /* @__PURE__ */ n(t || "a", { className: s(i.link, e), ...r, children: o }), C = ({ className: t, items: e = [] }) => /* @__PURE__ */ n(m, { className: s(i.menu, t), children: /* @__PURE__ */ n("ul", { className: i.list, children: e.map((o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(p, { ...o }) }, o.id)) }) });
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/FooterMenu.css';const c = "_menu_3o631_1", r = "_list_3o631_7", m = "_item_3o631_28", _ = "_link_3o631_32", s = {
+  menu: c,
+  list: r,
+  item: m,
+  link: _
+}, a = ({ as: t, className: e, title: o, ...l }) => /* @__PURE__ */ n(t || "a", { className: i(s.link, e), ...l, children: o }), k = ({ className: t, items: e = [] }) => /* @__PURE__ */ n("nav", { className: i(s.menu, t), children: /* @__PURE__ */ n("ul", { className: s.list, children: e.map((o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(a, { ...o }) }, o.id)) }) });
 export {
-  p as FooterLink,
-  C as FooterMenu
+  a as FooterLink,
+  k as FooterMenu
 };

package/dist/components/GlobalMenu/AccountMenu.js

@@ -5,7 +5,7 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { Menu as b } from "../Menu/Menu.js";
-const v = (r) => `${r} hits`, R = ({
+const v = (r) => `${r} hits`, k = ({
   accounts: r = [],
   accountGroups: f = {},
   accountSearch: s,
@@ -29,11 +29,11 @@ const v = (r) => `${r} hits`, R = ({
   }).map((e) => ({
     ...e,
     groupId: "search"
-  })) : p, h = i ? {
+  })) : p, I = i ? {
     search: {
       title: ((m = s == null ? void 0 : s.getResultsLabel) == null ? void 0 : m.call(s, l.length)) ?? v(l.length)
     }
-  } : f, I = {
+  } : f, h = {
     name: "account-search",
     value: i,
     placeholder: (s == null ? void 0 : s.placeholder) ?? "Find account",
@@ -41,8 +41,16 @@ const v = (r) => `${r} hits`, R = ({
   }, C = [
     ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ L(b, { theme: "global", search: I, groups: h, items: C });
+  return /* @__PURE__ */ L(
+    b,
+    {
+      theme: "global",
+      search: s && h,
+      groups: I,
+      items: C
+    }
+  );
 };
 export {
-  R as AccountMenu
+  k as AccountMenu
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,58 +1,64 @@
 "use client";
-import { jsxs as u, jsx as o } from "react/jsx-runtime";
-import { useState as k } from "react";
+import { jsxs as n, jsx as o, Fragment as x } from "react/jsx-runtime";
+import { useState as G } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as B } from "./AccountMenu.js";
-import { Menu as p } from "../Menu/Menu.js";
-import { AccountButton as x } from "./AccountButton.js";
-import { BackButton as G } from "./BackButton.js";
-import { GlobalMenuBase as i, GlobalMenuHeader as C, GlobalMenuFooter as j } from "./GlobalMenuBase.js";
-import { LogoutButton as A } from "./LogoutButton.js";
-const I = ({
-  accounts: l = [],
-  accountGroups: s = {},
-  accountSearch: f,
-  items: m = [],
+import { AccountMenu as v } from "./AccountMenu.js";
+import { MenuListItem as l } from "../Menu/MenuBase.js";
+import { Menu as d } from "../Menu/Menu.js";
+import { AccountButton as C } from "./AccountButton.js";
+import { BackButton as j } from "./BackButton.js";
+import { GlobalMenuBase as m, GlobalMenuHeader as f, GlobalMenuFooter as A } from "./GlobalMenuBase.js";
+import { LogoutButton as F } from "./LogoutButton.js";
+const N = ({
+  accounts: a = [],
+  accountGroups: h = {},
+  accountSearch: s,
+  items: p = [],
   groups: c,
-  changeLabel: h = "Change",
-  backLabel: d = "Back",
-  currentAccount: t,
+  changeLabel: M = "Change",
+  backLabel: g = "Back",
+  currentAccount: r,
   onSelectAccount: e,
-  logoutButton: a
+  logoutButton: u
 }) => {
-  const [M, b] = k(!1), r = () => {
-    b((n) => !n);
-  }, g = (n) => {
-    r(), e == null || e(n);
+  const [b, k] = G(!1), t = () => {
+    k((i) => !i);
+  }, B = (i) => {
+    t(), e == null || e(i);
   };
-  return M ? /* @__PURE__ */ u(i, { children: [
-    /* @__PURE__ */ o(G, { onClick: r, label: d }),
+  return b ? /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(j, { onClick: t, label: g }) }),
+    !s && /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
     /* @__PURE__ */ o(
-      B,
+      v,
       {
-        currentAccount: t,
-        accounts: l,
-        accountGroups: s,
-        accountSearch: f,
-        onSelectAccount: g
+        currentAccount: r,
+        accounts: a,
+        accountGroups: h,
+        accountSearch: s,
+        onSelectAccount: B
       }
     )
-  ] }) : t ? /* @__PURE__ */ u(i, { children: [
-    /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
-      x,
+  ] }) : r ? /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
+      C,
       {
-        account: t,
-        linkText: h,
-        multipleAccounts: l.length > 1,
-        onClick: r
+        account: r,
+        linkText: M,
+        multipleAccounts: a.length > 1,
+        onClick: t
       }
     ) }),
-    /* @__PURE__ */ o(p, { groups: c, items: m }),
-    a && /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(A, { ...a }) })
-  ] }) : /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(p, { groups: c, items: m }) });
+    /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
+    /* @__PURE__ */ o(d, { groups: c, items: p }),
+    u && /* @__PURE__ */ n(x, { children: [
+      /* @__PURE__ */ o(l, { as: "div", role: "separator" }),
+      /* @__PURE__ */ o(A, { children: /* @__PURE__ */ o(F, { ...u }) })
+    ] })
+  ] }) : /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(d, { groups: c, items: p }) });
 };
 export {
-  I as GlobalMenu
+  N as GlobalMenu
 };

package/dist/components/GlobalMenu/GlobalMenu.stories.js

@@ -1,7 +1,7 @@
-import { GlobalMenu as r } from "./GlobalMenu.js";
-const t = {
+import { GlobalMenu as t } from "./GlobalMenu.js";
+const r = {
   title: "GlobalMenu/GlobalMenu",
-  component: r,
+  component: t,
   tags: ["autodocs"],
   parameters: {},
   args: {
@@ -14,10 +14,14 @@ const t = {
       }
     },
     currentAccount: {
+      id: "party:mathias",
       type: "person",
       name: "Mathias Dyngeland",
       description: "Fødselsnr. 07101995 XXXXXX"
     },
+    logoutButton: {
+      label: "Logg ut"
+    },
     accounts: [
       {
         id: "party:mathias",
@@ -148,6 +152,12 @@ const t = {
     }
   }
 }, l = {
+  args: {
+    accountSearch: {
+      placeholder: "Finn konto"
+    }
+  }
+}, s = {
   args: {
     logoutLabel: "Logg ut",
     menuLabel: "Meny",
@@ -161,9 +171,10 @@ const t = {
   }
 };
 export {
+  l as AccountSearch,
   i as Company,
-  l as CustomLabels,
+  s as CustomLabels,
   o as Default,
   n as Login,
-  t as default
+  r as default
 };

package/dist/components/GlobalMenu/GlobalMenuBase.d.ts

@@ -2,6 +2,12 @@ import { ReactNode } from 'react';
 export interface GlobalMenuBaseProps {
     children: ReactNode;
 }
+export interface GlobalMenuHeaderProps {
+    children: ReactNode;
+}
+export interface GlobalMenuFooterProps {
+    children: ReactNode;
+}
 export declare const GlobalMenuBase: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GlobalMenuHeader: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GlobalMenuFooter: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuHeader: ({ children }: GlobalMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuFooter: ({ children }: GlobalMenuFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/GlobalMenu/GlobalMenuBase.js

@@ -1,13 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/GlobalMenuBase.css';const a = "_nav_gzloq_1", n = "_header_gzloq_8", t = "_footer_gzloq_12", s = "_drawer_gzloq_20", l = "_dropdown_gzloq_26", r = {
-  nav: a,
-  header: n,
-  footer: t,
-  drawer: s,
-  dropdown: l
-}, _ = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "global", children: o }), c = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), f = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
+import '../../assets/GlobalMenuBase.css';const n = "_nav_1mnmu_1", a = "_footer_1mnmu_8", t = "_drawer_1mnmu_16", s = "_dropdown_1mnmu_22", r = {
+  nav: n,
+  footer: a,
+  drawer: t,
+  dropdown: s
+}, d = ({ children: o }) => /* @__PURE__ */ e("nav", { className: r.nav, "data-theme": "global", children: o }), l = ({ children: o }) => /* @__PURE__ */ e("header", { className: r.header, children: o }), _ = ({ children: o }) => /* @__PURE__ */ e("footer", { className: r.footer, children: o });
 export {
-  _ as GlobalMenuBase,
-  f as GlobalMenuFooter,
-  c as GlobalMenuHeader
+  d as GlobalMenuBase,
+  _ as GlobalMenuFooter,
+  l as GlobalMenuHeader
 };

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

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { LayoutBase as i } from "../Layout/LayoutBase.js";
 import "../../index-L8X2o7IH.js";
-import "../Icon/SvgIcon.js";
 import "react";
-import { MenuItem as o } from "./MenuItem.js";
+import "../Icon/SvgIcon.js";
 import "../RootProvider/RootProvider.js";
 import { MetaItem as l } from "../Meta/MetaItem.js";
+import { MenuItem as o } from "./MenuItem.js";
 import { MenuBase as p } from "./MenuBase.js";
 const h = {
   title: "Menu/MenuItem",

package/dist/components/Menu/MenuItemBase.js

@@ -1,9 +1,9 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { c as u } from "../../index-L8X2o7IH.js";
-import { Badge as T } from "../Badge/Badge.js";
-import { Icon as j } from "../Icon/Icon.js";
+import { c as v } from "../../index-L8X2o7IH.js";
+import { Badge as N } from "../Badge/Badge.js";
+import { Icon as T } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
-import '../../assets/MenuItemBase.css';const B = "_item_1m3xe_1", g = "_content_1m3xe_35", w = "_action_1m3xe_43", y = "_linkText_1m3xe_50", z = "_linkIcon_1m3xe_55", C = "_media_1m3xe_75", e = {
+import '../../assets/MenuItemBase.css';const B = "_item_16huj_1", g = "_content_16huj_36", w = "_action_16huj_44", y = "_linkText_16huj_51", z = "_linkIcon_16huj_56", C = "_media_16huj_76", n = {
   item: B,
   content: g,
   action: w,
@@ -16,41 +16,41 @@ import '../../assets/MenuItemBase.css';const B = "_item_1m3xe_1", g = "_content_
   size: _,
   color: d,
   linkIcon: o,
-  linkText: x,
+  linkText: h,
   badge: c,
   tabIndex: p = 0,
-  active: f = !1,
+  active: u = !1,
   collapsible: i = !1,
   expanded: s = !1,
-  selected: h = !1,
+  selected: f = !1,
   disabled: m = !1,
-  className: k,
-  children: I,
-  ...v
+  className: x,
+  children: j,
+  ...k
 }) => {
-  const N = r || "a", n = i && s ? "chevron-up" : i ? "chevron-down" : o && "chevron-right";
+  const I = r || "a", e = i && s ? "chevron-up" : i ? "chevron-down" : o && "chevron-right";
   return /* @__PURE__ */ t(
-    N,
+    I,
     {
       role: "menuitem",
       tabIndex: m ? "-1" : p ?? 0,
       "data-size": _,
       "data-color": d,
-      "data-active": f,
+      "data-active": u,
       "aria-expanded": s,
       "aria-disabled": m,
-      "aria-selected": h,
+      "aria-selected": f,
       onClick: l,
-      className: u(e.item, k),
-      ...v,
+      className: v(n.item, x),
+      ...k,
       children: [
-        /* @__PURE__ */ t("div", { className: e.content, children: [
-          I,
-          c && /* @__PURE__ */ a(T, { ...c })
+        /* @__PURE__ */ t("div", { className: n.content, children: [
+          j,
+          c && /* @__PURE__ */ a(N, { ...c })
         ] }),
-        n && /* @__PURE__ */ t("div", { className: e.action, children: [
-          /* @__PURE__ */ a("span", { className: e.linkText, children: x }),
-          n && /* @__PURE__ */ a(j, { name: n, className: e.linkIcon })
+        e && /* @__PURE__ */ t("div", { className: n.action, children: [
+          /* @__PURE__ */ a("span", { className: n.linkText, children: h }),
+          e && /* @__PURE__ */ a(T, { name: e, className: n.linkIcon })
         ] })
       ]
     }

package/dist/components/Menu/MenuItemMedia.js

@@ -19,9 +19,7 @@ import '../../assets/MenuItemMedia.css';const f = "_media_7n7uy_1", _ = "_icon_7
     lg: "md"
   }
 }, A = ({ size: o = "sm", color: n, icon: t, avatar: s, avatarGroup: r, children: i }) => !t && !s && !r && !i ? !1 : /* @__PURE__ */ d("div", { className: e.media, "data-size": o, "data-color": t ? n : null, children: [
-  t && /* @__PURE__ */ a(u, { name: t, variant: n === "strong" ? "solid" : "outline", className: e.icon }),
-  s && /* @__PURE__ */ a(l, { ...s, size: m == null ? void 0 : m.avatar[o] }),
-  r && /* @__PURE__ */ a(c, { ...r, size: m == null ? void 0 : m.avatarGroup[o] }),
+  t && /* @__PURE__ */ a(u, { name: t, variant: n === "strong" ? "solid" : "outline", className: e.icon }) || s && /* @__PURE__ */ a(l, { ...s, size: m == null ? void 0 : m.avatar[o] }) || r && /* @__PURE__ */ a(c, { ...r, size: m == null ? void 0 : m.avatarGroup[o] }),
   i
 ] });
 export {

package/dist/components/Menu/MenuOption.js

@@ -3,30 +3,30 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { CheckboxIcon as b } from "../Icon/CheckboxIcon.js";
 import { RadioIcon as f } from "../Icon/RadioIcon.js";
-import { MenuItemBase as x } from "./MenuItemBase.js";
-import { MenuItemLabel as I } from "./MenuItemLabel.js";
-import '../../assets/MenuOption.css';const N = "_label_1am63_1", h = "_input_1am63_5", M = "_icon_1am63_10", t = {
-  label: N,
-  input: h,
-  icon: M
-}, R = ({
-  size: e = "sm",
-  type: a,
-  name: m,
-  value: r,
-  label: s,
-  title: i,
-  description: l,
+import { MenuItemBase as d } from "./MenuItemBase.js";
+import { MenuItemLabel as x } from "./MenuItemLabel.js";
+import '../../assets/MenuOption.css';const I = "_label_dg58p_1", N = "_input_dg58p_5", g = "_icon_dg58p_10", t = {
+  label: I,
+  input: N,
+  icon: g
+}, O = ({
+  size: r = "sm",
+  type: e,
+  name: s,
+  value: i,
+  label: l,
+  title: a,
+  description: m,
   badge: c,
   checked: o = !1,
   disabled: p,
   onChange: u
-}) => /* @__PURE__ */ _(x, { className: t.label, disabled: p, selected: o, size: e, badge: c, as: "label", children: [
-  /* @__PURE__ */ n("input", { className: t.input, name: m, value: r, type: a, checked: o, onChange: u }),
-  a === "checkbox" && /* @__PURE__ */ n(b, { checked: o, hover: !0, className: t.icon }),
-  a === "radio" && /* @__PURE__ */ n(f, { checked: o, hover: !0, className: t.icon }),
-  /* @__PURE__ */ n(I, { title: i, description: l, size: e, children: s })
+}) => /* @__PURE__ */ _(d, { className: t.label, disabled: p, selected: o, size: r, badge: c, as: "label", children: [
+  /* @__PURE__ */ n("input", { className: t.input, name: s, value: i, type: e, checked: o, onChange: u }),
+  e === "checkbox" && /* @__PURE__ */ n(b, { checked: o, hover: !0, className: t.icon }),
+  e === "radio" && /* @__PURE__ */ n(f, { checked: o, hover: !0, className: t.icon }),
+  /* @__PURE__ */ n(x, { title: a, description: m, size: r, children: l })
 ] });
 export {
-  R as MenuOption
+  O as MenuOption
 };

package/dist/components/Toolbar/Toolbar.stories.js

@@ -1,7 +1,7 @@
-import { jsx as n } from "react/jsx-runtime";
-import s from "react";
+import { jsx as s } from "react/jsx-runtime";
+import n from "react";
 import { Toolbar as o } from "./Toolbar.js";
-const b = {
+const d = {
   title: "Toolbar/Toolbar",
   component: o,
   tags: ["autodocs"],
@@ -40,7 +40,14 @@ const b = {
           },
           {
             value: "brreg",
-            label: "Brønnøysund"
+            label: "Brønnøysundregistrene"
+          },
+          {
+            value: "ssb",
+            label: "Statisitisk sentralbyrå",
+            badge: {
+              label: "10"
+            }
           },
           {
             value: "nav",
@@ -123,10 +130,10 @@ const p = {
     }))
   }
 }, v = () => {
-  const [t, e] = s.useState({
+  const [t, e] = n.useState({
     from: ["skatt", "brreg"]
   });
-  return /* @__PURE__ */ n(o, { filters: a.args.filters, filterState: t, onFilterStateChange: e });
+  return /* @__PURE__ */ s(o, { filters: a.args.filters, filterState: t, onFilterStateChange: e });
 }, c = {
   args: {
     search: {
@@ -175,5 +182,5 @@ export {
   c as FilterAndSearch,
   g as NoFilters,
   p as StaticFilters,
-  b as default
+  d as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [