@altinn/altinn-components 0.12.0 → 0.13.0

package/dist/components/Page/Flex.js

@@ -1,42 +1,38 @@
-import { jsx as g } from "react/jsx-runtime";
-import { c as _ } from "../../index-L8X2o7IH.js";
-import '../../assets/Flex.css';const h = "_flex_18d8p_1", j = {
-  flex: h
-}, C = ({
+import { jsx as x } from "react/jsx-runtime";
+import { c as p } from "../../index-L8X2o7IH.js";
+import '../../assets/Flex.css';const g = "_flex_h50e9_1", _ = {
+  flex: g
+}, y = ({
   as: a = "div",
-  theme: t = "inherit",
-  color: n = "transparent",
-  direction: e = "col",
-  reverse: o = !1,
-  align: i = "initial",
-  justify: s = "initial",
-  spacing: d = "none",
-  padding: r = "none",
+  direction: t = "col",
+  reverse: n = !1,
+  align: e = "initial",
+  justify: o = "initial",
+  spacing: i = "none",
+  padding: s = "none",
   margin: l = "none",
-  inset: c = !1,
-  className: f,
-  style: m,
-  children: p,
-  ...x
-}) => /* @__PURE__ */ g(
+  inset: d = !1,
+  className: r,
+  style: c,
+  children: f,
+  ...m
+}) => /* @__PURE__ */ x(
   a,
   {
-    className: _(j.flex, f),
-    style: m,
-    "data-theme": t,
-    "data-color": n,
-    "data-direction": e,
-    "data-reverse": o,
-    "data-align": i,
-    "data-justify": s,
-    "data-spacing": d,
-    "data-padding": r,
+    className: p(_.flex, r),
+    style: c,
+    "data-direction": t,
+    "data-reverse": n,
+    "data-align": e,
+    "data-justify": o,
+    "data-spacing": i,
+    "data-padding": s,
     "data-margin": l,
-    "data-inset": c,
-    ...x,
-    children: p
+    "data-inset": d,
+    ...m,
+    children: f
   }
 );
 export {
-  C as Flex
+  y as Flex
 };

package/dist/components/Page/Section.js

@@ -1,14 +1,25 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as e } from "../../index-L8X2o7IH.js";
+import { jsx as e } from "react/jsx-runtime";
+import { c as a } from "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as n } from "./Flex.js";
-import '../../assets/Section.css';const p = "_section_167jj_1", a = {
+import '../../assets/Section.css';const p = "_section_1u2zl_1", l = {
   section: p
-}, h = ({ as: o = "section", className: t, bg: s, shadow: i, children: r, ...c }) => /* @__PURE__ */ m(n, { as: o, "data-bg": s, "data-shadow": i, className: e(a.section, t), ...c, children: r });
+}, j = ({ as: o = "section", className: t, bg: r, color: s, shadow: i, children: c, ...m }) => /* @__PURE__ */ e(
+  n,
+  {
+    as: o,
+    "data-bg": r,
+    "data-color": s,
+    "data-shadow": i,
+    className: a(l.section, t),
+    ...m,
+    children: c
+  }
+);
 export {
-  h as Section
+  j as Section
 };

package/dist/components/Snackbar/SnackbarItem.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { c as d } from "../../index-L8X2o7IH.js";
 import { Icon as _ } from "../Icon/Icon.js";
 import "../Icon/SvgIcon.js";
@@ -7,26 +7,29 @@ import "../Autocomplete/AutocompleteBase.js";
 import { IconButton as p } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "./useSnackbar.js";
-import '../../assets/SnackbarItem.css';const j = "_item_1jw8i_1", v = "_media_1jw8i_23", x = "_icon_1jw8i_32", N = "_content_1jw8i_36", w = "_action_1jw8i_44", t = {
-  item: j,
-  media: v,
-  icon: x,
-  content: N,
-  action: w
-}, g = ({
-  as: i,
-  message: n,
+import '../../assets/SnackbarItem.css';const v = "_item_137l4_1", f = "_media_137l4_23", N = "_icon_137l4_32", x = "_content_137l4_36", g = "_action_137l4_44", i = {
+  item: v,
+  media: f,
+  icon: N,
+  content: x,
+  action: g
+};
+var h = /* @__PURE__ */ ((t) => (t.accent = "accent", t.neutral = "neutral", t.alert = "alert", t.success = "success", t.warning = "warning", t.danger = "danger", t.info = "info", t))(h || {});
+const F = ({
+  as: t,
+  message: e,
   className: c,
-  color: m,
-  icon: e = "bell",
+  color: o = "accent",
+  icon: s = "bell",
   dismissable: a = !0,
-  onDismiss: s,
+  onDismiss: m,
   ...r
-}) => /* @__PURE__ */ l(i || "div", { className: d(t.item, c), "data-color": m, ...r, children: [
-  /* @__PURE__ */ o("div", { className: t.media, children: /* @__PURE__ */ o(_, { name: e, variant: "solid", className: t.icon }) }),
-  /* @__PURE__ */ o("div", { className: t.content, children: n }),
-  a && /* @__PURE__ */ o("div", { className: t.action, children: /* @__PURE__ */ o(p, { icon: "x-mark", variant: "text", onClick: s, className: t.dismiss }) })
+}) => /* @__PURE__ */ l(t || "div", { className: d(i.item, c), "data-color": o, ...r, children: [
+  /* @__PURE__ */ n("div", { className: i.media, children: /* @__PURE__ */ n(_, { name: s, variant: "solid", className: i.icon }) }),
+  /* @__PURE__ */ n("div", { className: i.content, children: e }),
+  a && /* @__PURE__ */ n("div", { className: i.action, children: /* @__PURE__ */ n(p, { icon: "x-mark", variant: "outline", onClick: m, className: i.dismiss }) })
 ] });
 export {
-  g as SnackbarItem
+  h as SnackbarColorEnum,
+  F as SnackbarItem
 };

package/dist/components/Snackbar/index.js

@@ -1,6 +1,7 @@
 import { Snackbar as o } from "./Snackbar.js";
-import { SnackbarItem as m } from "./SnackbarItem.js";
+import { SnackbarColorEnum as n, SnackbarItem as b } from "./SnackbarItem.js";
 export {
   o as Snackbar,
-  m as SnackbarItem
+  n as SnackbarColorEnum,
+  b as SnackbarItem
 };

package/dist/components/Toolbar/ToolbarOptions.js

@@ -2,12 +2,12 @@ import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { Fragment as M } from "react";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { MenuOption as v } from "../Menu/MenuOption.js";
-import { MenuSearch as j } from "../Menu/MenuSearch.js";
-import { MenuHeader as x } from "../Menu/MenuHeader.js";
 import "../Autocomplete/AutocompleteBase.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
+import { MenuOption as v } from "../Menu/MenuOption.js";
+import { MenuSearch as j } from "../Menu/MenuSearch.js";
+import { MenuHeader as x } from "../Menu/MenuHeader.js";
 import { MenuBase as O, MenuList as I, MenuListItem as m } from "../Menu/MenuBase.js";
 const z = ({ search: p, optionGroups: n = {}, options: h, onChange: b, optionType: g }) => {
   var i;

package/dist/components/index.js

@@ -9,14 +9,14 @@ import { Badge as B } from "./Badge/Badge.js";
 import { BookmarksListItem as g } from "./Bookmarks/BookmarksListItem.js";
 import { QueryItem as d, QueryLabel as M } from "./Bookmarks/QueryLabel.js";
 import { BookmarksSection as A } from "./Bookmarks/BookmarksSection.js";
-import { ButtonBase as S } from "./Button/ButtonBase.js";
+import { ButtonBase as y } from "./Button/ButtonBase.js";
 import { ButtonLabel as k } from "./Button/ButtonLabel.js";
 import { ButtonIcon as h } from "./Button/ButtonIcon.js";
-import { Button as F } from "./Button/Button.js";
-import { ComboButton as C } from "./Button/ComboButton.js";
+import { Button as C } from "./Button/Button.js";
+import { ComboButton as P } from "./Button/ComboButton.js";
 import { IconButton as R } from "./Button/IconButton.js";
-import { Byline as O } from "./Byline/Byline.js";
-import { ContextMenu as E } from "./ContextMenu/ContextMenu.js";
+import { Byline as E } from "./Byline/Byline.js";
+import { ContextMenu as Q } from "./ContextMenu/ContextMenu.js";
 import { Dialog as j } from "./Dialog/Dialog.js";
 import { DialogList as z } from "./Dialog/DialogList.js";
 import { DialogListGroup as K } from "./Dialog/DialogListGroup.js";
@@ -35,14 +35,14 @@ import { DialogTouchedBy as Bo } from "./Dialog/DialogTouchedBy.js";
 import { DialogLabel as go } from "./Dialog/DialogLabel.js";
 import { DialogAttachments as Mo } from "./Dialog/DialogAttachments.js";
 import { DialogTransmissions as Ao } from "./Dialog/DialogTransmissions.js";
-import { DialogTimeline as So } from "./Dialog/DialogTimeline.js";
+import { DialogTimeline as yo } from "./Dialog/DialogTimeline.js";
 import { DialogTimelineItem as ko } from "./Dialog/DialogTimelineItem.js";
 import { DialogHistory as ho } from "./Dialog/DialogHistory.js";
-import { DialogHistoryItem as Fo } from "./Dialog/DialogHistoryItem.js";
-import { DropdownBase as Co } from "./Dropdown/DropdownBase.js";
+import { DialogHistoryItem as Co } from "./Dialog/DialogHistoryItem.js";
+import { DropdownBase as Po } from "./Dropdown/DropdownBase.js";
 import { Backdrop as Ro } from "./Dropdown/Backdrop.js";
-import { DrawerBase as Oo } from "./Dropdown/DrawerBase.js";
-import { DrawerHeader as Eo } from "./Dropdown/DrawerHeader.js";
+import { DrawerBase as Eo } from "./Dropdown/DrawerBase.js";
+import { DrawerHeader as Qo } from "./Dropdown/DrawerHeader.js";
 import { DrawerFooter as jo } from "./Dropdown/DrawerFooter.js";
 import { DrawerButton as zo } from "./Dropdown/DrawerButton.js";
 import { DrawerBody as Ko } from "./Dropdown/DrawerBody.js";
@@ -62,14 +62,14 @@ import { SvgIcon as Ir } from "./Icon/SvgIcon.js";
 import { CheckboxIcon as Dr } from "./Icon/CheckboxIcon.js";
 import { RadioIcon as Mr } from "./Icon/RadioIcon.js";
 import { ProgressIcon as Ar } from "./Icon/ProgressIcon.js";
-import { iconsMap as Sr } from "./Icon/iconsMap.js";
+import { iconsMap as yr } from "./Icon/iconsMap.js";
 import { LayoutBase as kr } from "./Layout/LayoutBase.js";
 import { LayoutBody as hr } from "./Layout/LayoutBody.js";
-import { LayoutContent as Fr } from "./Layout/LayoutContent.js";
-import { LayoutSidebar as Cr } from "./Layout/LayoutSidebar.js";
+import { LayoutContent as Cr } from "./Layout/LayoutContent.js";
+import { LayoutSidebar as Pr } from "./Layout/LayoutSidebar.js";
 import { Layout as Rr } from "./Layout/Layout.js";
-import { ActionHeader as Or } from "./LayoutAction/ActionHeader.js";
-import { ActionFooter as Er } from "./LayoutAction/ActionFooter.js";
+import { ActionHeader as Er } from "./LayoutAction/ActionHeader.js";
+import { ActionFooter as Qr } from "./LayoutAction/ActionFooter.js";
 import { ActionMenu as jr } from "./LayoutAction/ActionMenu.js";
 import { ListItemBase as zr } from "./List/ListItemBase.js";
 import { ListItemLink as Kr } from "./List/ListItemLink.js";
@@ -89,12 +89,12 @@ import { MenuInputField as Ie } from "./Menu/MenuInputField.js";
 import { MenuOption as De } from "./Menu/MenuOption.js";
 import { MenuSearch as Me } from "./Menu/MenuSearch.js";
 import { MenuHeader as Ae } from "./Menu/MenuHeader.js";
-import { MenuItems as Se } from "./Menu/MenuItems.js";
+import { MenuItems as ye } from "./Menu/MenuItems.js";
 import { MenuBase as ke, MenuList as He, MenuListItem as he } from "./Menu/MenuBase.js";
-import { Menu as Fe } from "./Menu/Menu.js";
-import { MetaBase as Ce } from "./Meta/MetaBase.js";
+import { Menu as Ce } from "./Menu/Menu.js";
+import { MetaBase as Pe } from "./Meta/MetaBase.js";
 import { MetaList as Re, MetaListItem as Ge } from "./Meta/MetaList.js";
-import { MetaItemBase as Qe } from "./Meta/MetaItemBase.js";
+import { MetaItemBase as Oe } from "./Meta/MetaItemBase.js";
 import { MetaItemMedia as Ne } from "./Meta/MetaItemMedia.js";
 import { MetaItemLabel as qe } from "./Meta/MetaItemLabel.js";
 import { MetaItem as Je } from "./Meta/MetaItem.js";
@@ -103,46 +103,46 @@ import { MetaTimestamp as We } from "./Meta/MetaTimestamp.js";
 import { RootProvider as Ye, useRootContext as Ze } from "./RootProvider/RootProvider.js";
 import { Searchbar as $e } from "./Searchbar/Searchbar.js";
 import { Snackbar as rt } from "./Snackbar/Snackbar.js";
-import { SnackbarItem as tt } from "./Snackbar/SnackbarItem.js";
-import { Skeleton as pt } from "./Skeleton/Skeleton.js";
-import { TimelineBase as ft } from "./Timeline/TimelineBase.js";
-import { TimelineSection as it } from "./Timeline/TimelineSection.js";
-import { Timeline as st } from "./Timeline/Timeline.js";
-import { ToolbarBase as ut } from "./Toolbar/ToolbarBase.js";
-import { ToolbarButton as Lt } from "./Toolbar/ToolbarButton.js";
-import { Toolbar as It } from "./Toolbar/Toolbar.js";
-import { ToolbarSearch as Dt } from "./Toolbar/ToolbarSearch.js";
-import { ToolbarFilter as Mt } from "./Toolbar/ToolbarFilter.js";
-import { ToolbarDaterange as At } from "./Toolbar/ToolbarDaterange.js";
-import { PageBase as St } from "./Page/PageBase.js";
-import { PageNav as kt } from "./Page/PageNav.js";
-import { PageHeader as ht } from "./Page/PageHeader.js";
+import { SnackbarColorEnum as tt, SnackbarItem as mt } from "./Snackbar/SnackbarItem.js";
+import { Skeleton as xt } from "./Skeleton/Skeleton.js";
+import { TimelineBase as at } from "./Timeline/TimelineBase.js";
+import { TimelineSection as nt } from "./Timeline/TimelineSection.js";
+import { Timeline as lt } from "./Timeline/Timeline.js";
+import { ToolbarBase as ct } from "./Toolbar/ToolbarBase.js";
+import { ToolbarButton as Bt } from "./Toolbar/ToolbarButton.js";
+import { Toolbar as gt } from "./Toolbar/Toolbar.js";
+import { ToolbarSearch as dt } from "./Toolbar/ToolbarSearch.js";
+import { ToolbarFilter as bt } from "./Toolbar/ToolbarFilter.js";
+import { ToolbarDaterange as St } from "./Toolbar/ToolbarDaterange.js";
+import { PageBase as Tt } from "./Page/PageBase.js";
+import { PageNav as Ht } from "./Page/PageNav.js";
+import { PageHeader as wt } from "./Page/PageHeader.js";
 import { Article as Ft } from "./Page/Article.js";
-import { Section as Ct } from "./Page/Section.js";
-import { Flex as Rt } from "./Page/Flex.js";
+import { Section as vt } from "./Page/Section.js";
+import { Flex as Gt } from "./Page/Flex.js";
 import { Grid as Ot } from "./Page/Grid.js";
-import { Breadcrumbs as Et } from "./Page/Breadcrumbs.js";
-import { BreadcrumbsLink as jt } from "./Page/BreadcrumbsLink.js";
-import { TransmissionItem as zt } from "./Transmission/TransmissionItem.js";
-import { TransmissionList as Kt } from "./Transmission/TransmissionList.js";
-import { Typography as Vt } from "./Typography/Typography.js";
-import { Heading as Xt } from "./Typography/Heading.js";
-import { ResourceList as Zt } from "./ResourceList/ResourceList.js";
-import { ResourceListItem as $t } from "./ResourceList/ResourceListItem.js";
-import { AccessAreaListItem as rm } from "./AccessAreaList/AccessAreaListItem.js";
-import { AccessPackageListItem as tm } from "./AccessPackageList/AccessPackageListItem.js";
-import { AccessPackageList as pm } from "./AccessPackageList/AccessPackageList.js";
-import { FieldBase as fm } from "./TextField/FieldBase.js";
-import { InputBase as im } from "./TextField/InputBase.js";
-import { TextField as sm } from "./TextField/TextField.js";
+import { Breadcrumbs as Nt } from "./Page/Breadcrumbs.js";
+import { BreadcrumbsLink as qt } from "./Page/BreadcrumbsLink.js";
+import { TransmissionItem as Jt } from "./Transmission/TransmissionItem.js";
+import { TransmissionList as Ut } from "./Transmission/TransmissionList.js";
+import { Typography as Wt } from "./Typography/Typography.js";
+import { Heading as Yt } from "./Typography/Heading.js";
+import { ResourceList as _t } from "./ResourceList/ResourceList.js";
+import { ResourceListItem as om } from "./ResourceList/ResourceListItem.js";
+import { AccessAreaListItem as em } from "./AccessAreaList/AccessAreaListItem.js";
+import { AccessPackageListItem as mm } from "./AccessPackageList/AccessPackageListItem.js";
+import { AccessPackageList as xm } from "./AccessPackageList/AccessPackageList.js";
+import { FieldBase as am } from "./TextField/FieldBase.js";
+import { InputBase as nm } from "./TextField/InputBase.js";
+import { TextField as lm } from "./TextField/TextField.js";
 export {
-  rm as AccessAreaListItem,
-  pm as AccessPackageList,
-  tm as AccessPackageListItem,
+  em as AccessAreaListItem,
+  xm as AccessPackageList,
+  mm as AccessPackageListItem,
   rr as AccountButton,
   Zo as AccountMenu,
-  Er as ActionFooter,
-  Or as ActionHeader,
+  Qr as ActionFooter,
+  Er as ActionHeader,
   jr as ActionMenu,
   Ft as Article,
   e as AttachmentLink,
@@ -156,16 +156,16 @@ export {
   B as Badge,
   g as BookmarksListItem,
   A as BookmarksSection,
-  Et as Breadcrumbs,
-  jt as BreadcrumbsLink,
-  F as Button,
-  S as ButtonBase,
+  Nt as Breadcrumbs,
+  qt as BreadcrumbsLink,
+  C as Button,
+  y as ButtonBase,
   h as ButtonIcon,
   k as ButtonLabel,
-  O as Byline,
+  E as Byline,
   Dr as CheckboxIcon,
-  C as ComboButton,
-  E as ContextMenu,
+  P as ComboButton,
+  Q as ContextMenu,
   j as Dialog,
   $ as DialogActions,
   ro as DialogActivityLog,
@@ -174,7 +174,7 @@ export {
   to as DialogContent,
   co as DialogHeading,
   ho as DialogHistory,
-  Fo as DialogHistoryItem,
+  Co as DialogHistoryItem,
   go as DialogLabel,
   z as DialogList,
   K as DialogListGroup,
@@ -185,19 +185,19 @@ export {
   io as DialogSelect,
   so as DialogStatus,
   lo as DialogStatusEnum,
-  So as DialogTimeline,
+  yo as DialogTimeline,
   ko as DialogTimelineItem,
   Bo as DialogTouchedBy,
   Ao as DialogTransmissions,
-  Oo as DrawerBase,
+  Eo as DrawerBase,
   Ko as DrawerBody,
   zo as DrawerButton,
   jo as DrawerFooter,
-  Eo as DrawerHeader,
+  Qo as DrawerHeader,
   Vo as DrawerOrDropdown,
-  Co as DropdownBase,
-  fm as FieldBase,
-  Rt as Flex,
+  Po as DropdownBase,
+  am as FieldBase,
+  Gt as Flex,
   Xo as Footer,
   $o as GlobalMenu,
   Ot as Grid,
@@ -205,15 +205,15 @@ export {
   ir as HeaderBase,
   ur as HeaderButton,
   sr as HeaderLogo,
-  Xt as Heading,
+  Yt as Heading,
   Lr as Icon,
   R as IconButton,
-  im as InputBase,
+  nm as InputBase,
   Rr as Layout,
   kr as LayoutBase,
   hr as LayoutBody,
-  Fr as LayoutContent,
-  Cr as LayoutSidebar,
+  Cr as LayoutContent,
+  Pr as LayoutSidebar,
   fe as List,
   pe as ListBase,
   te as ListItem,
@@ -225,7 +225,7 @@ export {
   Zr as ListItemMedia,
   re as ListItemSelect,
   pr as LogoutButton,
-  Fe as Menu,
+  Ce as Menu,
   ke as MenuBase,
   Ae as MenuHeader,
   Ie as MenuInputField,
@@ -233,50 +233,51 @@ export {
   ie as MenuItemBase,
   se as MenuItemLabel,
   ue as MenuItemMedia,
-  Se as MenuItems,
+  ye as MenuItems,
   He as MenuList,
   he as MenuListItem,
   De as MenuOption,
   Me as MenuSearch,
-  Ce as MetaBase,
+  Pe as MetaBase,
   Je as MetaItem,
-  Qe as MetaItemBase,
+  Oe as MetaItemBase,
   qe as MetaItemLabel,
   Ne as MetaItemMedia,
   Re as MetaList,
   Ge as MetaListItem,
   Ue as MetaProgress,
   We as MetaTimestamp,
-  St as PageBase,
-  ht as PageHeader,
-  kt as PageNav,
+  Tt as PageBase,
+  wt as PageHeader,
+  Ht as PageNav,
   Ar as ProgressIcon,
   d as QueryItem,
   M as QueryLabel,
   Mr as RadioIcon,
-  Zt as ResourceList,
-  $t as ResourceListItem,
+  _t as ResourceList,
+  om as ResourceListItem,
   Ye as RootProvider,
   n as ScopeListItem,
   $e as Searchbar,
-  Ct as Section,
-  pt as Skeleton,
+  vt as Section,
+  xt as Skeleton,
   rt as Snackbar,
-  tt as SnackbarItem,
+  tt as SnackbarColorEnum,
+  mt as SnackbarItem,
   Ir as SvgIcon,
-  sm as TextField,
-  st as Timeline,
-  ft as TimelineBase,
-  it as TimelineSection,
-  It as Toolbar,
-  ut as ToolbarBase,
-  Lt as ToolbarButton,
-  At as ToolbarDaterange,
-  Mt as ToolbarFilter,
-  Dt as ToolbarSearch,
-  zt as TransmissionItem,
-  Kt as TransmissionList,
-  Vt as Typography,
-  Sr as iconsMap,
+  lm as TextField,
+  lt as Timeline,
+  at as TimelineBase,
+  nt as TimelineSection,
+  gt as Toolbar,
+  ct as ToolbarBase,
+  Bt as ToolbarButton,
+  St as ToolbarDaterange,
+  bt as ToolbarFilter,
+  dt as ToolbarSearch,
+  Jt as TransmissionItem,
+  Ut as TransmissionList,
+  Wt as Typography,
+  yr as iconsMap,
   Ze as useRootContext
 };

package/dist/global.css

@@ -1,6 +1,5 @@
 @import "https://altinncdn.no/fonts/inter/inter.css";
 @import "./colors.css";
-@import "./shadows.css";
 @import "./theme-global.css";
 @import "./theme-global-dark.css";
 @import "./theme-article.css";
@@ -9,6 +8,8 @@
 @import "./theme-person.css";
 @import "./theme.css";
 
+@import "../tokens/design-tokens-build/altinn-ds.css";
+
 * {
   font-family: "Inter", sans-serif;
   font-feature-settings: "cv05" 1; /* Enable lowercase l with tail */

package/dist/{globalMenu-A9dXKjrI.js → globalMenu-XcVgsnCz.js}

@@ -1,5 +1,6 @@
-import { accounts as o } from "./stories/Demo/data/accounts.js";
-const t = {
+import { accounts as t } from "./stories/Demo/data/accounts.js";
+import "./stories/Demo/data/dialogs.js";
+const o = {
   accountSearch: {
     placeholder: "Finn konto",
     name: "search-account",
@@ -14,9 +15,9 @@ const t = {
       title: "Andre kontoer"
     }
   },
-  accounts: o
-}, r = {
-  ...t,
+  accounts: t
+}, l = {
+  ...o,
   menuLabel: "Meny",
   backLabel: "Tilbake",
   logoutButton: { label: "Logg ut" },
@@ -34,7 +35,6 @@ const t = {
       icon: "inbox",
       title: "Innboks",
       badge: {
-        color: "alert",
         label: "4"
       }
     },
@@ -45,7 +45,6 @@ const t = {
       icon: "bookmark",
       title: "Tilganger",
       badge: {
-        color: "alert",
         label: "2"
       }
     },
@@ -75,6 +74,6 @@ const t = {
   ]
 };
 export {
-  t as a,
-  r as g
+  o as a,
+  l as g
 };