@altinn/altinn-components 0.59.1 → 0.60.2

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

@@ -1,16 +1,27 @@
+import { SvgElement } from '../Icon';
 export declare enum BannerColorEnum {
-    company = "company",
+    info = "info",
     success = "success",
     warning = "warning",
-    danger = "danger",
-    info = "info"
+    danger = "danger"
+}
+export declare enum BannerVariantEnum {
+    default = "default",
+    alert = "alert",
+    error = "error",
+    info = "info",
+    strong = "strong"
 }
 export type BannerColor = keyof typeof BannerColorEnum;
+export type BannerVariant = keyof typeof BannerVariantEnum;
 export interface BannerProps {
+    sticky?: boolean;
+    color?: BannerColor;
+    icon?: SvgElement;
+    variant?: BannerVariant;
+    title?: string | React.ReactNode;
+    body?: string | React.ReactNode;
     onClose?: () => void;
     closeTitle?: string;
-    text?: string | React.ReactNode;
-    color?: BannerColor;
-    sticky?: boolean;
 }
-export declare const Banner: ({ closeTitle, onClose, text, color, sticky }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ closeTitle, onClose, icon, title, body, color, variant, sticky, }: BannerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,18 +2,23 @@ import { StoryObj } from '@storybook/react-vite';
 import { BannerProps } from './Banner';
 declare const meta: {
     title: string;
-    component: ({ closeTitle, onClose, text, color, sticky }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ closeTitle, onClose, icon, title, body, color, variant, sticky, }: BannerProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
         sticky: true;
         closeTitle: string;
         onClose: () => void;
-        text: string;
+        title: import("react/jsx-runtime").JSX.Element;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const WithoutCloseButton: () => import("react/jsx-runtime").JSX.Element;
+export declare const WarningBanner: Story;
+export declare const WarningExpanded: Story;
+export declare const InfoBanner: Story;
+export declare const InfoExpanded: Story;
+export declare const ErrorBanner: Story;
+export declare const ErrorExpanded: Story;
 export declare const Colors: (args: BannerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { ButtonProps as DsButtonProps } from '@digdir/designsystemet-react';
 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 ButtonVariant = 'solid' | 'outline' | 'tinted' | 'ghost' | 'custom' | DsButtonProps['variant'];
 export type ButtonSize = 'xs' | 'mini' | DsButtonProps['data-size'];
 export type ButtonProps = {
     as?: React.ElementType;

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

@@ -1,9 +1,16 @@
-import { DialogListGroupProps, DialogListItemProps } from '..';
+import { ReactNode } from 'react';
+import { DialogListItemProps } from '..';
+export interface DialogListGroupProps {
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+}
 export interface DialogListProps {
+    title?: string | ReactNode;
+    description?: string | ReactNode;
     items: DialogListItemProps[];
     groups?: Record<string, DialogListGroupProps>;
     sortGroupBy?: (a: [string, DialogListItemProps[]], b: [string, DialogListItemProps[]]) => number;
     highlightWords?: string[];
     isLoading?: boolean;
 }
-export declare const DialogList: import('react').MemoExoticComponent<({ items, groups, sortGroupBy, highlightWords, isLoading }: DialogListProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DialogList: import('react').MemoExoticComponent<({ title, description, items, groups, sortGroupBy, highlightWords, isLoading }: DialogListProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,11 +1,13 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').MemoExoticComponent<({ items, groups, sortGroupBy, highlightWords, isLoading }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element>;
+    component: import('react').MemoExoticComponent<({ title, description, items, groups, sortGroupBy, highlightWords, isLoading }: import('./DialogList').DialogListProps) => import("react/jsx-runtime").JSX.Element>;
     tags: string[];
     args: {
+        title?: string | import('react').ReactNode;
+        description?: string | import('react').ReactNode;
         items: import('./DialogListItem').DialogListItemProps[];
-        groups?: Record<string, import('./DialogListGroup').DialogListGroupProps>;
+        groups?: Record<string, import('./DialogList').DialogListGroupProps>;
         sortGroupBy?: (a: [string, import('./DialogListItem').DialogListItemProps[]], b: [string, import('./DialogListItem').DialogListItemProps[]]) => number;
         highlightWords?: string[];
         isLoading?: boolean;
@@ -15,7 +17,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const GroupedByDate: Story;
 export declare const SearchResults: Story;
-export declare const SingleGroup: Story;
+export declare const Description: Story;
 export declare const AsLink: Story;
 export declare const Ungrouped: Story;
 export declare const WithExtendedStatus: Story;

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

@@ -9,7 +9,6 @@ export * from './DialogHistory';
 export * from './DialogHistorySegment';
 export * from './DialogHistoryItem';
 export * from './DialogList';
-export * from './DialogListGroup';
 export * from './DialogListItem';
 export * from './DialogMetadata';
 export * from './DialogByline';

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

@@ -9,29 +9,30 @@ declare const meta: {
     args: {};
 };
 export default meta;
-export declare const Inbox: ({ pageId, summary, sticky, }: {
+export declare const Inbox: ({ defaultAccountId, companyCount, pageId, description, controls, children, }: {
+    defaultAccountId?: string;
+    companyCount?: number;
     pageId?: string;
-    summary?: ReactNode;
-    sticky?: boolean;
+    description?: ReactNode;
+    controls?: ReactNode;
+    children?: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const Search: ({ pageId, sticky, title, summary, query, }: {
+export declare const InboxEmpty: () => 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 AllCompanies: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllCompaniesLimit: () => import("react/jsx-runtime").JSX.Element;
+export declare const AllCompaniesPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const Search: ({ pageId, title, description, query, children, }: {
     pageId?: string;
-    sticky?: boolean;
     title?: string;
-    summary?: ReactNode;
+    description?: ReactNode;
     query?: UseInboxQuery;
+    children?: ReactNode;
 }) => 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/Pagination/Pagination.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from '../Button';
+export interface PaginationButtonProps extends ButtonProps {
+    selected?: boolean;
+}
+export interface PaginationProps {
+    size?: ButtonProps['size'];
+    variant?: ButtonProps['variant'];
+    selectedVariant?: ButtonProps['variant'];
+    prev?: ButtonProps;
+    next?: ButtonProps;
+    items?: PaginationButtonProps[];
+    'aria-label': string;
+}
+export declare const Pagination: ({ size, variant, selectedVariant, prev, next, items, "aria-label": ariaLabel, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,40 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ size, variant, selectedVariant, prev, next, items, "aria-label": ariaLabel, }: import('./Pagination').PaginationProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    args: {
+        'aria-label': string;
+        prev: {
+            title: string;
+            'aria-label': string;
+        };
+        next: {
+            title: string;
+            'aria-label': string;
+        };
+        items: ({
+            id: string;
+            title: string;
+            'aria-label': string;
+            selected?: undefined;
+            hidden?: undefined;
+        } | {
+            id: string;
+            title: string;
+            'aria-label': string;
+            selected: true;
+            hidden?: undefined;
+        } | {
+            hidden: true;
+            id?: undefined;
+            title?: undefined;
+            'aria-label'?: undefined;
+            selected?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Mini: Story;

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

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

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

@@ -28,6 +28,7 @@ export * from './List';
 export * from './Menu';
 export * from './Metadata';
 export * from './Notifications';
+export * from './Pagination';
 export * from './RootProvider';
 export * from './Search';
 export * from './Searchbar';

package/package.json

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