@altinn/altinn-components 0.56.8 → 0.56.10

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

@@ -32,15 +32,15 @@ declare const meta: {
         variant?: import('..').ListItemVariant | undefined;
         className?: string | undefined;
         loading?: boolean | undefined;
-        description?: React.ReactNode | import('..').HeadingProps;
+        description?: import('react').ReactNode | import('..').HeadingProps;
         ariaLabel?: string | undefined;
-        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
-        badge?: import('..').BadgeProps | React.ReactNode;
+        icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
+        badge?: import('..').BadgeProps | import('react').ReactNode;
         linkIcon?: boolean | undefined;
-        containerAs?: React.ElementType | undefined;
+        containerAs?: import('react').ElementType | undefined;
         ref?: React.Ref<HTMLElement> | undefined;
         interactive?: boolean | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         tabIndex?: number | undefined;
         color?: import('..').ListItemColor | undefined;
         size?: import('..').ListItemSize | undefined;
@@ -51,15 +51,15 @@ declare const meta: {
         active?: boolean | undefined;
         selected?: boolean | undefined;
         expanded?: boolean | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        children?: React.ReactNode;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        children?: import('react').ReactNode;
         highlightWords?: string[] | undefined;
         select?: import('..').ListItemSelectProps | undefined;
         collapsible?: boolean | undefined;
-        controls?: React.ReactNode;
+        controls?: import('react').ReactNode;
         href?: string | undefined;
         onClick?: (() => void) | undefined;
-        onKeyPress?: React.KeyboardEventHandler | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler | undefined;
         ariaControlsId?: string | undefined;
         favourite?: boolean | undefined;
         favouriteLabel?: string | undefined;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AvatarProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ type, isParent, isDeleted, size, name, shape, color, variant, imageUrl, imageUrlAlt, customLabel, loading, className, colorKey, style, }: AvatarProps) => React.ReactElement;
+    component: ({ type, isParent, isDeleted, size, name, shape, color, variant, imageUrl, imageUrlAlt, customLabel, loading, className, colorKey, style, }: AvatarProps) => import('react').ReactElement;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -0,0 +1,2 @@
+export * from './Breadcrumbs';
+export * from './BreadcrumbsLink';

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

@@ -2,14 +2,14 @@ import { StoryObj } from '@storybook/react-vite';
 import { ButtonSize, ButtonVariant } from './Button';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<{
+    component: import('react').ForwardRefExoticComponent<{
         as?: React.ElementType;
         size?: ButtonSize;
         variant?: ButtonVariant;
         rounded?: boolean;
         icon?: import('./ButtonIcon').ButtonIconProps["icon"];
         href?: string;
-    } & Omit<import('@digdir/designsystemet-react').ButtonProps, "variant" | "data-color" | "data-variant" | "data-size" | "icon" | "asChild" | "data-rounded"> & React.RefAttributes<HTMLButtonElement>>;
+    } & Omit<import('@digdir/designsystemet-react').ButtonProps, "variant" | "data-color" | "data-variant" | "data-size" | "icon" | "asChild" | "data-rounded"> & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {};
     args: {
         children: string;

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

@@ -31,7 +31,7 @@ declare const meta: {
         imageUrlAlt?: string | undefined;
         outline?: boolean | undefined;
         customLabel?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import('react').CSSProperties | undefined;
         loading?: boolean | undefined;
         colorKey?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

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

@@ -18,5 +18,6 @@ export interface DropdownProps {
     onSubmit?: () => void;
     size?: DropdownSize;
     activeDescendantId?: string;
+    useFixedPosition?: boolean;
 }
-export declare const Dropdown: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, useFixedPosition, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { DropdownProps } from './Dropdown';
 declare const meta: {
     title: string;
-    component: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, useFixedPosition, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { LayoutColor, LayoutSidebarProps, LayoutTheme } from '.';
+import { BreadcrumbsProps } from '../Breadcrumbs';
 import { FooterProps } from '../Footer';
 import { GlobalHeaderProps } from '../GlobalHeader';
 import { HeaderProps } from '../Header';
@@ -22,6 +23,7 @@ export interface LayoutProps {
     children?: ReactNode;
     skipLink?: SkipLinkProps;
     useGlobalHeader?: boolean;
+    breadcrumbs?: BreadcrumbsProps['items'];
 }
-export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Layout: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,7 +4,7 @@ interface LayoutStoryArgs extends LayoutProps {
 }
 declare const meta: {
     title: string;
-    component: ({ color, theme, header, footer, sidebar, content, children, skipLink, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, theme, header, footer, sidebar, content, children, skipLink, breadcrumbs, useGlobalHeader, }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -52,3 +52,4 @@ export declare const HiddenSidebar: (args: LayoutStoryArgs) => import("react/jsx
 export declare const Fullscreen: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const Profile: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const SidebarReference: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const InboxLayout: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface LayoutGridProps {
+    currentId?: string;
+    children?: ReactNode;
+    variant?: 'default' | 'narrow' | 'wide';
+    color?: 'neutral' | 'person' | 'company';
+}
+/**
+ * Body layout container. Should be a child of LayoutBase.
+ * Defines a max-width for the application body.
+ *
+ */
+export declare const LayoutGrid: ({ currentId, children, variant, color }: LayoutGridProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 export * from './LayoutBase';
+export * from './LayoutGrid';
 export * from './LayoutBody';
 export * from './LayoutContent';
 export * from './LayoutSidebar';

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

@@ -1,7 +1,7 @@
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, color, variant, shadow, border, loading, disabled, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, containerAs, ...rest }: ListItemProps) => React.ReactElement;
+    component: ({ className, color, variant, shadow, border, loading, disabled, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, containerAs, ...rest }: ListItemProps) => import('react').ReactElement;
     parameters: {};
     args: {
         id: string;

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

@@ -24,10 +24,10 @@ declare const meta: {
         size?: import('./MenuItem').MenuItemSize | undefined;
         variant?: import('./MenuItem').MenuItemVariant | undefined;
         color?: import('..').Color | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         keyboardEvents?: boolean | undefined;
         onSelect?: (() => void) | undefined;
-        scrollRefStyles?: React.CSSProperties | undefined;
+        scrollRefStyles?: import('react').CSSProperties | undefined;
         onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
     }>, { args }: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
         searchable?: boolean | undefined;
@@ -49,10 +49,10 @@ declare const meta: {
         size?: import('./MenuItem').MenuItemSize | undefined;
         variant?: import('./MenuItem').MenuItemVariant | undefined;
         color?: import('..').Color | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         keyboardEvents?: boolean | undefined;
         onSelect?: (() => void) | undefined;
-        scrollRefStyles?: React.CSSProperties | undefined;
+        scrollRefStyles?: import('react').CSSProperties | undefined;
         onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {

package/dist/types/lib/components/Menu/useDropdownMenuController.d.ts

@@ -5,23 +5,23 @@ type UseDropdownMenuControllerOptions = {
 };
 export declare function useDropdownMenuController(options?: UseDropdownMenuControllerOptions): {
     open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     openMenu: () => void;
     closeMenu: () => void;
     toggleMenu: () => void;
     menuId: string;
     activeDescendantId: string | undefined;
-    setActiveDescendantId: React.Dispatch<React.SetStateAction<string | undefined>>;
-    triggerRef: React.RefObject<HTMLElement | null>;
-    panelRef: React.RefObject<HTMLElement | null>;
+    setActiveDescendantId: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
+    triggerRef: import('react').RefObject<HTMLElement | null>;
+    panelRef: import('react').RefObject<HTMLElement | null>;
     dropdownA11yProps: {
         menuId: string;
         activeDescendantId: string | undefined;
-        panelRef: React.RefObject<HTMLElement | null>;
+        panelRef: import('react').RefObject<HTMLElement | null>;
     };
     menuA11yProps: {
         id: string;
-        onActiveItemIdChange: React.Dispatch<React.SetStateAction<string | undefined>>;
+        onActiveItemIdChange: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
     };
 };
 export {};

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

@@ -5,8 +5,6 @@ export * from './PageTabs';
 export * from './PageDetails';
 export * from './Flex';
 export * from './Grid';
-export * from './Breadcrumbs';
-export * from './BreadcrumbsLink';
 export * from './Section';
 export * from './ContactSection';
 export * from './ContactButtons';

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

@@ -18,17 +18,17 @@ declare const meta: {
         description?: string | undefined;
         name?: string | undefined;
         checked?: boolean | undefined;
-        onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+        onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
         modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
         groupId?: string | undefined;
         collapsible?: boolean | undefined;
         expanded?: boolean | undefined;
-        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
-        label?: React.ReactNode;
+        icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
+        label?: import('react').ReactNode;
         ref?: React.Ref<HTMLElement> | undefined;
         interactive?: boolean | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         tabIndex?: number | undefined;
         color?: import('..').ListItemColor | undefined;
         size?: import('..').ListItemSize | undefined;
@@ -40,16 +40,16 @@ declare const meta: {
         hidden?: boolean | undefined;
         active?: boolean | undefined;
         selected?: boolean | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         highlightWords?: string[] | undefined;
         select?: import('..').ListItemSelectProps | undefined;
         linkIcon?: boolean | undefined;
-        badge?: import('..').BadgeProps | React.ReactNode;
-        controls?: React.ReactNode;
+        badge?: import('..').BadgeProps | import('react').ReactNode;
+        controls?: import('react').ReactNode;
         ariaLabel?: string | undefined;
         href?: string | undefined;
         onClick?: (() => void) | undefined;
-        onKeyPress?: React.KeyboardEventHandler | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler | undefined;
         ariaControlsId?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

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

@@ -8,5 +8,5 @@ interface SkeletonProps {
     children?: ReactNode;
     className?: string;
 }
-export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

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

@@ -1,6 +1,7 @@
 import { MenuProps } from '../Menu';
 import { FilterState } from './useFilter';
 export interface SelectDateFilterProps extends MenuProps {
+    open?: boolean;
     name: string;
     filterState?: FilterState;
     onFilterStateChange?: (state: FilterState) => void;

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

@@ -8,13 +8,13 @@ declare const meta: {
         menus?: import('./ToolbarMenu').ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
     }>, _: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
         accountMenu?: import('./ToolbarMenu').ToolbarMenuProps | undefined;
         menus?: import('./ToolbarMenu').ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {};
 };