@altinn/altinn-components 0.21.6 → 0.22.1

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

@@ -5,6 +5,7 @@ export type BylineSize = 'xs' | 'sm' | 'md' | 'lg';
 export interface BylineProps {
     size?: BylineSize;
     as?: ElementType;
+    onClick?: () => void;
     color?: BylineColor;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;

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

@@ -1,7 +1,7 @@
 import { DropdownPlacement, MenuItemProps, MenuItemGroups } from '../';
 export type ContextMenuSize = 'sm' | 'md';
 export interface ContextMenuProps {
-    id: string;
+    id?: string;
     items: MenuItemProps[];
     placement?: DropdownPlacement;
     size?: ContextMenuSize;

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

@@ -1,34 +1,18 @@
 import { ReactNode } from 'react';
-import { BackButtonProps, ContactSectionProps, ContextMenuProps, DialogActionButtonProps, DialogAttachmentsProps, DialogBodyProps, DialogHeaderProps, DialogHistoryProps, DialogSectionProps, PageMenuProps } from '..';
-export interface DialogProps extends DialogHeaderProps, DialogBodyProps {
+import { DialogBodyProps, DialogHeaderProps, DialogLayoutProps, DialogTabsProps } from '..';
+export interface DialogProps extends DialogLayoutProps {
     /** Dialog is loading */
     loading?: boolean;
-    /** Dialog id */
-    id: string;
-    /** Back button */
-    backButton?: BackButtonProps;
-    /** Context menu */
-    contextMenu?: ContextMenuProps;
-    /** Page menu */
-    pageMenu?: PageMenuProps;
-    /** Summary */
-    summary?: string;
-    /** Body (should be an output markdown/html rendered to React / HTML) */
-    body?: ReactNode;
-    /** List of action (buttons) */
-    actions?: DialogActionButtonProps[];
-    /** Dialog attachments */
-    attachments?: DialogAttachmentsProps;
-    /** Dialog history */
-    history?: DialogHistoryProps;
-    /** Dialog transmissions */
-    transmissions?: DialogHistoryProps;
-    /** More information about the dialog, process, etc. */
-    additionalInfo?: DialogSectionProps;
-    /** Contact information. */
-    contactInfo?: ContactSectionProps;
+    /** Dialog header */
+    header?: DialogHeaderProps;
+    /** Dialog body */
+    body?: DialogBodyProps;
+    /** Tabs */
+    tabs?: DialogTabsProps;
+    /** Tabpanel */
+    children?: ReactNode;
 }
 /**
  * Full representation of a dialog, including attachments, actions and history,
  */
-export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, recipientLabel, recipientGroup, summary, body, actions, attachments, seenBy, activityLog, history, transmissions, additionalInfo, contactInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dialog: ({ loading, backButton, contextMenu, pageMenu, header, body, tabs, children }: DialogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Dialog } from './Dialog';
+import { Dialog } from '..';
 declare const meta: Meta<typeof Dialog>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const ContactInfo: Story;
-export declare const RequiresAttention: Story;
-export declare const MultipleAttachments: Story;
+export declare const ActivityLog: Story;
+export declare const AdditionalInfo: Story;
+export declare const Contact: Story;

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarProps, DialogActivityLogProps, DialogSeenByProps } from '..';
+import { AvatarProps, DialogActivityLogProps, SeenByLogProps } from '..';
 export interface DialogBodyProps {
     /** Sender */
     sender: AvatarProps;
@@ -22,11 +22,11 @@ export interface DialogBodyProps {
     /** Group recipient, show both sender and recipient avatars */
     recipientGroup?: boolean;
     /** Dialog is seen by the end user or others */
-    seenBy?: DialogSeenByProps;
+    seenByLog?: SeenByLogProps;
     /** Activity Log */
     activityLog?: DialogActivityLogProps;
     /** Content */
     children?: ReactNode;
 }
 /** DialogBody represents the body, or main part of a dialog, including sender and recipient.  */
-export declare const DialogBody: ({ loading, loadingText, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenBy, activityLog, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ loading, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenByLog, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ loading, loadingText, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenBy, activityLog, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, sender, recipient, recipientLabel, updatedAt, updatedAtLabel, children, seenByLog, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         sender: {
@@ -17,14 +17,24 @@ declare const meta: {
         updatedAt: string;
         updatedAtLabel: string;
         children: import("react/jsx-runtime").JSX.Element;
-        seenBy: {
-            as: "button";
-            seenByEndUser: true;
-            label: string;
-        };
-        activityLog: {
-            as: "button";
-            label: string;
+        seenByLog: {
+            collapsible: true;
+            title: string;
+            items: ({
+                id: string;
+                type: "person";
+                name: string;
+                seenAt: string;
+                seenAtLabel: string;
+                isEndUser?: undefined;
+            } | {
+                id: string;
+                type: "person";
+                name: string;
+                isEndUser: true;
+                seenAt: string;
+                seenAtLabel: string;
+            })[];
         };
     };
 };
@@ -32,6 +42,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Loading: Story;
+export declare const Summary: Story;
 export declare const ExtendedContent: Story;
 export declare const WithAttachments: Story;
 export declare const WithActions: Story;

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

@@ -0,0 +1,4 @@
+import { ContactSectionProps } from '..';
+export interface DialogContactProps extends ContactSectionProps {
+}
+export declare const DialogContact: ({ id, children, items }: ContactSectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -10,11 +10,11 @@ declare const meta: {
             value: "requires-attention";
             label: string;
         };
-        dueAt: string;
-        dueAtLabel: string;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const InProgress: Story;
+export declare const Completed: Story;
 export declare const Loading: Story;

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

@@ -1,10 +1,9 @@
-import { DialogActivityProps } from '..';
+import { DialogHistorySegmentProps } from '..';
 export interface DialogHistoryProps {
-    items?: DialogActivityProps[];
-    updatedAt?: string;
-    updatedAtLabel?: string;
+    items: DialogHistorySegmentProps[];
+    collapsible?: boolean;
+    expanded?: boolean;
     expandLabel?: string;
     collapseLabel?: string;
-    collapsible?: boolean;
 }
-export declare const DialogHistory: ({ items, collapsible, expandLabel, collapseLabel, }: DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogHistory: ({ items, collapsible, expanded, expandLabel, collapseLabel, }: DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,15 +1,21 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items, collapsible, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items, collapsible, expanded, expandLabel, collapseLabel, }: import('./DialogHistory').DialogHistoryProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
     args: {
-        items: import('./DialogActivity').DialogActivityProps[];
+        expandLabel: string;
+        collapseLabel: string;
+        items: import('./DialogHistorySegment').DialogHistorySegmentProps[];
+        collapsible?: boolean;
+        expanded?: boolean;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const CollapsibleExpanded: Story;
+export declare const ItemExpanded: Story;
+export declare const EverythingExpanded: Story;
 export declare const ActivityLog: Story;
-export declare const Collapsible: Story;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { TimelineLinkProps } from '../Timeline';
+import { TransmissionProps } from '../Transmission';
+export interface DialogHistoryItemProps extends Omit<TransmissionProps, 'variant'> {
+    variant?: 'transmission' | 'activity';
+    byline?: string;
+    datetime?: string;
+    children?: ReactNode;
+    items?: DialogHistoryItemProps[];
+    link?: TimelineLinkProps;
+}
+export declare const DialogHistoryItem: ({ variant, byline, datetime, children, link, ...props }: DialogHistoryItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { TransmissionProps } from '..';
+import { DialogHistoryItemProps } from './DialogHistoryItem.tsx';
+export interface DialogHistorySegmentProps extends TransmissionProps {
+    items: DialogHistoryItemProps[];
+    datetime?: string;
+    byline?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
+    expandLabel?: string | ReactNode;
+    collapseLabel?: string | ReactNode;
+}
+export declare const DialogHistorySegment: ({ items, datetime, byline, collapsible, expanded, expandLabel, collapseLabel, }: DialogHistorySegmentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { BackButtonProps, ContextMenuProps, PageMenuProps } from '..';
+export interface DialogLayoutProps {
+    /** Back button */
+    backButton?: BackButtonProps;
+    /** Context menu */
+    contextMenu?: ContextMenuProps;
+    /** Page menu */
+    pageMenu?: PageMenuProps;
+    /** Children */
+    children?: ReactNode;
+}
+/**
+ * Dialog layout with navigation,
+ */
+export declare const DialogLayout: ({ backButton, contextMenu, pageMenu, children }: DialogLayoutProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,9 +5,12 @@ declare const meta: {
     tags: string[];
     args: {
         items: import('./DialogListItem').DialogListItemProps[];
+        groups?: Record<string, import('./DialogListGroup').DialogListGroupProps>;
+        sortGroupBy?: (a: [string, import('./DialogListItem').DialogListItemProps[]], b: [string, import('./DialogListItem').DialogListItemProps[]]) => number;
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
 export declare const GroupedByDate: Story;
 export declare const GroupedByRoute: Story;

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

@@ -3,9 +3,7 @@ declare const meta: {
     title: string;
     component: ({ loading, size, value, label }: import('./DialogStatus').DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
-    parameters: {
-        layout: string;
-    };
+    parameters: {};
     argTypes: {
         value: {
             options: string[];
@@ -15,6 +13,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const Draft: Story;
 export declare const Sent: Story;
 export declare const RequiresAttention: Story;

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

@@ -0,0 +1,4 @@
+import { PageTabsProps } from '..';
+export interface DialogTabsProps extends PageTabsProps {
+}
+export declare const DialogTabs: ({ id, items }: DialogTabsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,18 +1,18 @@
 import { AvatarProps } from '..';
-export interface SeenByActor extends AvatarProps {
-    isEndUser?: boolean;
-}
-export interface SeenByLogItem {
+export interface SeenByLogItem extends AvatarProps {
     id: string;
     seenAt: string;
     seenAtLabel: string;
-    seenBy: SeenByActor;
+    isEndUser?: boolean;
 }
 export interface SeenByLogProps {
+    title?: string;
+    collapsible?: boolean;
+    expanded?: boolean;
     items: SeenByLogItem[];
-    endUserLabel: string;
+    endUserLabel?: string;
 }
 /**
  * SeenByLog
  */
-export declare const SeenByLog: ({ items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenByLog: ({ collapsible, expanded, title, items, endUserLabel }: SeenByLogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1,24 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items, endUserLabel }: import('./SeenByLog').SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ collapsible, expanded, title, items, endUserLabel }: import('./SeenByLog').SeenByLogProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
+        title: string;
         endUserLabel: string;
         items: ({
             id: string;
-            seenBy: {
-                type: "person";
-                name: string;
-                isEndUser?: undefined;
-            };
+            type: "person";
+            name: string;
             seenAt: string;
             seenAtLabel: string;
+            isEndUser?: undefined;
         } | {
             id: string;
-            seenBy: {
-                type: "person";
-                name: string;
-                isEndUser: true;
-            };
+            type: "person";
+            name: string;
+            isEndUser: true;
             seenAt: string;
             seenAtLabel: string;
         })[];
@@ -30,3 +27,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Collapsible: Story;

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

@@ -1,6 +1,13 @@
 export * from './Dialog';
+export * from './DialogLayout';
 export * from './DialogHeader';
 export * from './DialogBody';
+export * from './DialogTabs';
+export * from './DialogSection';
+export * from './DialogContact';
+export * from './DialogHistory';
+export * from './DialogHistorySegment';
+export * from './DialogHistoryItem';
 export * from './DialogList';
 export * from './DialogListGroup';
 export * from './DialogListItem';
@@ -8,13 +15,10 @@ export * from './DialogMetadata';
 export * from './DialogByline';
 export * from './DialogActions';
 export * from './DialogActivityLog';
-export * from './DialogSection';
 export * from './DialogSeenBy';
 export * from './DialogSelect';
 export * from './DialogStatus';
 export * from './DialogHeading';
 export * from './DialogTouchedBy';
 export * from './DialogAttachments';
-export * from './DialogHistory';
-export * from './DialogActivity';
 export * from './SeenByLog';

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { Color, FlexPadding, FlexSpacing } from '..';
 export interface ListBaseProps {
+    className?: string;
     children: ReactNode;
     spacing?: FlexSpacing;
     padding?: FlexPadding;

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

@@ -1,11 +1,14 @@
+import { ReactNode } from 'react';
 import { ButtonProps, Color, Theme } from '..';
 export type ContactSectionVariant = 'inline' | 'card';
 export interface ContactSectionProps {
-    title: string;
+    id?: string;
+    title?: string;
     description?: string;
-    items?: ButtonProps[];
+    children?: ReactNode;
+    items: ButtonProps[];
     variant?: ContactSectionVariant;
     color?: Color;
     theme?: Theme;
 }
-export declare const ContactSection: ({ theme, color, variant, title, description, items, }: ContactSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContactSection: ({ theme, color, variant, title, description, children, items, }: ContactSectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import { MenuItemColor, MenuItemProps } from '..';
 export type PageMenuTheme = 'default' | 'subtle' | 'base';
 export interface PageMenuProps {
+    id?: string;
     theme?: PageMenuTheme;
     color?: MenuItemColor;
     items?: MenuItemProps[];

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

@@ -1,7 +1,7 @@
 import { MenuItemColor, MenuItemProps, MenuTheme } from '..';
 export type PageTabsPadding = 0 | 2;
-export type PageTabsVariant = 'card' | undefined;
 export interface PageTabsProps {
+    id?: string;
     theme?: MenuTheme;
     color?: MenuItemColor;
     padding?: PageTabsPadding;

package/dist/types/lib/components/Timeline/TimelineSection.d.ts

@@ -2,6 +2,7 @@ import { ElementType, ReactNode } from 'react';
 import { SectionProps, TimelineBaseProps, TypographyProps } from '..';
 export interface TimelineSectionProps {
     loading?: boolean;
+    level?: TimelineBaseProps['level'];
     border?: TimelineBaseProps['border'];
     color?: TimelineBaseProps['color'];
     typographyProps?: TypographyProps;
@@ -9,8 +10,7 @@ export interface TimelineSectionProps {
     spacing?: SectionProps['spacing'];
     datetime?: string;
     byline?: ReactNode;
-    children?: ReactNode;
-    footer?: ReactNode;
+    children?: ReactNode | string;
     as?: ElementType;
 }
-export declare const TimelineSection: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, footer, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineSection: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Timeline/TimelineSection.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, footer, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, margin, spacing, as, border, color, typographyProps, datetime, byline, children, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,16 +1,17 @@
 import { ReactNode } from 'react';
 import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps } from '..';
+export type TransmissionType = 'submission' | 'acceptance' | 'rejection' | 'request' | 'alert' | 'decision' | 'correction';
 export interface TransmissionProps extends ListItemProps {
     id: string;
     datetime?: string;
     byline?: ReactNode;
-    type?: string;
     badge?: BadgeProps;
     createdAt?: string;
     createdAtLabel?: string;
     sender?: AvatarProps;
-    title: string;
+    title?: string;
     summary?: string;
     attachments?: AttachmentListProps;
+    type?: TransmissionType;
 }
-export declare const Transmission: ({ size, theme, color, type, title, createdAt, createdAtLabel, badge, sender, summary, attachments, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Transmission: ({ size, theme, color, title, createdAt, createdAtLabel, badge, sender, summary, attachments, type, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,2 @@
 export * from './Transmission';
 export * from './TransmissionList';
-export * from './TransmissionTimeline';
-export * from './TransmissionTimelineSegment';

package/dist/types/lib/components/Typography/Heading.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { TypographyProps } from '..';
 export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type HeadingWeight = 'normal' | 'medium' | 'bold';
 export type HeadingComponent = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
@@ -7,7 +8,9 @@ export interface HeadingProps {
     as?: HeadingComponent;
     size?: HeadingSize;
     weight?: HeadingWeight;
+    color?: TypographyProps['color'];
+    theme?: TypographyProps['theme'];
     className?: string;
     children?: ReactNode;
 }
-export declare const Heading: ({ loading, as, size, weight, className, children }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Heading: ({ loading, as, size, weight, color, theme, className, children, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Typography/Heading.stories.d.ts

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

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

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 export type TypographyColor = 'neutral' | 'company' | 'person' | 'article';
-export type TypographyVariant = 'default' | 'subtle';
+export type TypographyTheme = 'default' | 'subtle';
 export type TypographySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface TypographyProps {
     loading?: boolean;
@@ -8,9 +8,9 @@ export interface TypographyProps {
     as?: ElementType;
     size?: TypographySize;
     color?: TypographyColor;
-    variant?: TypographyVariant;
+    theme?: TypographyTheme;
     className?: string;
     children?: ReactNode;
     href?: string;
 }
-export declare const Typography: ({ loading, loadingText, as, size, color, variant, className, children, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Typography: ({ loading, loadingText, as, size, color, theme, className, children, ...restProps }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/types/lib/types/color.d.ts

@@ -1,2 +1,2 @@
-export type Color = 'inherit' | 'accent' | 'company' | 'person' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'alert';
+export type Color = 'inherit' | 'accent' | 'company' | 'person' | 'neutral' | 'success' | 'warning' | 'error' | 'danger' | 'info' | 'alert';
 export type Theme = 'transparent' | 'default' | 'subtle' | 'surface' | 'surface-default' | 'surface-hover' | 'surface-active' | 'border' | 'border-subtle' | 'border-default' | 'border-strong' | 'base' | 'base-default' | 'base-hover' | 'base-active';

package/package.json

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

package/dist/ArrowUp-Cn3ai5t6.js

@@ -1,25 +0,0 @@
-"use client";
-import * as a from "react";
-import { forwardRef as i } from "react";
-import { u as f } from "./useId-CsCRkvK3.js";
-var d = function(t, o) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const m = i((t, o) => {
-  var { title: l, titleId: e } = t, r = d(t, ["title", "titleId"]);
-  let n = f();
-  return n = l ? e || "title-" + n : void 0, a.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: o, "aria-labelledby": n }, r),
-    l ? a.createElement("title", { id: n }, l) : null,
-    a.createElement("path", { fill: "currentColor", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-4.5 4.5a.75.75 0 0 0 1.06 1.06l3.22-3.22V19a.75.75 0 0 0 1.5 0V6.81l3.22 3.22a.75.75 0 1 0 1.06-1.06z" })
-  );
-});
-export {
-  m as S
-};

package/dist/assets/DialogHistory.css

@@ -1 +0,0 @@
-._toggle_1it16_1{color:var(--ds-color-text-subtle)}._toggle_1it16_1:hover{color:var(--ds-color-text-default);text-decoration:underline}

package/dist/components/Transmission/TransmissionTimeline.js

@@ -1,22 +0,0 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { createElement as p } from "react";
-import "../../index-L8X2o7IH.js";
-import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { Timeline as m } from "../Timeline/Timeline.js";
-import { TransmissionTimelineSegment as a } from "./TransmissionTimelineSegment.js";
-const x = ({ items: l, collapsible: r, expandLabel: o, collapseLabel: i }) => l.length ? /* @__PURE__ */ n(m, { children: l.map((e) => /* @__PURE__ */ p(
-  a,
-  {
-    ...e,
-    key: e.id,
-    collapsible: e.collapsible || r,
-    expandLabel: e.expandLabel || o,
-    collapseLabel: e.collapseLabel || i
-  }
-)) }) : null;
-export {
-  x as TransmissionTimeline
-};