@altinn/altinn-components 0.11.0 → 0.13.0

package/dist/components/index.js

@@ -1,22 +1,22 @@
 import { AttachmentLink as e } from "./Attachment/AttachmentLink.js";
 import { AttachmentList as m } from "./Attachment/AttachmentList.js";
 import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
-import { AutocompleteItem as f } from "./Autocomplete/AutocompleteItem.js";
+import { AutocompleteItem as a } from "./Autocomplete/AutocompleteItem.js";
 import { ScopeListItem as n } from "./Autocomplete/ScopeListItem.js";
 import { Avatar as l } from "./Avatar/Avatar.js";
 import { AvatarGroup as c } from "./Avatar/AvatarGroup.js";
 import { Badge as B } from "./Badge/Badge.js";
-import { BookmarksListItem as I } from "./Bookmarks/BookmarksListItem.js";
-import { QueryItem as D, QueryLabel as M } from "./Bookmarks/QueryLabel.js";
-import { BookmarksSection as S } from "./Bookmarks/BookmarksSection.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 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";
@@ -27,22 +27,22 @@ import { DialogActions as $ } from "./Dialog/DialogActions.js";
 import { DialogActivityLog as ro } from "./Dialog/DialogActivityLog.js";
 import { DialogContent as to } from "./Dialog/DialogContent.js";
 import { DialogSection as po } from "./Dialog/DialogSection.js";
-import { DialogSeenBy as ao } from "./Dialog/DialogSeenBy.js";
+import { DialogSeenBy as fo } from "./Dialog/DialogSeenBy.js";
 import { DialogSelect as io } from "./Dialog/DialogSelect.js";
 import { DialogStatus as so, DialogStatusEnum as lo } from "./Dialog/DialogStatus.js";
 import { DialogHeading as co } from "./Dialog/DialogHeading.js";
 import { DialogTouchedBy as Bo } from "./Dialog/DialogTouchedBy.js";
-import { DialogLabel as Io } from "./Dialog/DialogLabel.js";
+import { DialogLabel as go } from "./Dialog/DialogLabel.js";
 import { DialogAttachments as Mo } from "./Dialog/DialogAttachments.js";
-import { DialogTransmissions as So } from "./Dialog/DialogTransmissions.js";
+import { DialogTransmissions as Ao } from "./Dialog/DialogTransmissions.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";
@@ -53,23 +53,23 @@ import { GlobalMenu as $o } from "./GlobalMenu/GlobalMenu.js";
 import { AccountButton as rr } from "./GlobalMenu/AccountButton.js";
 import { BackButton as tr } from "./GlobalMenu/BackButton.js";
 import { LogoutButton as pr } from "./GlobalMenu/LogoutButton.js";
-import { Header as ar } from "./Header/Header.js";
+import { Header as fr } from "./Header/Header.js";
 import { HeaderBase as ir } from "./Header/HeaderBase.js";
 import { HeaderLogo as sr } from "./Header/HeaderLogo.js";
 import { HeaderButton as ur } from "./Header/HeaderButton.js";
 import { Icon as Lr } from "./Icon/Icon.js";
-import { SvgIcon as gr } from "./Icon/SvgIcon.js";
-import { CheckboxIcon as dr } from "./Icon/CheckboxIcon.js";
+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 Sr } from "./Icon/ProgressIcon.js";
+import { ProgressIcon as Ar } from "./Icon/ProgressIcon.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";
@@ -80,21 +80,21 @@ import { ListItemControls as $r } from "./List/ListItemControls.js";
 import { ListItemSelect as re } from "./List/ListItemSelect.js";
 import { ListItem as te } from "./List/ListItem.js";
 import { ListBase as pe } from "./List/ListBase.js";
-import { List as ae } from "./List/List.js";
+import { List as fe } from "./List/List.js";
 import { MenuItemBase as ie } from "./Menu/MenuItemBase.js";
 import { MenuItemLabel as se } from "./Menu/MenuItemLabel.js";
 import { MenuItemMedia as ue } from "./Menu/MenuItemMedia.js";
 import { MenuItem as Le } from "./Menu/MenuItem.js";
-import { MenuInputField as ge } from "./Menu/MenuInputField.js";
-import { MenuOption as de } from "./Menu/MenuOption.js";
+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 Se } from "./Menu/MenuHeader.js";
+import { MenuHeader as Ae } from "./Menu/MenuHeader.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,71 +103,69 @@ 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 { SnackbarBase as tt } from "./Snackbar/SnackbarBase.js";
-import { SnackbarMedia as pt } from "./Snackbar/SnackbarMedia.js";
-import { SnackbarLabel as at } from "./Snackbar/SnackbarLabel.js";
-import { Skeleton as it } from "./Skeleton/Skeleton.js";
-import { TimelineBase as st } from "./Timeline/TimelineBase.js";
-import { TimelineSection as ut } from "./Timeline/TimelineSection.js";
-import { Timeline as Lt } from "./Timeline/Timeline.js";
-import { ToolbarBase as gt } from "./Toolbar/ToolbarBase.js";
-import { ToolbarButton as dt } from "./Toolbar/ToolbarButton.js";
-import { Toolbar as Mt } from "./Toolbar/Toolbar.js";
-import { ToolbarSearch as St } from "./Toolbar/ToolbarSearch.js";
-import { ToolbarFilter as yt } from "./Toolbar/ToolbarFilter.js";
-import { ToolbarDaterange as kt } from "./Toolbar/ToolbarDaterange.js";
-import { PageBase as ht } from "./Page/PageBase.js";
-import { PageNav as Ft } from "./Page/PageNav.js";
-import { PageHeader as Ct } from "./Page/PageHeader.js";
-import { Article as Rt } from "./Page/Article.js";
-import { Section as Ot } from "./Page/Section.js";
-import { Flex as Et } from "./Page/Flex.js";
-import { Grid as jt } from "./Page/Grid.js";
-import { Breadcrumbs as zt } from "./Page/Breadcrumbs.js";
-import { BreadcrumbsLink as Kt } from "./Page/BreadcrumbsLink.js";
-import { TransmissionItem as Vt } from "./Transmission/TransmissionItem.js";
-import { TransmissionList as Xt } from "./Transmission/TransmissionList.js";
-import { Typography as Zt } from "./Typography/Typography.js";
-import { Heading as $t } from "./Typography/Heading.js";
-import { ResourceList as rm } from "./ResourceList/ResourceList.js";
-import { ResourceListItem as tm } from "./ResourceList/ResourceListItem.js";
-import { AccessAreaListItem as pm } from "./AccessAreaList/AccessAreaListItem.js";
-import { AccessPackageListItem as am } from "./AccessPackageList/AccessPackageListItem.js";
-import { AccessPackageList as im } from "./AccessPackageList/AccessPackageList.js";
-import { FieldBase as sm } from "./TextField/FieldBase.js";
-import { InputBase as um } from "./TextField/InputBase.js";
-import { TextField as Lm } from "./TextField/TextField.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 vt } from "./Page/Section.js";
+import { Flex as Gt } from "./Page/Flex.js";
+import { Grid as Ot } from "./Page/Grid.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 {
-  pm as AccessAreaListItem,
-  im as AccessPackageList,
-  am 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,
-  Rt as Article,
+  Ft as Article,
   e as AttachmentLink,
   m as AttachmentList,
   x as Autocomplete,
-  f as AutocompleteItem,
+  a as AutocompleteItem,
   l as Avatar,
   c as AvatarGroup,
   tr as BackButton,
   Ro as Backdrop,
   B as Badge,
-  I as BookmarksListItem,
-  S as BookmarksSection,
-  zt as Breadcrumbs,
-  Kt as BreadcrumbsLink,
-  F as Button,
+  g as BookmarksListItem,
+  A as BookmarksSection,
+  Nt as Breadcrumbs,
+  qt as BreadcrumbsLink,
+  C as Button,
   y as ButtonBase,
   h as ButtonIcon,
   k as ButtonLabel,
-  O as Byline,
-  dr as CheckboxIcon,
-  C as ComboButton,
-  E as ContextMenu,
+  E as Byline,
+  Dr as CheckboxIcon,
+  P as ComboButton,
+  Q as ContextMenu,
   j as Dialog,
   $ as DialogActions,
   ro as DialogActivityLog,
@@ -176,47 +174,47 @@ export {
   to as DialogContent,
   co as DialogHeading,
   ho as DialogHistory,
-  Fo as DialogHistoryItem,
-  Io as DialogLabel,
+  Co as DialogHistoryItem,
+  go as DialogLabel,
   z as DialogList,
   K as DialogListGroup,
   V as DialogListItem,
   X as DialogMetadata,
   po as DialogSection,
-  ao as DialogSeenBy,
+  fo as DialogSeenBy,
   io as DialogSelect,
   so as DialogStatus,
   lo as DialogStatusEnum,
   yo as DialogTimeline,
   ko as DialogTimelineItem,
   Bo as DialogTouchedBy,
-  So as DialogTransmissions,
-  Oo as DrawerBase,
+  Ao as DialogTransmissions,
+  Eo as DrawerBase,
   Ko as DrawerBody,
   zo as DrawerButton,
   jo as DrawerFooter,
-  Eo as DrawerHeader,
+  Qo as DrawerHeader,
   Vo as DrawerOrDropdown,
-  Co as DropdownBase,
-  sm as FieldBase,
-  Et as Flex,
+  Po as DropdownBase,
+  am as FieldBase,
+  Gt as Flex,
   Xo as Footer,
   $o as GlobalMenu,
-  jt as Grid,
-  ar as Header,
+  Ot as Grid,
+  fr as Header,
   ir as HeaderBase,
   ur as HeaderButton,
   sr as HeaderLogo,
-  $t as Heading,
+  Yt as Heading,
   Lr as Icon,
   R as IconButton,
-  um as InputBase,
+  nm as InputBase,
   Rr as Layout,
   kr as LayoutBase,
   hr as LayoutBody,
-  Fr as LayoutContent,
-  Cr as LayoutSidebar,
-  ae as List,
+  Cr as LayoutContent,
+  Pr as LayoutSidebar,
+  fe as List,
   pe as ListBase,
   te as ListItem,
   zr as ListItemBase,
@@ -227,10 +225,10 @@ export {
   Zr as ListItemMedia,
   re as ListItemSelect,
   pr as LogoutButton,
-  Fe as Menu,
+  Ce as Menu,
   ke as MenuBase,
-  Se as MenuHeader,
-  ge as MenuInputField,
+  Ae as MenuHeader,
+  Ie as MenuInputField,
   Le as MenuItem,
   ie as MenuItemBase,
   se as MenuItemLabel,
@@ -238,49 +236,48 @@ export {
   ye as MenuItems,
   He as MenuList,
   he as MenuListItem,
-  de as MenuOption,
+  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,
-  ht as PageBase,
-  Ct as PageHeader,
-  Ft as PageNav,
-  Sr as ProgressIcon,
-  D as QueryItem,
+  Tt as PageBase,
+  wt as PageHeader,
+  Ht as PageNav,
+  Ar as ProgressIcon,
+  d as QueryItem,
   M as QueryLabel,
   Mr as RadioIcon,
-  rm as ResourceList,
-  tm as ResourceListItem,
+  _t as ResourceList,
+  om as ResourceListItem,
   Ye as RootProvider,
   n as ScopeListItem,
   $e as Searchbar,
-  Ot as Section,
-  it as Skeleton,
+  vt as Section,
+  xt as Skeleton,
   rt as Snackbar,
-  tt as SnackbarBase,
-  at as SnackbarLabel,
-  pt as SnackbarMedia,
-  gr as SvgIcon,
-  Lm as TextField,
-  Lt as Timeline,
-  st as TimelineBase,
-  ut as TimelineSection,
-  Mt as Toolbar,
-  gt as ToolbarBase,
-  dt as ToolbarButton,
-  kt as ToolbarDaterange,
-  yt as ToolbarFilter,
-  St as ToolbarSearch,
-  Vt as TransmissionItem,
-  Xt as TransmissionList,
-  Zt as Typography,
+  tt as SnackbarColorEnum,
+  mt as SnackbarItem,
+  Ir as SvgIcon,
+  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
 };