@altinn/altinn-components 0.11.0 → 0.12.0

package/dist/index.js

@@ -6,11 +6,11 @@ import { ScopeListItem as n } from "./components/Autocomplete/ScopeListItem.js";
 import { Avatar as u } from "./components/Avatar/Avatar.js";
 import { AvatarGroup as c } from "./components/Avatar/AvatarGroup.js";
 import { Badge as B } from "./components/Badge/Badge.js";
-import { BookmarksListItem as I } from "./components/Bookmarks/BookmarksListItem.js";
-import { QueryItem as M, QueryLabel as D } from "./components/Bookmarks/QueryLabel.js";
-import { BookmarksSection as S } from "./components/Bookmarks/BookmarksSection.js";
-import { ButtonBase as A } from "./components/Button/ButtonBase.js";
-import { ButtonLabel as T } from "./components/Button/ButtonLabel.js";
+import { BookmarksListItem as g } from "./components/Bookmarks/BookmarksListItem.js";
+import { QueryItem as D, QueryLabel as M } from "./components/Bookmarks/QueryLabel.js";
+import { BookmarksSection as y } from "./components/Bookmarks/BookmarksSection.js";
+import { ButtonBase as S } from "./components/Button/ButtonBase.js";
+import { ButtonLabel as k } from "./components/Button/ButtonLabel.js";
 import { ButtonIcon as h } from "./components/Button/ButtonIcon.js";
 import { Button as C } from "./components/Button/Button.js";
 import { ComboButton as P } from "./components/Button/ComboButton.js";
@@ -32,11 +32,11 @@ import { DialogSelect as io } from "./components/Dialog/DialogSelect.js";
 import { DialogStatus as so, DialogStatusEnum as uo } from "./components/Dialog/DialogStatus.js";
 import { DialogHeading as co } from "./components/Dialog/DialogHeading.js";
 import { DialogTouchedBy as Bo } from "./components/Dialog/DialogTouchedBy.js";
-import { DialogLabel as Io } from "./components/Dialog/DialogLabel.js";
-import { DialogAttachments as Do } from "./components/Dialog/DialogAttachments.js";
-import { DialogTransmissions as So } from "./components/Dialog/DialogTransmissions.js";
-import { DialogTimeline as Ao } from "./components/Dialog/DialogTimeline.js";
-import { DialogTimelineItem as To } from "./components/Dialog/DialogTimelineItem.js";
+import { DialogLabel as go } from "./components/Dialog/DialogLabel.js";
+import { DialogAttachments as Mo } from "./components/Dialog/DialogAttachments.js";
+import { DialogTransmissions as yo } from "./components/Dialog/DialogTransmissions.js";
+import { DialogTimeline as So } from "./components/Dialog/DialogTimeline.js";
+import { DialogTimelineItem as ko } from "./components/Dialog/DialogTimelineItem.js";
 import { DialogHistory as ho } from "./components/Dialog/DialogHistory.js";
 import { DialogHistoryItem as Co } from "./components/Dialog/DialogHistoryItem.js";
 import { DropdownBase as Po } from "./components/Dropdown/DropdownBase.js";
@@ -58,12 +58,12 @@ import { HeaderBase as ir } from "./components/Header/HeaderBase.js";
 import { HeaderLogo as sr } from "./components/Header/HeaderLogo.js";
 import { HeaderButton as lr } from "./components/Header/HeaderButton.js";
 import { Icon as Lr } from "./components/Icon/Icon.js";
-import { SvgIcon as gr } from "./components/Icon/SvgIcon.js";
+import { SvgIcon as Ir } from "./components/Icon/SvgIcon.js";
 import { CheckboxIcon as dr } from "./components/Icon/CheckboxIcon.js";
-import { RadioIcon as Dr } from "./components/Icon/RadioIcon.js";
-import { ProgressIcon as Sr } from "./components/Icon/ProgressIcon.js";
-import { iconsMap as Ar } from "./components/Icon/iconsMap.js";
-import { LayoutBase as Tr } from "./components/Layout/LayoutBase.js";
+import { RadioIcon as Mr } from "./components/Icon/RadioIcon.js";
+import { ProgressIcon as yr } from "./components/Icon/ProgressIcon.js";
+import { iconsMap as Sr } from "./components/Icon/iconsMap.js";
+import { LayoutBase as kr } from "./components/Layout/LayoutBase.js";
 import { LayoutBody as hr } from "./components/Layout/LayoutBody.js";
 import { LayoutContent as Cr } from "./components/Layout/LayoutContent.js";
 import { LayoutSidebar as Pr } from "./components/Layout/LayoutSidebar.js";
@@ -85,12 +85,12 @@ import { MenuItemBase as ie } from "./components/Menu/MenuItemBase.js";
 import { MenuItemLabel as se } from "./components/Menu/MenuItemLabel.js";
 import { MenuItemMedia as le } from "./components/Menu/MenuItemMedia.js";
 import { MenuItem as Le } from "./components/Menu/MenuItem.js";
-import { MenuInputField as ge } from "./components/Menu/MenuInputField.js";
+import { MenuInputField as Ie } from "./components/Menu/MenuInputField.js";
 import { MenuOption as de } from "./components/Menu/MenuOption.js";
-import { MenuSearch as De } from "./components/Menu/MenuSearch.js";
-import { MenuHeader as Se } from "./components/Menu/MenuHeader.js";
-import { MenuItems as Ae } from "./components/Menu/MenuItems.js";
-import { MenuBase as Te, MenuList as He, MenuListItem as he } from "./components/Menu/MenuBase.js";
+import { MenuSearch as Me } from "./components/Menu/MenuSearch.js";
+import { MenuHeader as ye } from "./components/Menu/MenuHeader.js";
+import { MenuItems as Se } from "./components/Menu/MenuItems.js";
+import { MenuBase as ke, MenuList as He, MenuListItem as he } from "./components/Menu/MenuBase.js";
 import { Menu as Ce } from "./components/Menu/Menu.js";
 import { MetaBase as Pe } from "./components/Meta/MetaBase.js";
 import { MetaList as Re, MetaListItem as Ge } from "./components/Meta/MetaList.js";
@@ -103,53 +103,51 @@ import { MetaTimestamp as We } from "./components/Meta/MetaTimestamp.js";
 import { RootProvider as Ye, useRootContext as Ze } from "./components/RootProvider/RootProvider.js";
 import { Searchbar as $e } from "./components/Searchbar/Searchbar.js";
 import { Snackbar as rt } from "./components/Snackbar/Snackbar.js";
-import { SnackbarBase as tt } from "./components/Snackbar/SnackbarBase.js";
-import { SnackbarMedia as pt } from "./components/Snackbar/SnackbarMedia.js";
-import { SnackbarLabel as ft } from "./components/Snackbar/SnackbarLabel.js";
-import { Skeleton as it } from "./components/Skeleton/Skeleton.js";
-import { TimelineBase as st } from "./components/Timeline/TimelineBase.js";
-import { TimelineSection as lt } from "./components/Timeline/TimelineSection.js";
-import { Timeline as Lt } from "./components/Timeline/Timeline.js";
-import { ToolbarBase as gt } from "./components/Toolbar/ToolbarBase.js";
-import { ToolbarButton as dt } from "./components/Toolbar/ToolbarButton.js";
-import { Toolbar as Dt } from "./components/Toolbar/Toolbar.js";
-import { ToolbarSearch as St } from "./components/Toolbar/ToolbarSearch.js";
-import { ToolbarFilter as At } from "./components/Toolbar/ToolbarFilter.js";
-import { ToolbarDaterange as Tt } from "./components/Toolbar/ToolbarDaterange.js";
-import { PageBase as ht } from "./components/Page/PageBase.js";
-import { PageNav as Ct } from "./components/Page/PageNav.js";
-import { PageHeader as Pt } from "./components/Page/PageHeader.js";
-import { Article as Rt } from "./components/Page/Article.js";
-import { Section as Ot } from "./components/Page/Section.js";
-import { Flex as Qt } from "./components/Page/Flex.js";
-import { Grid as Nt } from "./components/Page/Grid.js";
-import { Breadcrumbs as qt } from "./components/Page/Breadcrumbs.js";
-import { BreadcrumbsLink as Jt } from "./components/Page/BreadcrumbsLink.js";
-import { TransmissionItem as Vt } from "./components/Transmission/TransmissionItem.js";
-import { TransmissionList as Xt } from "./components/Transmission/TransmissionList.js";
-import { Typography as Zt } from "./components/Typography/Typography.js";
-import { Heading as $t } from "./components/Typography/Heading.js";
-import { ResourceList as rm } from "./components/ResourceList/ResourceList.js";
-import { ResourceListItem as tm } from "./components/ResourceList/ResourceListItem.js";
-import { AccessAreaListItem as pm } from "./components/AccessAreaList/AccessAreaListItem.js";
-import { AccessPackageListItem as fm } from "./components/AccessPackageList/AccessPackageListItem.js";
-import { AccessPackageList as im } from "./components/AccessPackageList/AccessPackageList.js";
-import { FieldBase as sm } from "./components/TextField/FieldBase.js";
-import { InputBase as lm } from "./components/TextField/InputBase.js";
-import { TextField as Lm } from "./components/TextField/TextField.js";
-import { useClickOutside as gm } from "./hooks/useClickOutside.js";
-import { useEscapeKey as dm } from "./hooks/useEscapeKey.js";
-import { useMenu as Dm } from "./hooks/useMenu.js";
+import { SnackbarItem as tt } from "./components/Snackbar/SnackbarItem.js";
+import { Skeleton as pt } from "./components/Skeleton/Skeleton.js";
+import { TimelineBase as ft } from "./components/Timeline/TimelineBase.js";
+import { TimelineSection as it } from "./components/Timeline/TimelineSection.js";
+import { Timeline as st } from "./components/Timeline/Timeline.js";
+import { ToolbarBase as lt } from "./components/Toolbar/ToolbarBase.js";
+import { ToolbarButton as Lt } from "./components/Toolbar/ToolbarButton.js";
+import { Toolbar as It } from "./components/Toolbar/Toolbar.js";
+import { ToolbarSearch as dt } from "./components/Toolbar/ToolbarSearch.js";
+import { ToolbarFilter as Mt } from "./components/Toolbar/ToolbarFilter.js";
+import { ToolbarDaterange as yt } from "./components/Toolbar/ToolbarDaterange.js";
+import { PageBase as St } from "./components/Page/PageBase.js";
+import { PageNav as kt } from "./components/Page/PageNav.js";
+import { PageHeader as ht } from "./components/Page/PageHeader.js";
+import { Article as Ct } from "./components/Page/Article.js";
+import { Section as Pt } from "./components/Page/Section.js";
+import { Flex as Rt } from "./components/Page/Flex.js";
+import { Grid as Ot } from "./components/Page/Grid.js";
+import { Breadcrumbs as Qt } from "./components/Page/Breadcrumbs.js";
+import { BreadcrumbsLink as Nt } from "./components/Page/BreadcrumbsLink.js";
+import { TransmissionItem as qt } from "./components/Transmission/TransmissionItem.js";
+import { TransmissionList as Jt } from "./components/Transmission/TransmissionList.js";
+import { Typography as Vt } from "./components/Typography/Typography.js";
+import { Heading as Xt } from "./components/Typography/Heading.js";
+import { ResourceList as Zt } from "./components/ResourceList/ResourceList.js";
+import { ResourceListItem as $t } from "./components/ResourceList/ResourceListItem.js";
+import { AccessAreaListItem as rm } from "./components/AccessAreaList/AccessAreaListItem.js";
+import { AccessPackageListItem as tm } from "./components/AccessPackageList/AccessPackageListItem.js";
+import { AccessPackageList as pm } from "./components/AccessPackageList/AccessPackageList.js";
+import { FieldBase as fm } from "./components/TextField/FieldBase.js";
+import { InputBase as im } from "./components/TextField/InputBase.js";
+import { TextField as sm } from "./components/TextField/TextField.js";
+import { useClickOutside as lm } from "./hooks/useClickOutside.js";
+import { useEscapeKey as Lm } from "./hooks/useEscapeKey.js";
+import { useMenu as Im } from "./hooks/useMenu.js";
 export {
-  pm as AccessAreaListItem,
-  im as AccessPackageList,
-  fm as AccessPackageListItem,
+  rm as AccessAreaListItem,
+  pm as AccessPackageList,
+  tm as AccessPackageListItem,
   rr as AccountButton,
   Zo as AccountMenu,
   Qr as ActionFooter,
   Or as ActionHeader,
   Nr as ActionMenu,
-  Rt as Article,
+  Ct as Article,
   e as AttachmentLink,
   m as AttachmentList,
   x as Autocomplete,
@@ -159,14 +157,14 @@ export {
   tr as BackButton,
   Ro as Backdrop,
   B as Badge,
-  I as BookmarksListItem,
-  S as BookmarksSection,
-  qt as Breadcrumbs,
-  Jt as BreadcrumbsLink,
+  g as BookmarksListItem,
+  y as BookmarksSection,
+  Qt as Breadcrumbs,
+  Nt as BreadcrumbsLink,
   C as Button,
-  A as ButtonBase,
+  S as ButtonBase,
   h as ButtonIcon,
-  T as ButtonLabel,
+  k as ButtonLabel,
   O as Byline,
   dr as CheckboxIcon,
   P as ComboButton,
@@ -174,13 +172,13 @@ export {
   N as Dialog,
   $ as DialogActions,
   ro as DialogActivityLog,
-  Do as DialogAttachments,
+  Mo as DialogAttachments,
   Z as DialogByline,
   to as DialogContent,
   co as DialogHeading,
   ho as DialogHistory,
   Co as DialogHistoryItem,
-  Io as DialogLabel,
+  go as DialogLabel,
   q as DialogList,
   J as DialogListGroup,
   V as DialogListItem,
@@ -190,10 +188,10 @@ export {
   io as DialogSelect,
   so as DialogStatus,
   uo as DialogStatusEnum,
-  Ao as DialogTimeline,
-  To as DialogTimelineItem,
+  So as DialogTimeline,
+  ko as DialogTimelineItem,
   Bo as DialogTouchedBy,
-  So as DialogTransmissions,
+  yo as DialogTransmissions,
   Oo as DrawerBase,
   Jo as DrawerBody,
   qo as DrawerButton,
@@ -201,21 +199,21 @@ export {
   Qo as DrawerHeader,
   Vo as DrawerOrDropdown,
   Po as DropdownBase,
-  sm as FieldBase,
-  Qt as Flex,
+  fm as FieldBase,
+  Rt as Flex,
   Xo as Footer,
   $o as GlobalMenu,
-  Nt as Grid,
+  Ot as Grid,
   fr as Header,
   ir as HeaderBase,
   lr as HeaderButton,
   sr as HeaderLogo,
-  $t as Heading,
+  Xt as Heading,
   Lr as Icon,
   R as IconButton,
-  lm as InputBase,
+  im as InputBase,
   Rr as Layout,
-  Tr as LayoutBase,
+  kr as LayoutBase,
   hr as LayoutBody,
   Cr as LayoutContent,
   Pr as LayoutSidebar,
@@ -231,18 +229,18 @@ export {
   re as ListItemSelect,
   pr as LogoutButton,
   Ce as Menu,
-  Te as MenuBase,
-  Se as MenuHeader,
-  ge as MenuInputField,
+  ke as MenuBase,
+  ye as MenuHeader,
+  Ie as MenuInputField,
   Le as MenuItem,
   ie as MenuItemBase,
   se as MenuItemLabel,
   le as MenuItemMedia,
-  Ae as MenuItems,
+  Se as MenuItems,
   He as MenuList,
   he as MenuListItem,
   de as MenuOption,
-  De as MenuSearch,
+  Me as MenuSearch,
   Pe as MetaBase,
   ze as MetaItem,
   Ee as MetaItemBase,
@@ -252,41 +250,39 @@ export {
   Ge as MetaListItem,
   Ue as MetaProgress,
   We as MetaTimestamp,
-  ht as PageBase,
-  Pt as PageHeader,
-  Ct as PageNav,
-  Sr as ProgressIcon,
-  M as QueryItem,
-  D as QueryLabel,
-  Dr as RadioIcon,
-  rm as ResourceList,
-  tm as ResourceListItem,
+  St as PageBase,
+  ht as PageHeader,
+  kt as PageNav,
+  yr as ProgressIcon,
+  D as QueryItem,
+  M as QueryLabel,
+  Mr as RadioIcon,
+  Zt as ResourceList,
+  $t as ResourceListItem,
   Ye as RootProvider,
   n as ScopeListItem,
   $e as Searchbar,
-  Ot as Section,
-  it as Skeleton,
+  Pt as Section,
+  pt as Skeleton,
   rt as Snackbar,
-  tt as SnackbarBase,
-  ft as SnackbarLabel,
-  pt as SnackbarMedia,
-  gr as SvgIcon,
-  Lm as TextField,
-  Lt as Timeline,
-  st as TimelineBase,
-  lt as TimelineSection,
-  Dt as Toolbar,
-  gt as ToolbarBase,
-  dt as ToolbarButton,
-  Tt as ToolbarDaterange,
-  At as ToolbarFilter,
-  St as ToolbarSearch,
-  Vt as TransmissionItem,
-  Xt as TransmissionList,
-  Zt as Typography,
-  Ar as iconsMap,
-  gm as useClickOutside,
-  dm as useEscapeKey,
-  Dm as useMenu,
+  tt as SnackbarItem,
+  Ir as SvgIcon,
+  sm as TextField,
+  st as Timeline,
+  ft as TimelineBase,
+  it as TimelineSection,
+  It as Toolbar,
+  lt as ToolbarBase,
+  Lt as ToolbarButton,
+  yt as ToolbarDaterange,
+  Mt as ToolbarFilter,
+  dt as ToolbarSearch,
+  qt as TransmissionItem,
+  Jt as TransmissionList,
+  Vt as Typography,
+  Sr as iconsMap,
+  lm as useClickOutside,
+  Lm as useEscapeKey,
+  Im as useMenu,
   Ze as useRootContext
 };

package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts

@@ -20,5 +20,7 @@ export interface BookmarksListItemProps extends ListItemInputProps {
     saveButton?: ButtonProps;
     /** Delete button */
     removeButton?: ButtonProps;
+    /** Render as **/
+    as?: React.ElementType;
 }
-export declare const BookmarksListItem: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksListItem: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, as, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, as, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -13,7 +13,6 @@ declare const meta: {
             type: "filter";
             label: string;
         })[];
-        href: string;
     };
 };
 export default meta;

package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts

@@ -1,14 +1,12 @@
-import { BookmarksListItemProps, ButtonProps, TextFieldProps } from '../';
+import { BookmarksListItemProps, TextFieldProps } from '../';
 export interface BookmarksSectionProps {
     title?: string;
     description?: string;
     items: BookmarksListItemProps[];
     untitled?: string;
     titleField?: TextFieldProps;
-    saveButton?: ButtonProps;
-    removeButton?: ButtonProps;
     expandedId?: string;
     onToggle?: (id: string) => void;
     loading?: boolean;
 }
-export declare const BookmarksSection: ({ loading, title, description, items, untitled, titleField, saveButton, removeButton, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksSection: ({ loading, title, description, items, untitled, titleField, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { BookmarksSectionProps } from './BookmarksSection';
 declare const meta: {
     title: string;
-    component: ({ loading, title, description, items, untitled, titleField, saveButton, removeButton, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, description, items, untitled, titleField, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -13,16 +13,17 @@ declare const meta: {
             placeholder: string;
             helperText: string;
         };
-        saveButton: {
-            label: string;
-        };
-        removeButton: {
-            label: string;
-        };
         description: string;
         items: ({
             id: string;
             title: string;
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick: () => void;
+            };
             params: ({
                 type: "search";
                 label: string;
@@ -39,6 +40,27 @@ declare const meta: {
                 type: "filter";
                 label: string;
             })[];
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick: () => void;
+            };
+            title?: undefined;
+        } | {
+            id: string;
+            params: {
+                type: "filter";
+                label: string;
+            }[];
+            saveButton: {
+                label: string;
+            };
+            removeButton: {
+                label: string;
+                onClick?: undefined;
+            };
             title?: undefined;
         })[];
     };
@@ -50,3 +72,4 @@ export declare const ExpandedItem: Story;
 export declare const ControlledState: (args: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const LoadingState: Story;
 export declare const EmptyState: Story;
+export declare const AsLink: Story;

package/dist/types/lib/components/LayoutAction/ActionFooter.stories.d.ts

@@ -9,5 +9,3 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Menu: Story;
-export declare const Snackbars: Story;
-export declare const MenuAndSnackbar: Story;

package/dist/types/lib/components/Snackbar/Snackbar.d.ts

@@ -1,20 +1,5 @@
-import { ElementType } from 'react';
-import { IconName } from '../Icon';
-import { SnackbarColor } from './SnackbarBase';
 export interface SnackbarProps {
-    /** Element type to render */
-    as?: ElementType;
-    /** Color */
-    color?: SnackbarColor;
-    /** Message */
-    message?: string;
-    /** Icon */
-    icon?: IconName;
-    /** Dismissable */
-    dismissable?: boolean;
-    /** onDismiss */
-    onDismiss?: () => void;
     /** Optional classname */
     className?: string;
 }
-export declare const Snackbar: ({ as, color, message, icon, ...rest }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Snackbar: ({ className }: SnackbarProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Snackbar/Snackbar.stories.d.ts

@@ -1,14 +1,9 @@
-import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ as, color, message, icon, ...rest }: import('./Snackbar').SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className }: import('./Snackbar.tsx').SnackbarProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
-    args: {
-        icon: "bell";
-        message: string;
-    };
+    args: {};
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Snackbar/SnackbarBase.d.ts

@@ -1,13 +1,8 @@
-import { ElementType, ReactNode } from 'react';
-export type SnackbarColor = 'default' | 'accent';
-interface SnackbarBaseProps {
-    as?: ElementType;
-    color?: SnackbarColor;
-    href?: string;
+import { ReactNode } from 'react';
+export interface SnackbarBaseProps {
+    /** Optional classname */
     className?: string;
-    dismissable?: boolean;
-    onDismiss?: () => void;
-    children?: ReactNode;
+    /** Children */
+    children: string | ReactNode;
 }
-export declare const SnackbarBase: ({ as, children, className, color, dismissable, onDismiss, ...rest }: SnackbarBaseProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const SnackbarBase: ({ children }: SnackbarBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts

@@ -0,0 +1,16 @@
+import { ElementType, ReactNode } from 'react';
+import { IconName } from '..';
+export type SnackbarColor = 'default' | 'accent' | 'alert';
+interface SnackbarItemProps {
+    as?: ElementType;
+    color?: SnackbarColor;
+    icon?: IconName;
+    message: string | ReactNode;
+    href?: string;
+    className?: string;
+    dismissable?: boolean;
+    onDismiss?: () => void;
+    children?: ReactNode;
+}
+export declare const SnackbarItem: ({ as, message, className, color, icon, dismissable, onDismiss, ...rest }: SnackbarItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/components/Snackbar/index.d.ts

@@ -1,4 +1,2 @@
-export * from './Snackbar';
-export * from './SnackbarBase';
-export * from './SnackbarMedia';
-export * from './SnackbarLabel';
+export * from './Snackbar.tsx';
+export * from './SnackbarItem';

package/dist/types/lib/components/Snackbar/useSnackbar.d.ts

@@ -0,0 +1,39 @@
+import { ElementType, ReactNode } from 'react';
+import { IconName } from '../Icon';
+import { SnackbarColor } from './SnackbarItem.tsx';
+export declare enum SnackbarDuration {
+    infinite = 0,
+    short = 1000,
+    normal = 3000,
+    long = 5000
+}
+export interface OpenSnackbarInput extends Omit<SnackbarQueueItem, 'id'> {
+}
+export interface SnackbarQueueItem extends SnackbarItemProps {
+    id: string;
+    message: string;
+    color: SnackbarColor;
+    duration?: number;
+    icon?: IconName;
+}
+interface SnackbarItemProps {
+    as?: ElementType;
+    color?: SnackbarColor;
+    href?: string;
+    className?: string;
+    dismissable?: boolean;
+    onDismiss?: () => void;
+    children?: ReactNode;
+}
+interface SnackbarContextValue {
+    open: boolean;
+    storedMessages: SnackbarQueueItem[];
+    openSnackbar: (input: OpenSnackbarInput) => string;
+    closeSnackbarItem: (id: string) => void;
+    dismissSnackbar: () => void;
+}
+export declare const SnackbarProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useSnackbar: () => SnackbarContextValue;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "main": "dist/index.js",
   "files": [
     "dist/",

package/dist/assets/SnackbarLabel.css

@@ -1 +0,0 @@
-._label_1n332_3{display:flex;justify-content:center}

package/dist/assets/SnackbarMedia.css

@@ -1 +0,0 @@
-._media_td38q_1{display:flex;align-items:center;justify-content:center}._icon_td38q_7{font-size:1.5rem;margin:.625rem}

package/dist/components/Snackbar/SnackbarLabel.js

@@ -1,7 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../assets/SnackbarLabel.css';const e = "_label_1n332_3", s = {
-  label: e
-}, t = ({ children: l }) => /* @__PURE__ */ a("span", { className: s.label, children: l });
-export {
-  t as SnackbarLabel
-};

package/dist/components/Snackbar/SnackbarMedia.js

@@ -1,11 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { Icon as n } from "../Icon/Icon.js";
-import "../Icon/SvgIcon.js";
-import "../../index-L8X2o7IH.js";
-import '../../assets/SnackbarMedia.css';const t = "_media_td38q_1", c = "_icon_td38q_7", o = {
-  media: t,
-  icon: c
-}, d = ({ icon: a = "bell" }) => /* @__PURE__ */ i("div", { className: o.media, children: /* @__PURE__ */ i(n, { name: a, variant: "solid", className: o.icon }) });
-export {
-  d as SnackbarMedia
-};

package/dist/types/lib/components/Snackbar/SnackbarLabel.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-export interface SnackbarLabelProps {
-    children?: ReactNode;
-}
-export declare const SnackbarLabel: ({ children }: SnackbarLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Snackbar/SnackbarMedia.d.ts

@@ -1,6 +0,0 @@
-import { IconName } from '../Icon';
-interface SnackbarMediaProps {
-    icon?: IconName;
-}
-export declare const SnackbarMedia: ({ icon }: SnackbarMediaProps) => import("react/jsx-runtime").JSX.Element;
-export {};