@altinn/altinn-components 0.56.34 → 0.57.3

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -54,7 +54,7 @@ declare const meta: {
         onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         children?: import('react').ReactNode;
         highlightWords?: string[] | undefined;
-        select?: import('..').ListItemSelectProps | undefined;
+        select?: import('..').ItemSelectProps | undefined;
         collapsible?: boolean | undefined;
         controls?: import('react').ReactNode;
         href?: string | undefined;

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

@@ -17,3 +17,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const LongLabels: Story;

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

@@ -7,7 +7,7 @@ declare const meta: {
     args: {};
 };
 export default meta;
-export declare const Default: ({ defaultBulkIds }: {
+export declare const Default: ({ defaultBulkIds, }: {
     defaultBulkIds?: string[];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const BulkModeOn: () => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { ButtonIconProps } from './ButtonIcon';
 import * as React from 'react';
 export type ButtonColor = DsButtonProps['data-color'] | undefined;
 export type ButtonVariant = 'solid' | 'outline' | 'tinted' | 'ghost' | DsButtonProps['variant'];
-export type ButtonSize = 'xs' | DsButtonProps['data-size'];
+export type ButtonSize = 'xs' | 'mini' | DsButtonProps['data-size'];
 export type ButtonProps = {
     as?: React.ElementType;
     size?: ButtonSize;

package/dist/types/lib/components/Dialog/DialogList.d.ts

@@ -6,4 +6,4 @@ export interface DialogListProps {
     highlightWords?: string[];
     isLoading?: boolean;
 }
-export declare const DialogList: ({ items, groups, sortGroupBy, highlightWords, isLoading }: DialogListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogList: import('react').MemoExoticComponent<({ items, groups, sortGroupBy, highlightWords, isLoading }: DialogListProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Dialog/DialogList.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ items, groups, sortGroupBy, highlightWords, isLoading }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').MemoExoticComponent<({ items, groups, sortGroupBy, highlightWords, isLoading }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element>;
     tags: string[];
     args: {
         items: import('./DialogListItem').DialogListItemProps[];
@@ -16,6 +16,7 @@ type Story = StoryObj<typeof meta>;
 export declare const GroupedByDate: Story;
 export declare const SearchResults: Story;
 export declare const SingleGroup: Story;
+export declare const AsLink: Story;
 export declare const Ungrouped: Story;
 export declare const WithExtendedStatus: Story;
 export declare const Loading: Story;

package/dist/types/lib/components/Dialog/DialogListGroup.d.ts

@@ -4,4 +4,4 @@ export interface DialogListGroupProps {
     description?: string | ReactNode;
     children?: ReactNode;
 }
-export declare const DialogListGroup: ({ title, description, children }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListGroup: import('react').MemoExoticComponent<({ title, description, children }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Dialog/DialogListItem.d.ts

@@ -1,8 +1,8 @@
-import { AvatarProps, BadgeProps, Color, DialogMetadataProps, ListItemProps, SeenByLogProps } from '..';
-export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type DialogListItemState = 'normal' | 'trashed' | 'archived';
-export type DialogListItemTheme = 'default' | 'subtle' | 'transparent';
-export interface DialogListItemProps extends ListItemProps, DialogMetadataProps {
+import { ReactNode } from 'react';
+import { AvatarProps, BadgeProps, Color, DialogMetadataProps, ItemLinkProps, SeenByLogProps } from '..';
+export type DialogListItemSize = 'md' | 'lg' | 'xl';
+export type DialogListItemVariant = 'default' | 'select';
+export interface DialogListItemProps extends ItemLinkProps, DialogMetadataProps {
     /** Highlight words, ie. search terms */
     highlightWords?: string[];
     /** Dialog title */
@@ -24,11 +24,11 @@ export interface DialogListItemProps extends ListItemProps, DialogMetadataProps
     /** Dialog size */
     size?: DialogListItemSize;
     /** Custom controls */
-    controls?: ListItemProps['controls'];
+    controls?: ReactNode;
+    /** Selectable: Use to support batch operations */
+    selectable?: boolean;
     /** Selected: Use to support batch operations */
     selected?: boolean;
-    /** Dialog state */
-    state?: DialogListItemState;
     /** Tab index */
     tabIndex?: number;
     /** Custom badge */
@@ -43,8 +43,8 @@ export interface DialogListItemProps extends ListItemProps, DialogMetadataProps
     attachmentsLabel?: string;
     /** Group id */
     groupId?: string;
-    /** Theme */
-    theme?: DialogListItemTheme;
+    /** Variant */
+    variant?: DialogListItemVariant;
     /** Color */
     color?: Color;
 }
@@ -53,4 +53,4 @@ export interface DialogListItemProps extends ListItemProps, DialogMetadataProps
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: import('react').MemoExoticComponent<({ as, size, variant, color, loading, controls, selectable, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Inbox/InboxPage.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ToolbarProps } from '..';
+export interface InboxPageProps {
+    title?: string;
+    toolbar?: ToolbarProps;
+    sticky?: boolean;
+    controls?: ReactNode;
+    children: ReactNode;
+}
+export declare const InboxPage: ({ title, toolbar, sticky, controls, children }: InboxPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Inbox/InboxPage.stories.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { UseInboxQuery } from '../../../examples';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {};
+};
+export default meta;
+export declare const Inbox: ({ pageId, summary, sticky, }: {
+    pageId?: string;
+    summary?: ReactNode;
+    sticky?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ pageId, sticky, title, summary, query, }: {
+    pageId?: string;
+    sticky?: boolean;
+    title?: string;
+    summary?: ReactNode;
+    query?: UseInboxQuery;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchInbox: () => import("react/jsx-runtime").JSX.Element;
+export declare const SearchArchive: () => import("react/jsx-runtime").JSX.Element;
+export declare const SearchTrash: () => import("react/jsx-runtime").JSX.Element;
+export declare const SearchEmpty: () => import("react/jsx-runtime").JSX.Element;
+export declare const InboxEmpty: ({ pageId, summary, }: {
+    pageId?: string;
+    summary?: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const Drafts: () => import("react/jsx-runtime").JSX.Element;
+export declare const Sent: () => import("react/jsx-runtime").JSX.Element;
+export declare const Archive: () => import("react/jsx-runtime").JSX.Element;
+export declare const Trash: () => import("react/jsx-runtime").JSX.Element;
+export declare const StickyInbox: () => import("react/jsx-runtime").JSX.Element;
+export declare const StickySearch: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './InboxPage';

package/dist/types/lib/components/Item/ItemBase.d.ts

@@ -0,0 +1,29 @@
+import { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import { Color } from '..';
+export type ItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ItemColor = Color;
+export type ItemBaseProps<T extends ElementType = 'li'> = {
+    /** The element type to render as. */
+    as?: T;
+    /** Optional ref */
+    ref?: React.Ref<T>;
+    /** The tab index of the list item. */
+    tabIndex?: number;
+    /** The size of item. */
+    size?: ItemSize;
+    /** The color of item. */
+    color?: ItemColor;
+    /** The variant of item. */
+    variant?: string;
+    /** Additional class names. */
+    className?: string;
+    /** If true, the  item is disabled. */
+    disabled?: boolean;
+    /** If true, the  item is hidden. */
+    hidden?: boolean;
+    /** The children elements of the list item. */
+    children?: ReactNode;
+    /** Id of list item. */
+    id?: string;
+} & Omit<ComponentPropsWithRef<T>, 'color' | 'size'>;
+export declare const ItemBase: ({ id, ref, as, size, color, variant, hidden, disabled, className, children, ...rest }: ItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Item/ItemControls.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-interface ItemControlsProps {
+export interface ItemControlsProps {
     className?: string;
     children?: ReactNode;
 }
 export declare const ItemControls: ({ className, children }: ItemControlsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/lib/components/Item/ItemLink.d.ts

@@ -0,0 +1,19 @@
+import { ElementType, KeyboardEventHandler } from 'react';
+export interface ItemLinkProps {
+    as?: ElementType;
+    href?: string;
+    onClick?: () => void;
+    onKeyPress?: KeyboardEventHandler;
+    ariaLabel?: string;
+    tabIndex?: number;
+    loading?: boolean;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+    active?: boolean;
+    children?: React.ReactNode;
+    expanded?: boolean;
+    collapsible?: boolean;
+    ariaControlsId?: string;
+}
+export declare const ItemLink: ({ as, loading, disabled, selected, href, onClick, onKeyPress, className, active, ariaLabel, children, tabIndex, expanded, collapsible, ariaControlsId, }: ItemLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Item/ItemSelect.d.ts

@@ -1,8 +1,9 @@
-export interface ItemSelectProps {
-    selected?: boolean;
+import { InputProps } from '../';
+export interface ItemSelectProps extends InputProps {
     onClick?: () => void;
+    className?: string;
 }
 /**
  * List item checkbox
  */
-export declare const ItemSelect: ({ selected, onClick }: ItemSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemSelect: ({ className, onClick, checked, onChange, ...rest }: ItemSelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,3 +2,5 @@ export * from './ItemMedia';
 export * from './ItemLabel';
 export * from './ItemControls';
 export * from './ItemSelect';
+export * from './ItemBase';
+export * from './ItemLink';

package/dist/types/lib/components/Layout/LayoutBase.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export type LayoutColor = 'neutral' | 'company' | 'person';
-export type LayoutTheme = 'default' | 'subtle' | 'neutral';
+export type LayoutTheme = 'default' | 'subtle' | 'neutral' | 'inbox';
 export interface LayoutBaseProps {
     color?: LayoutColor;
     theme?: LayoutTheme /** TODO: Should be renamed to variant */;

package/dist/types/lib/components/List/ListItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { ListItemBaseProps } from './ListItemBase';
 import { ListItemHeaderProps } from './ListItemHeader';
-export type ListItemVariant = 'default' | 'subtle' | 'tinted';
+export type ListItemVariant = 'default' | 'subtle' | 'tinted' | string;
 export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
     /** List item id */
     id?: string;

package/dist/types/lib/components/List/ListItemHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BadgeProps, ListItemColor, ListItemIconProps, ListItemLabelProps, ListItemLinkProps, ListItemSelectProps, ListItemSize } from '..';
+import { BadgeProps, ItemSelectProps, ListItemColor, ListItemIconProps, ListItemLabelProps, ListItemLinkProps, ListItemSize } from '..';
 export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Highlight words, ie. search terms */
     highlightWords?: string[];
@@ -14,7 +14,7 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Optional classname */
     className?: string;
     /** Select controls */
-    select?: ListItemSelectProps;
+    select?: ItemSelectProps;
     /** Item is disabled */
     disabled?: boolean;
     /** Collapsible item */

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

@@ -4,6 +4,5 @@ export * from './ListItemHeader';
 export * from './ListItemLabel';
 export * from './ListItemIcon';
 export * from './ListItemControls';
-export * from './ListItemSelect';
 export * from './ListItem';
 export * from './List';

package/dist/types/lib/components/Metadata/MetaItemBase.d.ts

@@ -12,6 +12,7 @@ export interface MetaItemBaseProps {
     datetime?: string;
     progress?: number;
     className?: string;
+    tooltip?: string;
     children?: ReactNode;
 }
-export declare const MetaItemBase: ({ as, loading, reverse, variant, size, color, progress, datetime, className, children, ...rest }: MetaItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaItemBase: ({ as, loading, reverse, variant, size, color, progress, datetime, className, tooltip, children, ...rest }: MetaItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts

@@ -42,7 +42,7 @@ declare const meta: {
         selected?: boolean | undefined;
         onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         highlightWords?: string[] | undefined;
-        select?: import('..').ListItemSelectProps | undefined;
+        select?: import('..').ItemSelectProps | undefined;
         linkIcon?: boolean | undefined;
         badge?: import('..').BadgeProps | import('react').ReactNode;
         controls?: import('react').ReactNode;

package/dist/types/lib/components/Toolbar/QueryLabel.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ params, size, variant, color }: import('./QueryLabel').QueryLabelProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Xxs: Story;

package/dist/types/lib/components/Toolbar/QueryLabelItem.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export type QueryItemType = 'scope' | 'search' | 'filter' | 'connector';
-export type QueryItemSize = 'xs' | 'xxs';
+export type QueryItemSize = 'default' | 'xs' | 'xxs';
 export type QueryItemVariant = 'default' | 'subtle';
 export interface QueryItemProps {
     type?: QueryItemType;

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

@@ -7,6 +7,8 @@ export interface ToolbarProps {
     menus?: ToolbarMenuProps[];
     search?: ToolbarSearchProps;
     filter?: ToolbarFilterProps;
+    disabled?: boolean;
     children?: ReactNode;
+    controls?: ReactNode;
 }
-export declare const Toolbar: ({ accountMenu, menus, search, filter, children }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ accountMenu, menus, search, filter, disabled, controls, children }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,20 +1,24 @@
 import { ToolbarFilterProps, ToolbarMenuProps } from './';
 declare const meta: {
     title: string;
-    component: ({ accountMenu, menus, search, filter, children }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accountMenu, menus, search, filter, disabled, controls, children }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
         accountMenu?: ToolbarMenuProps | undefined;
         menus?: ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
+        disabled?: boolean | undefined;
         children?: import('react').ReactNode;
+        controls?: import('react').ReactNode;
     }>, _: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
         accountMenu?: ToolbarMenuProps | undefined;
         menus?: ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
+        disabled?: boolean | undefined;
         children?: import('react').ReactNode;
+        controls?: import('react').ReactNode;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {};
 };

package/dist/types/lib/components/Toolbar/ToolbarControls.d.ts

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

package/dist/types/lib/components/Toolbar/ToolbarFilter.d.ts

@@ -1,5 +1,7 @@
+import { ReactNode } from 'react';
 import { FilterProps, FilterState } from './useFilter';
 export interface ToolbarFilterProps {
+    disabled?: boolean;
     filters: FilterProps[];
     addLabel?: string;
     addNextLabel?: string;
@@ -10,5 +12,6 @@ export interface ToolbarFilterProps {
     filterState?: FilterState;
     onFilterStateChange?: (state: FilterState) => void;
     virtualized?: boolean;
+    controls?: ReactNode;
 }
-export declare const ToolbarFilter: ({ filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilter: ({ disabled, filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, controls, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarFilter.stories.d.ts

@@ -1,7 +1,7 @@
 import { ToolbarFilterProps } from './ToolbarFilter';
 declare const meta: {
     title: string;
-    component: ({ filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ disabled, filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, controls, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {};
 };

package/dist/types/lib/components/Toolbar/ToolbarFilterButton.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { ButtonProps } from '../Button';
 interface ToolbarFilterButtonProps {
+    disabled?: boolean;
     name?: string;
     onClick?: () => void;
     onRemove?: () => void;
@@ -12,5 +13,5 @@ interface ToolbarFilterButtonProps {
     ref?: React.Ref<HTMLButtonElement>;
     variant?: ButtonProps['variant'];
 }
-export declare function ToolbarFilterButton({ name, onClick, removable, removeLabel, onRemove, children, open, variant, ref, }: ToolbarFilterButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarFilterButton({ disabled, name, onClick, removable, removeLabel, onRemove, children, open, variant, ref, }: ToolbarFilterButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/components/Toolbar/ToolbarFilterMenu.d.ts

@@ -4,6 +4,7 @@ import { DropdownProps } from '../Dropdown';
 import { FilterProps, FilterState } from './useFilter.tsx';
 export interface ToolbarFilterMenuProps extends Omit<FilterProps, 'variant'> {
     as?: ElementType;
+    disabled?: boolean;
     open: boolean;
     onToggle: () => void;
     onClose: () => void;
@@ -17,4 +18,4 @@ export interface ToolbarFilterMenuProps extends Omit<FilterProps, 'variant'> {
     variant?: ButtonProps['variant'];
     dropdownSize?: DropdownProps['size'];
 }
-export declare const ToolbarFilterMenu: ({ as, size, name, label, searchable, groups, items, removable, removeLabel, filterState, onFilterStateChange, onFilterChange, onRemove, open, onToggle, onClose, submitLabel, search, virtualized, title, variant: customVariant, dropdownSize, }: ToolbarFilterMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilterMenu: ({ as, disabled, size, name, label, searchable, groups, items, removable, removeLabel, filterState, onFilterStateChange, onFilterChange, onRemove, open, onToggle, onClose, submitLabel, search, virtualized, title, variant: customVariant, dropdownSize, }: ToolbarFilterMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/ToolbarMenu.d.ts

@@ -2,10 +2,11 @@ import { ButtonProps } from '../Button';
 import { DropdownProps } from '../Dropdown';
 import { MenuProps } from '../Menu/';
 export interface ToolbarMenuProps extends Omit<MenuProps, 'variant'> {
+    disabled?: boolean;
     title?: string;
     label?: string;
     variant?: ButtonProps['variant'];
     dropdownSize?: DropdownProps['size'];
     onSelectId?: (id: string) => void;
 }
-export declare const ToolbarMenu: ({ label, variant, title, items, dropdownSize, id, onSelectId, ...props }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarMenu: import('react').MemoExoticComponent<({ disabled, label, variant, title, items, dropdownSize, id, onSelectId, ...props }: ToolbarMenuProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts

@@ -2,4 +2,4 @@ import { SearchFieldProps } from '../Forms';
 export interface ToolbarSearchProps extends SearchFieldProps {
     collapsible?: boolean;
 }
-export declare const ToolbarSearch: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarSearch: import('react').MemoExoticComponent<({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, disabled, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').MemoExoticComponent<({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, disabled, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element>;
     tags: string[];
     parameters: {};
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {

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

@@ -29,7 +29,7 @@ declare const meta: {
         loading?: boolean | undefined;
         icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
         as?: import('react').ElementType | undefined;
-        select?: import('..').ListItemSelectProps | undefined;
+        select?: import('..').ItemSelectProps | undefined;
         hidden?: boolean | undefined;
         expanded?: boolean | undefined;
         active?: boolean | undefined;

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

@@ -11,6 +11,7 @@ export * from './Breadcrumbs';
 export * from './Button';
 export * from './Byline';
 export * from './ContextMenu';
+export * from './Inbox';
 export * from './Dialog';
 export * from './Divider';
 export * from './Dropdown';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.56.34",
+  "version": "0.57.3",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -23,7 +23,7 @@
     "@digdir/designsystemet-css": "^1.9.0",
     "@digdir/designsystemet-react": "^1.9.0",
     "@digdir/designsystemet-theme": "^1.9.0",
-    "@navikt/aksel-icons": "^8.0.0",
+    "@navikt/aksel-icons": "^8.9.0",
     "@tanstack/react-virtual": "^3.13.9",
     "classnames": "^2.5.1",
     "react": "^19.1.0",
@@ -81,7 +81,7 @@
     "build": "tsc && vite build",
     "format": "lint-staged",
     "lint": "biome check",
-    "lint:fix": "biome check ./ --write",
+    "lint:fix": "biome check --no-errors-on-unmatched --write .",
     "dev": "vite",
     "build-storybook": "storybook build",
     "ci:build-storybook": "storybook build --quiet",

package/dist/Checkmark-Byz_C9x4.js

@@ -1,24 +0,0 @@
-"use client";
-import i, { forwardRef as a } from "react";
-import { u as f } from "./useId-BVFxCjkq.js";
-var d = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = a((t, n) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
-  let o = f();
-  return o = r ? e || "title-" + o : void 0, i.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
-  );
-});
-export {
-  p as S
-};

package/dist/ChevronDown-D_a7nb-G.js

@@ -1,24 +0,0 @@
-"use client";
-import i, { forwardRef as a } from "react";
-import { u as f } from "./useId-BVFxCjkq.js";
-var d = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = a((t, n) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
-  let o = f();
-  return o = r ? e || "title-" + o : void 0, i.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
-  );
-});
-export {
-  p as S
-};

package/dist/ChevronRight-ANFWmIs1.js

@@ -1,24 +0,0 @@
-"use client";
-import i, { forwardRef as a } from "react";
-import { u as f } from "./useId-BVFxCjkq.js";
-var d = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = a((t, n) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
-  let o = f();
-  return o = r ? e || "title-" + o : void 0, i.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
-  );
-});
-export {
-  p as S
-};

package/dist/ChevronUp-hn05LboH.js

@@ -1,24 +0,0 @@
-"use client";
-import i, { forwardRef as a } from "react";
-import { u as f } from "./useId-BVFxCjkq.js";
-var d = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = a((t, n) => {
-  var { title: r, titleId: e } = t, l = d(t, ["title", "titleId"]);
-  let o = f();
-  return o = r ? e || "title-" + o : void 0, i.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
-    r ? i.createElement("title", { id: o }, r) : null,
-    i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z", clipRule: "evenodd" })
-  );
-});
-export {
-  p as S
-};