@altinn/altinn-components 0.28.1 → 0.29.0

package/dist/spacing.css

@@ -1,33 +1,69 @@
 :root {
+  --dsc-spacing-page: 1.5rem;
+  --dsc-spacing-xs: 0.125rem;
+  --dsc-spacing-sm: 0.25em;
+  --dsc-spacing-md: 0.5em;
+  --dsc-spacing-lg: 1em;
+  --dsc-spacing-xl: 1.5em;
+  --dsc-spacing: 0;
+
+  [data-spacing="page"] {
+    --dsc-spacing: var(--dsc-spacing-page);
+  }
+
+  [data-spacing="xs"] {
+    --dsc-spacing: var(--dsc-spacing-xs);
+  }
+
+  [data-spacing="sm"] {
+    --dsc-spacing: var(--dsc-spacing-sm);
+  }
+
+  [data-spacing="md"] {
+    --dsc-spacing: var(--dsc-spacing-md);
+  }
+
+  [data-spacing="lg"] {
+    --dsc-spacing: var(--dsc-spacing-lg);
+  }
+
+  [data-spacing="xl"] {
+    --dsc-spacing: var(--dsc-spacing-xl);
+  }
+
+  [data-spacing="0"] {
+    --dsc-spacing: 0;
+  }
+
   [data-spacing="1"] {
-    gap: var(--ds-spacing-1);
+    --dsc-spacing: var(--ds-spacing-1);
   }
 
   [data-spacing="2"] {
-    gap: var(--ds-spacing-2);
+    --dsc-spacing: var(--ds-spacing-2);
   }
 
   [data-spacing="3"] {
-    gap: var(--ds-spacing-3);
+    --dsc-spacing: var(--ds-spacing-3);
   }
 
   [data-spacing="4"] {
-    gap: var(--ds-spacing-4);
+    --dsc-spacing: var(--ds-spacing-4);
   }
 
   [data-spacing="5"] {
-    gap: var(--ds-spacing-5);
+    --dsc-spacing: var(--ds-spacing-5);
   }
 
   [data-spacing="6"] {
-    gap: var(--ds-spacing-6);
+    --dsc-spacing: var(--ds-spacing-6);
   }
 
   [data-spacing="7"] {
-    gap: var(--ds-spacing-7);
+    --dsc-spacing: var(--ds-spacing-7);
   }
 
   [data-spacing="8"] {
-    gap: var(--ds-spacing-8);
+    --dsc-spacing: var(--ds-spacing-8);
   }
 }

package/dist/types/lib/components/Account/AccountList.d.ts

@@ -0,0 +1,10 @@
+import { AccountListItemProps } from '..';
+export interface AccountListGroupProps {
+    title?: string;
+    divider?: boolean;
+}
+export interface AccountListProps {
+    items: AccountListItemProps[];
+    groups?: Record<string, AccountListGroupProps>;
+}
+export declare const AccountList: ({ items, groups }: AccountListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { AccountListItemProps, AccountListProps } from '..';
+declare const meta: {
+    title: string;
+    component: ({ items, groups }: AccountListProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: AccountListProps;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithGroups: Story;
+export declare const AccountSettings: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountToolbar: ({ id, isCurrentEndUser, favourite, onToggleFavourite }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyDetails: ({ id, parentId, uniqueId, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PersonDetails: ({ id, ...props }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GroupDetails: ({ accountIds }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { ContextMenuProps, ListItemProps } from '..';
+import { AccountListItemControlsProps } from './AccountListItemControls';
+export type AccountListItemType = 'person' | 'company' | 'group';
+export interface AccountListItemProps extends ListItemProps, AccountListItemControlsProps {
+    id: string;
+    type: AccountListItemType;
+    name: string;
+    title?: string;
+    groupId?: string;
+    uniqueId?: string;
+    parentId?: string;
+    accountIds?: string[];
+    isCurrentEndUser?: boolean;
+    isDeleted?: boolean;
+    contextMenu?: ContextMenuProps;
+    label?: string;
+}
+export declare const AccountListItem: ({ id, type, size, expanded, icon, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{Profile → Account}/AccountListItem.stories.d.ts

@@ -1,7 +1,8 @@
 import { StoryObj } from '@storybook/react';
+import { AccountListItemProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ size, expanded, type, icon, title, description, label, favourite, contextMenu, favouriteLabel, children, ...item }: import('./AccountListItem').AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, type, size, expanded, icon, title, description, isCurrentEndUser, isDeleted, badge, favourite, favouriteLabel, onToggleFavourite, contextMenu, children, interactive, ...item }: AccountListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -13,13 +14,18 @@ declare const meta: {
         description: string;
     };
     decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        id?: string | undefined;
-        title: string;
-        type?: import('./AccountListItem').AccountListItemType | undefined;
-        favourite?: boolean | undefined;
+        id: string;
+        type: import('./AccountListItem').AccountListItemType;
+        name: string;
+        title?: string | undefined;
+        groupId?: string | undefined;
+        uniqueId?: string | undefined;
+        parentId?: string | undefined;
+        accountIds?: string[] | undefined;
+        isCurrentEndUser?: boolean | undefined;
+        isDeleted?: boolean | undefined;
         contextMenu?: import('..').ContextMenuProps | undefined;
         label?: string | undefined;
-        favouriteLabel?: string | undefined;
         variant?: import('..').ListItemVariant | undefined;
         className?: string | undefined;
         loading?: boolean | undefined;
@@ -48,7 +54,10 @@ declare const meta: {
         href?: string | undefined;
         onClick?: (() => void) | undefined;
         onKeyPress?: React.KeyboardEventHandler | undefined;
-        describedby?: string | undefined;
+        favourite?: boolean | undefined;
+        favouriteLabel?: string | undefined;
+        onToggleFavourite?: ((id: string) => void) | undefined;
+        accountLabel?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/types/lib/components/Account/AccountListItemControls.d.ts

@@ -0,0 +1,17 @@
+import { BadgeProps, ContextMenuProps } from '..';
+import { ReactNode } from 'react';
+export type AccountListItemType = 'person' | 'company' | 'group';
+export interface AccountListItemControlsProps {
+    id: string;
+    type: AccountListItemType;
+    isCurrentEndUser?: boolean;
+    isDeleted?: boolean;
+    favourite?: boolean;
+    favouriteLabel?: string;
+    onToggleFavourite?: (id: string) => void;
+    accountLabel?: string;
+    contextMenu?: ContextMenuProps;
+    loading?: boolean;
+    badge?: BadgeProps | ReactNode;
+}
+export declare const AccountListItemControls: ({ id, type, badge, isCurrentEndUser, isDeleted, favourite, favouriteLabel, onToggleFavourite, contextMenu, loading, }: AccountListItemControlsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountMenu.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties } from 'react';
+import { MenuItemProps, MenuProps, MenuSearchProps } from '../';
+import { MenuItemsVirtualProps } from '../Menu/MenuItems';
+interface AccountSearchProps extends MenuSearchProps {
+    getResultsLabel?: (hits: number) => string;
+    hidden?: boolean;
+}
+interface AccountMenuItemProps extends MenuItemProps {
+    id: string;
+    type: 'person' | 'company' | 'group';
+    name: string;
+}
+export interface AccountMenuProps extends MenuProps {
+    items: AccountMenuItemProps[];
+    search?: AccountSearchProps;
+    currentAccount?: AccountMenuItemProps;
+    onSelectAccount?: (id: string) => void;
+    menuItemsVirtual?: MenuItemsVirtualProps;
+    scrollRefStyles?: CSSProperties;
+}
+export declare const AccountMenu: ({ items, groups, search, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { AccountMenuProps } from '..';
+declare const meta: {
+    title: string;
+    component: ({ items, groups, search, onSelectAccount, currentAccount, menuItemsVirtual, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: AccountMenuProps;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithoutSubunits: Story;
+export declare const WithGroups: Story;

package/dist/types/lib/components/{Profile → Account}/index.d.ts

@@ -1,2 +1,3 @@
+export * from './AccountMenu';
 export * from './AccountListItem';
 export * from './AccountList';

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

@@ -1,14 +1,17 @@
 import { ReactNode } from 'react';
 import { Color, Theme } from '..';
 export type BadgeColor = Color;
+export type BadgeVariant = 'tinted' | 'base';
+/** Theme is deprecated, use variant instead */
 export type BadgeTheme = Theme;
 export type BadgeSize = 'sm' | 'xs';
 export interface BadgeProps {
     label?: string | number;
     color?: BadgeColor;
+    variant?: BadgeVariant;
     theme?: BadgeTheme;
     size?: BadgeSize;
     className?: string;
     children?: ReactNode;
 }
-export declare const Badge: ({ label, color, theme, size, className, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ label, color, variant, theme, size, className, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,10 +1,10 @@
-import { SvgElement } from '../Icon';
-import { ButtonBaseProps } from './ButtonBase';
+import { ButtonBaseProps, ButtonIconProps, ButtonSize } from '..';
 export interface ButtonProps extends Partial<ButtonBaseProps> {
-    icon?: SvgElement;
+    icon?: ButtonIconProps['icon'];
+    iconSize?: ButtonSize;
     ariaLabel?: string;
     loading?: boolean;
-    loadingText?: string;
     label?: string;
+    labelSize?: ButtonSize;
 }
-export declare const Button: ({ variant, color, size, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, color, size, selected, icon, iconSize, href, label, labelSize, children, className, loading, ariaLabel, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, color, size, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, color, size, selected, icon, iconSize, href, label, labelSize, children, className, loading, ariaLabel, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -17,6 +17,7 @@ export declare const Text: Story;
 export declare const Loading: Story;
 export declare const Disabled: Story;
 export declare const Sizes: (args: Story) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelSize: (args: Story) => import("react/jsx-runtime").JSX.Element;
 export declare const Variants: (args: Story) => import("react/jsx-runtime").JSX.Element;
 export declare const ToolbarButtons: (args: Story) => import("react/jsx-runtime").JSX.Element;
 export declare const Specimens: (args: Story) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,6 +12,7 @@ export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement>
     size?: ButtonSize;
     variant?: ButtonVariant;
     reverse?: boolean;
+    rounded?: boolean;
     color?: ButtonColor;
     selected?: boolean;
     disabled?: boolean;
@@ -20,4 +21,4 @@ export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement>
     children?: ReactNode;
     ariaLabel?: string;
 }
-export declare const ButtonBase: ({ as, color, className, children, reverse, disabled, ariaLabel, size, selected, variant, tabIndex, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonBase: ({ as, color, className, children, disabled, ariaLabel, size, selected, variant, reverse, rounded, tabIndex, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
-import { SvgElement } from '../Icon';
-import { ButtonSize } from './ButtonBase';
+import { AvatarGroupProps, AvatarProps, ButtonSize, IconProps, SvgElement } from '..';
 export interface ButtonIconProps {
-    icon: SvgElement;
-    size: ButtonSize;
+    icon?: IconProps | SvgElement | AvatarProps | AvatarGroupProps;
     iconAltText?: string;
+    size?: ButtonSize;
+    altText?: string;
     className?: string;
 }
-export declare const ButtonIcon: ({ className, size, icon, iconAltText }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonIcon: ({ icon, size, iconAltText, className }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { ButtonSize } from './ButtonBase';
 export interface ButtonLabelProps {
-    size: ButtonSize;
+    size?: ButtonSize;
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
 }
 export declare const ButtonLabel: ({ className, size, children }: ButtonLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,14 @@
 import { MouseEventHandler } from 'react';
-import { SvgElement } from '../Icon';
-import { ButtonBaseProps } from './ButtonBase';
+import { ButtonBaseProps, ButtonIconProps, ButtonSize } from '..';
 export interface ComboButtonProps extends Omit<ButtonBaseProps, 'onClick'> {
-    icon: SvgElement;
+    icon: ButtonIconProps['icon'];
+    iconSize?: ButtonSize;
     iconAltText?: string;
     ariaLabel?: string;
     onIconClick?: MouseEventHandler<HTMLButtonElement>;
     onLabelClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
+    label?: string;
+    labelSize?: ButtonSize;
 }
-export declare const ComboButton: ({ variant, color, size, selected, icon, children, className, ariaLabel, onLabelClick, onIconClick, iconAltText, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboButton: ({ variant, color, size, selected, icon, iconSize, iconAltText, label, labelSize, children, className, ariaLabel, onLabelClick, onIconClick, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,16 @@
 import { MouseEventHandler } from 'react';
-import { SvgElement } from '../Icon';
-import { ButtonColor, ButtonSize, ButtonVariant } from './ButtonBase';
+import { ButtonColor, ButtonIconProps, ButtonSize, ButtonVariant } from '..';
 export interface IconButtonProps {
-    icon: SvgElement;
+    icon: ButtonIconProps['icon'];
     iconAltText: string;
     color?: ButtonColor;
     size?: ButtonSize;
     iconSize?: ButtonSize;
     variant?: ButtonVariant;
+    rounded?: boolean;
     selected?: boolean;
     className?: string;
     onClick?: MouseEventHandler;
     dataTestId?: string;
 }
-export declare const IconButton: ({ variant, size, icon, color, iconSize, className, selected, onClick, dataTestId, iconAltText, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ variant, rounded, size, icon, iconSize, iconAltText, color, className, selected, onClick, dataTestId, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,9 @@
 import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
-export type ContextMenuSize = 'sm' | 'md';
 export interface ContextMenuProps {
     id?: string;
     items: MenuItemProps[];
     placement?: DropdownPlacement;
-    size?: ContextMenuSize;
     groups?: MenuItemGroups;
     className?: string;
 }
-export declare const ContextMenu: ({ id, placement, size, groups, className, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextMenu: ({ id, placement, groups, className, items, }: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,5 @@ 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;
+export declare const ListControls: (args: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogControls: (args: ContextMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { FieldBaseProps, InputProps } from '..';
+export interface SearchFieldProps extends InputProps {
+    className?: string;
+    value?: InputProps['value'];
+    label?: FieldBaseProps['label'];
+    clearButtonAltText?: string;
+    onClear?: () => void;
+}
+export declare const SearchField: ({ className, size, color, label, value, onClear, clearButtonAltText, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { SearchFieldProps } from './SearchField';
+declare const meta: {
+    title: string;
+    component: ({ className, size, color, label, value, onClear, clearButtonAltText, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        placeholder: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Controlled: (args: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,6 +12,7 @@ export * from './FieldBase';
 export * from './TextField';
 export * from './TextareaField';
 export * from './SelectField';
+export * from './SearchField';
 export * from './FieldsetBase';
 export * from './OptionsBase';
 export * from './RadioOptions';

package/dist/types/lib/components/GlobalMenu/{AccountButton.d.ts → CurrentAccount.d.ts}

@@ -4,11 +4,12 @@ export type Account = {
     name: string;
     description?: string;
 };
-export type AccountButtonProps = {
+export type CurrentAccountProps = {
     account: Account;
     description?: string;
+    as?: 'button' | 'div';
     linkText?: string;
     onClick?: () => void;
     multipleAccounts?: boolean;
 };
-export declare const AccountButton: ({ account, linkText, onClick, multipleAccounts }: AccountButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrentAccount: ({ account, as, onClick, linkText }: CurrentAccountProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
+import { Account, AccountMenuProps } from '../';
 import { MenuItemGroups, MenuItemProps } from '../Menu';
-import { Account } from './AccountButton';
-import { AccountMenuProps } from './AccountMenu';
 import { LogoutButtonProps } from './LogoutButton';
-export interface GlobalMenuProps extends AccountMenuProps {
+export interface GlobalMenuProps {
+    accountMenu?: AccountMenuProps;
     items: MenuItemProps[];
     groups?: MenuItemGroups;
     menuLabel?: string;
@@ -15,4 +15,4 @@ export interface GlobalMenuProps extends AccountMenuProps {
     onSelectAccount?: (id: string) => void;
     onClose?: () => void;
 }
-export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, menuItemsVirtual, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ accountMenu, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,32 +1,29 @@
 import { StoryObj } from '@storybook/react';
-import { Account } from './AccountButton.tsx';
+import { Account } from '..';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, menuItemsVirtual, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accountMenu, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
-        items: import('../index.ts').MenuItemProps[];
-        groups?: import('../index.ts').MenuItemGroups;
+        accountMenu?: import('..').AccountMenuProps;
+        items: import('..').MenuItemProps[];
+        groups?: import('..').MenuItemGroups;
         menuLabel?: string;
         backLabel?: string;
-        logoutButton?: import('./LogoutButton.tsx').LogoutButtonProps;
+        logoutButton?: import('./LogoutButton').LogoutButtonProps;
         changeLabel?: string;
         className?: string;
         currentAccount?: Account;
         currentEndUserLabel?: string;
         onSelectAccount?: (id: string) => void;
         onClose?: () => void;
-        accounts?: import('./AccountMenu.tsx').AccountMenuItem[];
-        accountGroups?: import('../index.ts').MenuItemGroups;
-        accountSearch?: import('./AccountMenu.tsx').AccountSearchProps;
-        menuItemsVirtual?: import('../index.ts').MenuItemsVirtualProps;
-        scrollRefStyles?: React.CSSProperties;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Company: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyAccount: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleAccount: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: Story;

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

@@ -1,6 +1,5 @@
-export * from './AccountMenu';
+export * from './CurrentAccount';
 export * from './GlobalMenu';
-export * from './AccountButton';
 export * from './BackButton';
 export * from './LogoutButton';
 export * from './EndUserLabel';

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

@@ -1,7 +1,8 @@
-import { HeaderProps } from './Header';
+import { GlobalMenuProps, HeaderProps } from '../';
 declare const meta: {
     title: string;
     component: ({ menu, locale, search, currentAccount, logo, badge }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     parameters: {
         layout: string;
     };
@@ -10,15 +11,15 @@ declare const meta: {
             name: string;
             placeholder: string;
         };
-        menu: import('..').GlobalMenuProps;
+        menu: GlobalMenuProps;
         locale?: import('./LocaleSwitcher').LocaleSwitcherProps;
-        currentAccount?: import('..').Account;
-        badge?: import('..').BadgeProps | undefined;
+        currentAccount?: import('../GlobalMenu').Account;
+        badge?: import('../Badge').BadgeProps | undefined;
         logo?: import('./HeaderLogo').HeaderLogoProps;
     };
 };
 export default meta;
-export declare const CurrentAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SubItems: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ChangeLocale: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CurrentAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompanyAccount: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubmenuExpanded: (args: HeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
 import { StoryObj } from '@storybook/react';
+import { LocaleSwitcherProps } from './LocaleSwitcher';
 declare const meta: {
     title: string;
-    component: ({ title, options, onChange }: import('./LocaleSwitcher').LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ title, options, onChange }: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -15,3 +16,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Controlled: (args: LocaleSwitcherProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 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;
@@ -10,7 +9,6 @@ export interface IconProps {
     iconUrl?: string;
     altText?: string;
     loading?: boolean;
-    variant?: IconVariant;
     size?: IconSize;
     color?: IconColor;
     theme?: IconTheme;
@@ -18,4 +16,4 @@ export interface IconProps {
     style?: CSSProperties;
 }
 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;
+export declare const Icon: ({ loading, altText, svgElement: SvgElement, size, color, theme, iconUrl, className, style, }: IconProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,7 @@ declare const meta: {
         layout: string;
     };
     args: {
+        theme: "subtle";
         header: import('..').HeaderProps;
         footer: import('..').FooterProps;
         sidebar: {

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

@@ -9,4 +9,4 @@ export interface ListProps {
     children?: ReactNode;
     items?: ListItemProps[];
 }
-export declare const List: ({ children, spacing, items, ...rest }: ListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ children, className, spacing, items, ...rest }: ListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ children, spacing, items, ...rest }: import('./List').ListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ children, className, spacing, items, ...rest }: import('./List').ListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
 };