@altinn/altinn-components 0.27.1 → 0.28.1

package/dist/types/lib/components/AccessAreaList/AccessAreaListItem.d.ts

@@ -1,7 +1,7 @@
 import { Color } from '../../types';
 import { SvgElement } from '../Icon';
 import { ListItemProps } from '../List';
-interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading' | 'titleAs'> {
+interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading'> {
     /** Id of the item */
     id: string;
     /** Name of the Access Area */

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

@@ -1,6 +1,6 @@
-import { ListBaseProps } from '../List';
+import { ListProps } from '../List';
 import { AccessPackageListItemProps } from './AccessPackageListItem';
-export interface AccessPackageListProps extends Pick<ListBaseProps, 'spacing'> {
+export interface AccessPackageListProps extends Pick<ListProps, 'spacing'> {
     items: AccessPackageListItemProps[];
 }
 export declare const AccessPackageList: ({ items, spacing, ...props }: AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/AccessPackageList/AccessPackageListItem.d.ts

@@ -1,5 +1,5 @@
 import { ListItemProps } from '../List';
-export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'title' | 'description' | 'size' | 'controls' | 'loading' | 'titleAs'> {
+export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'title' | 'description' | 'size' | 'controls' | 'loading'> {
     id: string;
 }
 export declare const AccessPackageListItem: ({ as, title, color, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { ActivityLogItemProps } from '..';
+export interface ActivityLogProps {
+    items: ActivityLogItemProps[];
+}
+export declare function ActivityLog({ items }: ActivityLogProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {};
+    args: {};
+};
+export default meta;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ActivityLog/ActivityLogItem.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ActivityLogItemProps {
+    id: string;
+    byline?: string;
+    datetime?: string;
+    children?: ReactNode;
+}
+export declare const ActivityLogItem: ({ byline, datetime, children }: ActivityLogItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './ActivityLog';
+export * from './ActivityLogItem';

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

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

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

@@ -0,0 +1,19 @@
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {};
+    args: {
+        breadcrumbs: {
+            label: string;
+        }[];
+        title: string;
+        owner: import('..').AvatarProps;
+        sections: {
+            id: string;
+            title: string;
+            children: string;
+        }[];
+    };
+};
+export default meta;
+export declare const Service: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Article/ArticleContact.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Color, ContactButtonsProps, Theme } from '..';
+export interface ArticleContactProps {
+    id?: string;
+    title?: string;
+    description?: string;
+    children?: ReactNode;
+    items: ContactButtonsProps['items'];
+    color?: Color;
+    theme?: Theme;
+}
+export declare const ArticleContact: ({ color, theme, title, description, children, items, }: ArticleContactProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{Profile/AccountList.stories.d.ts → Article/ArticleContact.stories.d.ts}

@@ -1,11 +1,12 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items }: import('./AccountList').AccountListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, title, description, children, items, }: import('./ArticleContact').ArticleContactProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
-        items: import('./AccountListItem').AccountListItemProps[];
+        title: string;
+        description: string;
     };
 };
 export default meta;

package/dist/types/lib/components/Article/ArticleHeader.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { SectionProps } from '..';
+export interface ArticleHeaderProps extends SectionProps {
+    title?: ReactNode;
+    children?: ReactNode;
+}
+export declare const ArticleHeader: ({ title, children }: ArticleHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{Page → Article}/ArticleHeader.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ title, byline }: import('./ArticleHeader').ArticleHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, children }: import('./ArticleHeader').ArticleHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -11,4 +11,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Byline: Story;
+export declare const WithByline: Story;

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

@@ -0,0 +1,3 @@
+export * from './ArticleHeader';
+export * from './ArticleContact';
+export * from './Article';

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

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { CSSProperties, ReactElement } from 'react';
 export type AvatarType = 'company' | 'person' | 'custom';
 export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
@@ -21,10 +21,13 @@ export interface AvatarProps {
     outline?: boolean;
     /** Custom label to display inside the avatar. */
     customLabel?: string;
+    /** Custom styles. */
+    style?: CSSProperties;
     /** Whether the avatar is loading. */
     loading?: boolean;
 }
+export declare const isAvatarProps: (icon: unknown) => icon is AvatarProps;
 /**
  * Avatar component to display user or company avatars with various customization options.
  */
-export declare const Avatar: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, }: AvatarProps) => ReactElement;
+export declare const Avatar: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, }: AvatarProps) => ReactElement;

package/dist/types/lib/components/Avatar/AvatarGroup.d.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'react';
 import { AvatarProps, AvatarSize, AvatarType } from '.';
 /**
  * Props for the AvatarGroup components.
@@ -13,8 +14,11 @@ export interface AvatarGroupProps {
     size?: AvatarSize;
     /** Additional CSS class for styling the avatar group container. */
     className?: string;
+    /** Custom styles. */
+    style?: CSSProperties;
 }
+export declare const isAvatarGroupProps: (icon: unknown) => icon is AvatarGroupProps;
 /**
  * Avatar group component for displaying multiple avatars as a group.
  */
-export declare const AvatarGroup: ({ items, maxItemsCount, defaultType, size, className, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarGroup: ({ items, maxItemsCount, defaultType, size, className, style, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Avatar/AvatarGroup.stories.d.ts

@@ -2,16 +2,20 @@ import { StoryObj } from '@storybook/react';
 import { AvatarGroupProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ items, maxItemsCount, defaultType, size, className, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, maxItemsCount, defaultType, size, className, style, }: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;
     };
-    args: {};
+    args: {
+        style: {
+            fontSize: string;
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const People: Story;
 export declare const Companies: Story;
 export declare const CompanyAndPerson: Story;
-export declare const MaxItemsCount: () => import("react/jsx-runtime").JSX.Element;
+export declare const MaxItemsCount: (args: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Avatar/Examples.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, }: import('./Avatar').AvatarProps) => React.ReactElement;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, }: import('./Avatar').AvatarProps) => React.ReactElement;
     parameters: {};
     args: {};
 };

package/dist/types/lib/components/Avatar/avatar.stories.d.ts

@@ -1,15 +1,18 @@
 import { StoryObj } from '@storybook/react';
+import { AvatarProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, }: import('./Avatar').AvatarProps) => React.ReactElement;
+    component: ({ type, size, name, outline, imageUrl, imageUrlAlt, customLabel, loading, className, style, }: AvatarProps) => React.ReactElement;
     tags: string[];
     parameters: {
         layout: string;
     };
     args: {
+        style: {
+            fontSize: string;
+        };
         name: string;
         type: "person";
-        size: "xl";
     };
 };
 export default meta;
@@ -17,3 +20,8 @@ type Story = StoryObj<typeof meta>;
 export declare const Person: Story;
 export declare const Company: Story;
 export declare const Logo: Story;
+export declare const Loading: Story;
+export declare const Sizes: ({ type, name, imageUrl }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const People: () => import("react/jsx-runtime").JSX.Element;
+export declare const Companies: () => import("react/jsx-runtime").JSX.Element;
+export declare const Logos: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ComboButton } from './ComboButton';
+declare const meta: Meta<typeof ComboButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Solid: Story;
+export declare const Outline: Story;
+export declare const Text: Story;
+export declare const Disabled: Story;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { IconButton, IconButtonProps } from './IconButton';
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: (args: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ContextMenu, ContextMenuProps } from './ContextMenu';
+declare const meta: Meta<typeof ContextMenu>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const MultipleContextMenus: (props: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{Page → Dashboard}/DashboardCard.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
-import { IconProps } from '..';
+import { DashboardIconProps } from '..';
 export interface DashboardCardProps {
     color?: 'company' | 'person';
     theme?: 'default' | 'tinted';
-    icon?: IconProps;
+    icon?: DashboardIconProps;
     title?: ReactNode;
     children?: ReactNode;
     className?: string;

package/dist/types/lib/components/Dashboard/DashboardIcon.d.ts

@@ -0,0 +1,10 @@
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
+export type DashboardIconSize = 'sm' | 'md' | 'lg';
+export interface DashboardIconProps {
+    loading?: boolean;
+    size?: DashboardIconSize;
+    icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps;
+    theme?: IconTheme;
+    badge?: BadgeProps | undefined;
+}
+export declare const DashboardIcon: ({ loading, size, icon, theme, badge }: DashboardIconProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+export * from './DashboardHeader';
+export * from './DashboardCard';
+export * from './DashboardIcon';

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarProps, BadgeProps, Color, SvgElement, TransmissionProps } from '../';
+import { AvatarProps, BadgeProps, Color, SvgElement, TransmissionProps } from '..';
 export interface DialogActivityBadge {
     label?: string;
     value?: string;

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

@@ -1,5 +1,5 @@
 import { ElementType, MouseEventHandler } from 'react';
-import { MetaItemSize } from '../Meta';
+import { MetaItemSize } from '../Metadata';
 export interface DialogActivityLogProps {
     loading?: boolean;
     size?: MetaItemSize;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ title, items }: import('./DialogAttachments').DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ title, items }: import('./DialogAttachments.tsx').DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     args: {
         title: string;

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-import { TransmissionProps } from '..';
-import { DialogHistoryItemProps } from './DialogHistoryItem.tsx';
+import { DialogHistoryItemProps, TransmissionProps } from '../index.ts';
 export interface DialogHistorySegmentProps extends TransmissionProps {
     items: DialogHistoryItemProps[];
     datetime?: string;

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

@@ -1,4 +1,4 @@
-import { DialogListGroupProps, DialogListItemProps } from '../';
+import { DialogListGroupProps, DialogListItemProps } from '..';
 export interface DialogListProps {
     items: DialogListItemProps[];
     groups?: Record<string, DialogListGroupProps>;

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

@@ -1,5 +1,5 @@
-import { AvatarProps, BadgeProps, Color, DialogSeenByProps, DialogStatusProps, DialogTouchedByActor, ListItemProps, ListItemSelectProps } from '..';
-export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg';
+import { AvatarProps, BadgeProps, Color, DialogSeenByProps, DialogStatusProps, DialogTouchedByActor, ListItemProps } 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 {
@@ -17,8 +17,6 @@ export interface DialogListItemProps extends ListItemProps {
     size?: DialogListItemSize;
     /** Custom controls */
     controls?: ListItemProps['controls'];
-    /** Select: Use to support batch operations */
-    select?: ListItemSelectProps;
     /** Selected: Use to support batch operations */
     selected?: boolean;
     /** Dialog state */
@@ -71,4 +69,4 @@ export interface DialogListItemProps extends ListItemProps {
  * 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, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ElementType, MouseEventHandler } from 'react';
-import { MetaItemSize } from '../Meta';
+import { MetaItemSize } from '../Metadata';
 export interface DialogSeenByProps {
     loading?: boolean;
     size?: MetaItemSize;

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

@@ -1,4 +1,4 @@
-import { MetaItemSize } from '../Meta';
+import { MetaItemSize } from '../Metadata';
 export declare enum DialogStatusEnum {
     /** Used to indicate user-initiated dialogs not yet sent. */
     draft = "DRAFT",

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

@@ -0,0 +1,8 @@
+import { DividerProps as DsDividerProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type DividerProps = {
+    as?: 'hr' | 'li';
+    size?: FieldSize;
+    color?: FieldColor;
+} & DsDividerProps;
+export declare const Divider: ({ as, size, color }: DividerProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/types/lib/components/Forms/Field.d.ts

@@ -3,5 +3,6 @@ import { FieldColor, FieldSize } from '../../types/fields.ts';
 export type FieldProps = {
     size?: FieldSize;
     color?: FieldColor;
-} & Omit<DsFieldProps, 'data-size' | 'data-color'>;
-export declare const Field: ({ size, color, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;
+    reverse?: boolean;
+} & Omit<DsFieldProps, 'data-size' | 'data-color' | 'data-position'>;
+export declare const Field: ({ size, color, reverse, children, ...props }: FieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Switch.d.ts

@@ -3,5 +3,6 @@ import { FieldColor, FieldSize } from '../../types/fields.ts';
 export type SwitchProps = {
     size?: FieldSize;
     color?: FieldColor;
+    reverse?: boolean;
 } & DsSwitchProps;
-export declare const Switch: ({ size, color, label, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ reverse, size, color, label, ...rest }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Switch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ reverse, size, color, label, ...rest }: import('./Switch').SwitchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,6 +1,6 @@
 import { BadgeProps } from '../Badge';
 import { GlobalMenuProps, Account } from '../GlobalMenu';
-import { SearchbarProps } from '../Search';
+import { SearchbarProps } from '../Searchbar';
 import { LocaleSwitcherProps } from './';
 import { HeaderLogoProps } from './HeaderLogo';
 export interface HeaderProps {

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

@@ -1,5 +1,7 @@
+import { CSSProperties } from 'react';
 import { Color, Size, Theme } from '..';
 export type SvgElement = React.ComponentType<React.SVGProps<SVGSVGElement>>;
+export type IconVariant = 'fill' | 'contain' | 'custom';
 export type IconSize = Size | undefined;
 export type IconColor = Color;
 export type IconTheme = Theme;
@@ -8,9 +10,12 @@ export interface IconProps {
     iconUrl?: string;
     altText?: string;
     loading?: boolean;
+    variant?: IconVariant;
     size?: IconSize;
     color?: IconColor;
     theme?: IconTheme;
     className?: string;
+    style?: CSSProperties;
 }
-export declare const Icon: ({ loading, altText, svgElement: SvgElement, size, color, theme, iconUrl, className, }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const isIconProps: (icon: unknown) => icon is IconProps;
+export declare const Icon: ({ loading, altText, svgElement: SvgElement, variant, size, color, theme, iconUrl, className, style, }: IconProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Icon } from './Icon';
+import { Icon, IconProps } from '..';
 declare const meta: Meta<typeof Icon>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Loading: Story;
+export declare const Sizes: (args: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Icon/IconOrAvatar.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
 export type IconOrAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface IconOrAvatarProps {
+    loading?: boolean;
     size?: IconOrAvatarSize;
     icon?: IconProps | SvgElement | ReactNode;
     iconTheme?: IconTheme;
@@ -9,4 +10,4 @@ export interface IconOrAvatarProps {
     avatarGroup?: AvatarGroupProps;
     badge?: BadgeProps | undefined;
 }
-export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+export declare const IconOrAvatar: ({ loading, size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;

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

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { LayoutAction, LayoutActionProps } from '..';
+declare const meta: Meta<typeof LayoutAction>;
+export default meta;
+export declare const Default: (args: LayoutActionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,12 @@
-import { ListBaseProps, ListItemColor, ListItemProps, ListItemSize, ListItemTheme } from '..';
-export interface ListProps extends Omit<ListBaseProps, 'children'> {
+import { ReactNode } from 'react';
+import { FlexPadding, FlexSpacing, ListItemColor, ListItemProps, ListItemSize } from '..';
+export interface ListProps {
+    className?: string;
+    color?: ListItemColor;
+    size?: ListItemSize;
+    spacing?: FlexSpacing;
+    padding?: FlexPadding;
+    children?: ReactNode;
     items?: ListItemProps[];
-    defaultItemColor?: ListItemColor;
-    defaultItemTheme?: ListItemTheme;
-    defaultItemSize?: ListItemSize;
 }
-export declare const List: ({ defaultItemSize, defaultItemTheme, defaultItemColor, items, ...rest }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children, spacing, items, ...rest }: ListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,18 +1,12 @@
-import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ defaultItemSize, defaultItemTheme, defaultItemColor, items, ...rest }: import('./List').ListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, spacing, items, ...rest }: import('./List').ListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
-    args: {
-        items: {
-            id: string;
-            title: string;
-            description: string;
-            href: string;
-        }[];
-    };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const ListOfPeople: () => import("react/jsx-runtime").JSX.Element;
+export declare const ListOfServices: () => import("react/jsx-runtime").JSX.Element;
+export declare const ListOfCategories: () => import("react/jsx-runtime").JSX.Element;
+export declare const MultilevelList: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
-import { Color, FlexPadding, FlexSpacing } from '..';
-export interface ListBaseProps {
+import { Color, FlexPadding, FlexSpacing, ListItemSize } from '..';
+export interface ListProps {
     className?: string;
-    children: ReactNode;
+    color?: Color;
+    size?: ListItemSize;
     spacing?: FlexSpacing;
     padding?: FlexPadding;
-    color?: Color;
+    children: ReactNode;
 }
-export declare const ListBase: ({ spacing, children, ...rest }: ListBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ size, spacing, children, ...rest }: ListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,38 +1,34 @@
-import { ElementType, ReactElement, ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps } from '../Avatar';
-import { BadgeProps } from '../Badge';
-import { IconProps, SvgElement } from '../Icon';
+import { ReactElement, ReactNode } from 'react';
 import { ListItemBaseProps } from './ListItemBase';
 import { ListItemHeaderProps } from './ListItemHeader';
+export type ListItemVariant = 'default' | 'subtle' | 'tinted';
 export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
     /** List item id */
     id?: string;
+    /** The variant of the list item. */
+    variant?: ListItemVariant;
     /** Custom className */
     className?: string;
     /** Element is loading, display a placeholder */
     loading?: boolean;
     /** Title */
-    title?: string;
-    /** Element type of the list-item header label. Defaults to h2 */
-    titleAs?: ElementType;
+    title?: ListItemHeaderProps['title'];
     /** Optional description */
-    description?: string;
+    description?: ListItemHeaderProps['description'];
+    /** Used as decerning text for the ListItem without title, defaults to title */
+    ariaLabel?: ListItemHeaderProps['ariaLabel'];
     /** List item icon */
-    icon?: SvgElement | IconProps | ReactNode | undefined;
-    /** List item avatar */
-    avatar?: AvatarProps;
-    /** List item avatarGroup */
-    avatarGroup?: AvatarGroupProps;
-    /** Custom label */
-    label?: ReactNode | (() => ReactElement);
+    icon?: ListItemHeaderProps['icon'];
     /** Optional badge */
-    badge?: BadgeProps | ReactNode | undefined;
+    badge?: ListItemHeaderProps['badge'];
     /** Whether to display the item with a link icon */
-    linkIcon?: boolean;
+    linkIcon?: ListItemHeaderProps['linkIcon'];
+    /** Custom label */
+    label?: ReactNode | (() => ReactElement);
 }
 export interface ListItemInputProps extends ListItemProps {
     id: string;
     /** Child items */
     items?: ListItemProps[];
 }
-export declare const ListItem: ({ className, variant, color, theme, shadow, loading, collapsible, expanded, size, icon, avatar, avatarGroup, title, titleAs, description, badge, linkIcon, label, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ className, color, variant, shadow, border, loading, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => import("react/jsx-runtime").JSX.Element;