@altinn/altinn-components 0.20.2 → 0.21.1

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

@@ -14,7 +14,6 @@ export * from './DialogSelect';
 export * from './DialogStatus';
 export * from './DialogHeading';
 export * from './DialogTouchedBy';
-export * from './DialogLabel';
 export * from './DialogAttachments';
 export * from './DialogHistory';
 export * from './DialogActivity';

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

@@ -4,7 +4,8 @@ export interface ListItemLabelProps {
     loading?: boolean;
     size?: ListItemSize;
     title?: string;
+    weight?: 'bold' | 'normal';
     description?: string;
     children?: ReactNode;
 }
-export declare const ListItemLabel: ({ loading, size, title, description, children }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLabel: ({ loading, size, title, weight, description, children, }: ListItemLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, ElementType, ReactNode } from 'react';
 import { Color, Range, Shadow, Theme } from '..';
-export type FlexElement = 'div' | 'section' | 'article' | 'header' | 'footer' | 'nav' | 'ul';
 export type FlexDirection = 'col' | 'row';
 export type FlexAlign = 'initial' | 'start' | 'end' | 'center' | 'stretch';
 export type FlexJustify = 'initial' | 'start' | 'end' | 'center' | 'between';
@@ -8,7 +7,7 @@ export type FlexSpacing = 'page' | 'xs' | Range<11>;
 export type FlexPadding = 'page' | Range<11>;
 export type FlexMargin = 0 | 'page' | 'section' | 'bottom';
 export interface FlexProps {
-    as?: FlexElement;
+    as?: ElementType;
     shadow?: Shadow;
     color?: Color;
     theme?: Theme;

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

@@ -1,11 +1,12 @@
-import { ReactNode } from 'react';
-import { AvatarProps, Color, FlexProps, SvgElement, Theme } from '..';
+import { ElementType, ReactNode } from 'react';
+import { AvatarProps, Color, SvgElement, Theme } from '..';
 export type TimelineTheme = 'base' | 'surface';
 export type TimelineBorder = 'strong' | 'solid' | 'dashed' | 'hidden';
 export type TimelineBorderWidth = 1 | 2;
 export interface TimelineBaseProps {
-    as?: FlexProps['as'];
+    as?: ElementType;
     loading?: boolean;
+    level?: number;
     border?: TimelineBorder;
     color?: Color;
     theme?: Theme;
@@ -14,4 +15,4 @@ export interface TimelineBaseProps {
     avatar?: AvatarProps;
     children?: ReactNode;
 }
-export declare const TimelineBase: ({ as, loading, border, color, icon, iconColor, avatar, children, }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimelineBase: ({ as, loading, border, level, color, icon, iconColor, avatar, children, ...props }: TimelineBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ButtonBaseProps, SvgElement } from '..';
+export interface TimelineLinkProps extends Partial<ButtonBaseProps> {
+    icon?: SvgElement;
+    reverse?: boolean;
+    label?: string | ReactNode;
+    children?: ReactNode;
+}
+export declare const TimelineLink: ({ size, color, icon, reverse, label, children, ...rest }: TimelineLinkProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 import { SectionProps, TimelineBaseProps, TypographyProps } from '..';
 export interface TimelineSectionProps {
     loading?: boolean;
@@ -11,5 +11,6 @@ export interface TimelineSectionProps {
     byline?: ReactNode;
     children?: ReactNode;
     footer?: ReactNode;
+    as?: ElementType;
 }
-export declare const TimelineSection: ({ loading, margin, spacing, 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, footer, }: 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, 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, footer, }: import('./TimelineSection').TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SectionProps, SvgElement, TimelineBaseProps, TimelineBorder, TypographyProps } from '..';
+import { FlexMargin, FlexSpacing, SvgElement, TimelineBaseProps, TimelineBorder, TypographyProps } from '..';
 export interface TimelineSegmentProps extends TimelineBaseProps {
     loading?: boolean;
     icon?: SvgElement;
@@ -9,7 +9,7 @@ export interface TimelineSegmentProps extends TimelineBaseProps {
     children?: ReactNode;
     footer?: ReactNode;
     typographyProps?: TypographyProps;
-    margin?: SectionProps['margin'];
-    spacing?: SectionProps['spacing'];
+    margin?: FlexMargin;
+    spacing?: FlexSpacing;
 }
 export declare const TimelineSegment: ({ loading, datetime, byline, icon, color, spacing, margin, children, footer, ...props }: TimelineSegmentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,3 +5,4 @@ export * from './TimelineBase';
 export * from './TimelineSection';
 export * from './TimelineHeader';
 export * from './TimelineFooter';
+export * from './TimelineLink';

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

@@ -1,14 +1,10 @@
 import { ReactNode } from 'react';
 import { AttachmentListProps, AvatarProps, BadgeProps, ListItemProps } from '..';
-export interface TransmissionType {
-    value: string;
-    label: string;
-}
 export interface TransmissionProps extends ListItemProps {
     id: string;
     datetime?: string;
     byline?: ReactNode;
-    type?: TransmissionType;
+    type?: string;
     badge?: BadgeProps;
     createdAt?: string;
     createdAtLabel?: string;
@@ -17,4 +13,4 @@ export interface TransmissionProps extends ListItemProps {
     summary?: string;
     attachments?: AttachmentListProps;
 }
-export declare const Transmission: ({ size, theme, color, type, createdAt, createdAtLabel, badge, sender, summary, attachments, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Transmission: ({ size, theme, color, type, title, createdAt, createdAtLabel, badge, sender, summary, attachments, ...item }: TransmissionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TransmissionTimelineSegmentProps } from '..';
+export interface TransmissionTimelineProps {
+    items: TransmissionTimelineSegmentProps[];
+    collapsible?: boolean;
+    expandLabel?: string | ReactNode;
+    collapseLabel?: string | ReactNode;
+    className?: string;
+}
+export declare const TransmissionTimeline: ({ items, collapsible, expandLabel, collapseLabel }: TransmissionTimelineProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,74 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ items, collapsible, expandLabel, collapseLabel }: import('./TransmissionTimeline').TransmissionTimelineProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {};
+    args: {
+        items: ({
+            id: string;
+            sender: import('..').AvatarProps;
+            byline: string;
+            title: string;
+            collapsible: false;
+            expandLabel: import("react/jsx-runtime").JSX.Element;
+            items: ({
+                id: string;
+                sender: import('..').AvatarProps;
+                createdAtLabel: string;
+                byline: string;
+                title: string;
+                type?: undefined;
+            } | {
+                id: string;
+                type: string;
+                sender: {
+                    type: "company";
+                    name: string;
+                };
+                createdAtLabel: string;
+                byline: string;
+                title: string;
+            })[];
+            createdAtLabel?: undefined;
+            type?: undefined;
+        } | {
+            id: string;
+            sender: import('..').AvatarProps;
+            createdAtLabel: string;
+            byline: string;
+            title: string;
+            expandLabel: import("react/jsx-runtime").JSX.Element;
+            items: {
+                id: string;
+                type: string;
+                sender: {
+                    type: "company";
+                    name: string;
+                };
+                byline: string;
+                title: string;
+            }[];
+            collapsible?: undefined;
+            type?: undefined;
+        } | {
+            id: string;
+            type: string;
+            sender: {
+                type: "person";
+                name: string;
+            };
+            createdAtLabel: string;
+            byline: string;
+            title: string;
+            collapsible?: undefined;
+            expandLabel?: undefined;
+            items?: undefined;
+        })[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Collapsible: Story;
+export declare const LinkedItems: Story;

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { TimelineLinkProps, TransmissionProps } from '..';
+export interface TransmissionTimelineItemProps extends TransmissionProps {
+    byline?: string;
+    datetime?: string;
+}
+export interface TransmissionTimelineSegmentProps extends TransmissionProps {
+    items?: TransmissionTimelineItemProps[];
+    collapsible?: boolean;
+    expandLabel?: string | ReactNode;
+    collapseLabel?: string | ReactNode;
+    link?: TimelineLinkProps;
+}
+export declare const TransmissionTimelineSegment: ({ collapsible, items, datetime, byline, expandLabel, collapseLabel, link, ...item }: TransmissionTimelineSegmentProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/package.json

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

package/dist/components/Dialog/DialogLabel.js

@@ -1,21 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import { MetaItem as i } from "../Meta/MetaItem.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import "../Search/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { S as n, a as m } from "../../Trash-DMlYh49i.js";
-const g = ({ size: r = "xs", type: e, label: t, children: o }) => {
-  switch (e) {
-    case "trashed":
-      return /* @__PURE__ */ a(i, { size: r, icon: m, variant: "rounded", children: o || t });
-    case "archived":
-      return /* @__PURE__ */ a(i, { size: r, icon: n, variant: "rounded", children: o || t });
-    default:
-      return /* @__PURE__ */ a(i, { size: r, variant: "rounded", children: o || t });
-  }
-};
-export {
-  g as DialogLabel
-};

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

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { MetaItemSize } from '../Meta';
-export type DialogLabelType = 'normal' | 'trashed' | 'archived';
-export interface DialogLabelProps {
-    size?: MetaItemSize;
-    type?: DialogLabelType;
-    label?: string;
-    children?: ReactNode;
-}
-/**
- * Dialog label.
- */
-export declare const DialogLabel: ({ size, type, label, children }: DialogLabelProps) => import("react/jsx-runtime").JSX.Element;