@altinn/altinn-components 0.16.0 → 0.18.0

package/dist/components/Transmission/TransmissionItem.js

@@ -1,96 +1,93 @@
 "use client";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import * as f from "react";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import * as c from "react";
 import { forwardRef as h, useState as w } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
-import { ListItem as p } from "../List/ListItem.js";
+import { ListItem as s } from "../List/ListItem.js";
 import { MetaTimestamp as x } from "../Meta/MetaTimestamp.js";
 import "../Snackbar/useSnackbar.js";
-import { Typography as I } from "../Typography/Typography.js";
-import { DialogAttachments as O } from "../Dialog/DialogAttachments.js";
-import { u as S } from "../../useId-CsCRkvK3.js";
-import { S as j } from "../../ChevronRight-DUaHaWi-.js";
-import { S as _ } from "../../ChevronDown-CRAwzuD3.js";
-import { S as z } from "../../ChevronUp-H8Nuww4h.js";
-import '../../assets/TransmissionItem.css';var y = function(l, o) {
-  var r = {};
-  for (var t in l) Object.prototype.hasOwnProperty.call(l, t) && o.indexOf(t) < 0 && (r[t] = l[t]);
-  if (l != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, t = Object.getOwnPropertySymbols(l); i < t.length; i++)
-      o.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(l, t[i]) && (r[t[i]] = l[t[i]]);
-  return r;
+import { Typography as O } from "../Typography/Typography.js";
+import { DialogAttachments as I } from "../Dialog/DialogAttachments.js";
+import { u as j } from "../../useId-CsCRkvK3.js";
+import '../../assets/TransmissionItem.css';var _ = function(o, l) {
+  var e = {};
+  for (var t in o) Object.prototype.hasOwnProperty.call(o, t) && l.indexOf(t) < 0 && (e[t] = o[t]);
+  if (o != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, t = Object.getOwnPropertySymbols(o); i < t.length; i++)
+      l.indexOf(t[i]) < 0 && Object.prototype.propertyIsEnumerable.call(o, t[i]) && (e[t[i]] = o[t[i]]);
+  return e;
 };
-const C = h((l, o) => {
-  var { title: r, titleId: t } = l, i = y(l, ["title", "titleId"]);
-  let a = S();
-  return a = r ? t || "title-" + a : void 0, f.createElement(
+const z = h((o, l) => {
+  var { title: e, titleId: t } = o, i = _(o, ["title", "titleId"]);
+  let a = j();
+  return a = e ? t || "title-" + a : void 0, c.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": a }, i),
-    r ? f.createElement("title", { id: a }, r) : null,
-    f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
+    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: l, "aria-labelledby": a }, i),
+    e ? c.createElement("title", { id: a }, e) : null,
+    c.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
   );
-}), E = "_body_1m345_1", R = {
-  body: E
-}, J = ({
-  theme: l,
-  type: o,
-  loading: r,
+}), y = "_body_1m345_1", E = {
+  body: y
+}, N = ({
+  theme: o,
+  type: l,
+  loading: e,
   sender: t,
   createdAt: i,
   createdAtLabel: a,
-  title: c,
-  description: s,
-  summary: b,
-  attachments: g
+  title: f,
+  description: u,
+  summary: d,
+  attachments: b
 }) => {
-  const [m, u] = w(!1), d = () => {
-    u((v) => !v);
+  const [m, p] = w(!1), g = () => {
+    p((v) => !v);
   };
-  return (o == null ? void 0 : o.value) === "draft" ? /* @__PURE__ */ e(
-    p,
+  return (l == null ? void 0 : l.value) === "draft" ? /* @__PURE__ */ r(
+    s,
     {
       as: "button",
-      theme: l,
+      theme: o,
       variant: "dotted",
       size: "sm",
-      icon: C,
-      title: c,
-      description: s,
-      badge: { label: o == null ? void 0 : o.label },
-      linkIcon: j
+      icon: z,
+      title: f,
+      description: u,
+      badge: { label: l == null ? void 0 : l.label },
+      linkIcon: !0
     }
-  ) : /* @__PURE__ */ e(
-    p,
+  ) : /* @__PURE__ */ r(
+    s,
     {
       as: "button",
-      theme: l,
+      theme: o,
       expanded: m,
-      onClick: d,
+      collapsible: !0,
+      onClick: g,
       size: "sm",
       avatar: {
         type: t == null ? void 0 : t.type,
         imageUrl: t == null ? void 0 : t.imageUrl,
         name: t == null ? void 0 : t.name
       },
-      title: c,
-      description: m ? "" : s,
-      badge: { label: o == null ? void 0 : o.label },
-      linkIcon: m ? _ : z,
-      children: m && /* @__PURE__ */ n("div", { className: R.body, children: [
-        i && /* @__PURE__ */ n(x, { loading: r, datetime: i, size: "xs", children: [
-          t && /* @__PURE__ */ e("strong", { children: (t == null ? void 0 : t.name) + ", " }),
+      title: f,
+      description: m ? "" : u,
+      badge: { label: l == null ? void 0 : l.label },
+      children: m && /* @__PURE__ */ n("div", { className: E.body, children: [
+        i && /* @__PURE__ */ n(x, { loading: e, datetime: i, size: "xs", children: [
+          t && /* @__PURE__ */ r("strong", { children: (t == null ? void 0 : t.name) + ", " }),
           a
         ] }),
-        /* @__PURE__ */ n(I, { size: "lg", children: [
-          /* @__PURE__ */ e("p", { children: b }),
-          g && /* @__PURE__ */ e(O, { ...g })
+        /* @__PURE__ */ n(O, { size: "lg", children: [
+          /* @__PURE__ */ r("p", { children: d }),
+          b && /* @__PURE__ */ r(I, { ...b })
         ] })
       ] })
     }
   );
 };
 export {
-  J as TransmissionItem
+  N as TransmissionItem
 };

package/dist/components/index.js

@@ -72,7 +72,7 @@ import { Layout as Rr } from "./Layout/Layout.js";
 import { ActionHeader as Or } from "./LayoutAction/ActionHeader.js";
 import { ActionFooter as zr } from "./LayoutAction/ActionFooter.js";
 import { LayoutAction as jr } from "./LayoutAction/LayoutAction.js";
-import { ListItemBase as Jr } from "./List/ListItemBase.js";
+import { L as Jr } from "../ListItemBase-BVx5MDhO.js";
 import { ListItemLink as Ur } from "./List/ListItemLink.js";
 import { ListItemHeader as Wr } from "./List/ListItemHeader.js";
 import { ListItemLabel as Yr } from "./List/ListItemLabel.js";

package/dist/index.js

@@ -72,7 +72,7 @@ import { Layout as Gr } from "./components/Layout/Layout.js";
 import { ActionHeader as Or } from "./components/LayoutAction/ActionHeader.js";
 import { ActionFooter as zr } from "./components/LayoutAction/ActionFooter.js";
 import { LayoutAction as Nr } from "./components/LayoutAction/LayoutAction.js";
-import { ListItemBase as qr } from "./components/List/ListItemBase.js";
+import { L as qr } from "./ListItemBase-BVx5MDhO.js";
 import { ListItemLink as Ur } from "./components/List/ListItemLink.js";
 import { ListItemHeader as Wr } from "./components/List/ListItemHeader.js";
 import { ListItemLabel as Yr } from "./components/List/ListItemLabel.js";

package/dist/types/lib/components/AccessAreaList/AccessAreaListItem.d.ts

@@ -1,9 +1,18 @@
+import { Color } from '../../types';
 import { SvgElement } from '../Icon';
 import { ListItemProps } from '../List';
-export interface AccessAreaListItemProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded'> {
+export interface AccessAreaListItemProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading'> {
+    /** Id of the item */
     id: string;
+    /** Name of the Access Area */
     name: string;
+    /** The icon associated with the Access Area */
     icon: SvgElement;
+    /** Color theme of the Access Area */
+    colorTheme?: Color;
+    /** Optional Badge to display things like the number of packages a user has in the area */
+    badgeText?: string;
+    /** Children to render when the item is expanded */
     children?: React.ReactNode;
 }
-export declare const AccessAreaListItem: ({ name, icon, size, children, expanded, onClick, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccessAreaListItem: ({ name, icon, size, children, expanded, onClick, badgeText, colorTheme, loading, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/AccessAreaList/AccessAreaListItem.stories.d.ts

@@ -3,14 +3,16 @@ import { default as React } from 'react';
 import { AccessAreaListItemProps } from './AccessAreaListItem';
 declare const meta: {
     title: string;
-    component: ({ name, icon, size, children, expanded, onClick, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ name, icon, size, children, expanded, onClick, badgeText, colorTheme, loading, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         id: string;
         size: "md";
         name: string;
         icon: React.FC<React.SVGProps<SVGSVGElement>>;
-        children: import("react/jsx-runtime").JSX.Element;
+        badgeText: string;
+        colorTheme: "company";
+        loading: false;
     };
     argTypes: {
         expanded: {
@@ -29,9 +31,16 @@ declare const meta: {
                 disable: true;
             };
         };
+        colorTheme: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const AreaListItemStory: Story;
+export declare const AreaWithPackages: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AllAreas: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,15 +1,17 @@
-import { StoryObj } from '@storybook/react';
+import { AccessPackageListProps } from './AccessPackageList';
 declare const meta: {
     title: string;
-    component: ({ items, spacing, ...props }: import('./AccessPackageList').AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, spacing, ...props }: AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
-    args: {
-        items: {
-            id: string;
-            title: string;
-        }[];
+    args: {};
+    argTypes: {
+        spacing: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
     };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const AccessPackageListStory: Story;
+export declare const AccessPackageListStory: (args: AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/AccessPackageList/AccessPackageListItem.d.ts

@@ -1,6 +1,5 @@
 import { ListItemProps } from '../List';
-export interface AccessPackageListItemProps extends Pick<ListItemProps, 'onClick' | 'as' | 'title' | 'description' | 'size' | 'controls'> {
+export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'title' | 'description' | 'size' | 'controls' | 'loading'> {
     id: string;
-    icon?: string;
 }
-export declare const AccessPackageListItem: ({ as, icon, title, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccessPackageListItem: ({ as, title, color, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,7 @@ import { DialogListItem, DialogListItemProps } from './DialogListItem';
 declare const meta: Meta<typeof DialogListItem>;
 export default meta;
 export declare const Default: {
+    render: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
     args: {};
 };
 export declare const GroupedAvatars: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -11,7 +12,7 @@ export declare const SeenBy: (args: DialogListItemProps) => import("react/jsx-ru
 export declare const InboxStatuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DraftAndSent: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ArchivedAndTrashed: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Statuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Statuses: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
 declare const Loading: {
     (args: DialogListItemProps): import("react/jsx-runtime").JSX.Element;
     parameters: {
@@ -24,5 +25,5 @@ export declare const DueAt: (args: DialogListItemProps) => import("react/jsx-run
 export declare const Attachments: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TouchedBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TextLength: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Selectable: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Sizes: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Selectable: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const Sizes: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];

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

@@ -4,10 +4,9 @@ declare const meta: {
     component: ({ spacing, children, ...rest }: import('./ListBase').ListBaseProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
-    args: {
-        children: import("react/jsx-runtime").JSX.Element;
-    };
+    args: {};
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare const Interactive: Story;
+export declare const NonIteractive: Story;

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

@@ -25,6 +25,8 @@ export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
     label?: ReactNode | (() => ReactElement);
     /** Optional badge */
     badge?: BadgeProps | ReactNode | undefined;
+    /** Whether to display the item with a link icon */
+    linkIcon?: boolean;
 }
 export interface ListItemInputProps extends ListItemProps {
     id: string;

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

@@ -1,4 +1,4 @@
-import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
+import { ElementType, HTMLProps, KeyboardEventHandler, ReactNode } from 'react';
 import { Color } from '..';
 export type ListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type ListItemVariant = 'solid' | 'dotted';
@@ -6,25 +6,47 @@ export type ListItemShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type ListItemColor = Color;
 export type ListItemTheme = 'transparent' | 'default' | 'subtle' | 'surface' | 'base';
 export interface ListItemBaseProps {
+    /** The title of the list item. */
     title?: string;
+    /** If true, the list item is interactive and has a hover state. */
     interactive?: boolean;
+    /** The element type to render as. */
     as?: ElementType;
+    /** The URL to link to if the list item is a link. */
     href?: string;
+    /** Click event handler. */
     onClick?: () => void;
+    /** Key press event handler. */
     onKeyPress?: KeyboardEventHandler;
+    /** The tab index of the list item. */
     tabIndex?: number;
+    /** The color of the list item. */
     color?: ListItemColor;
+    /** The theme of the list item. */
     theme?: ListItemTheme;
+    /** The variant of the list item. */
     variant?: ListItemVariant;
+    /** The size of the list item. */
     size?: ListItemSize;
+    /** The shadow style of the list item. */
     shadow?: ListItemShadow;
+    /** Additional class names for the list item. */
     className?: string;
+    /** If true, the list item shows a loading state. */
     loading?: boolean;
+    /** If true, the list item is disabled. */
     disabled?: boolean;
+    /** If true, the list item is hidden. */
     hidden?: boolean;
+    /** If true, the list item is active. */
     active?: boolean;
+    /** If true, the list item is selected. */
     selected?: boolean;
+    /** If true, the list item is expanded. */
     expanded?: boolean;
+    /** Mouse enter event handler. */
+    onMouseEnter?: HTMLProps<HTMLDivElement>['onMouseEnter'];
+    /** The children elements of the list item. */
     children?: ReactNode;
 }
-export declare const ListItemBase: ({ title, interactive, as, href, onClick, onKeyPress, tabIndex, size, variant, color, theme, shadow, loading, disabled, hidden, active, selected, className, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemBase: ({ title, interactive, as, href, onClick, onKeyPress, tabIndex, size, variant, color, theme, shadow, loading, disabled, hidden, active, selected, className, onMouseEnter, children, }: ListItemBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { ChevronDownIcon } from '@navikt/aksel-icons';
 import { ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, ListItemLinkProps, ListItemSelectProps, ListItemSize, SvgElement } from '..';
 export interface ListItemHeaderProps extends ListItemLinkProps {
@@ -9,9 +10,9 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     className?: string;
     /** Select controls */
     select?: ListItemSelectProps;
-    /** Collapsible item, sets linkIcon to "chevron down" */
+    /** Collapsible item */
     collapsible?: boolean;
-    /** Item is expanded, sets linkIcon to "chevron up" */
+    /** Item is expanded */
     expanded?: boolean;
     /** Title */
     title?: string;
@@ -23,8 +24,8 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     avatar?: AvatarProps;
     /** List item avatarGroup */
     avatarGroup?: AvatarGroupProps;
-    /** Optional icon indicating behaviour */
-    linkIcon?: SvgElement | undefined | null;
+    /** Optional chevron icon indicating behaviour */
+    chevron?: typeof ChevronDownIcon;
     /** Optional badge */
     badge?: BadgeProps | ReactNode | undefined;
     /** Custom controls */
@@ -32,4 +33,4 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Custom label */
     children?: ReactNode;
 }
-export declare const ListItemHeader: ({ as, loading, disabled, select, href, onClick, onKeyPress, tabIndex, size, title, description, icon, avatar, avatarGroup, linkIcon, badge, controls, className, children, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemHeader: ({ as, loading, disabled, select, href, onClick, onKeyPress, tabIndex, size, title, description, icon, avatar, avatarGroup, chevron, badge, controls, className, children, }: ListItemHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,5 +5,4 @@ export default meta;
 export declare const ListOfPeople: () => import("react/jsx-runtime").JSX.Element;
 export declare const ListOfServices: () => import("react/jsx-runtime").JSX.Element;
 export declare const ListOfCategories: () => import("react/jsx-runtime").JSX.Element;
-export declare const CategoryGrid: () => import("react/jsx-runtime").JSX.Element;
 export declare const MultilevelList: () => import("react/jsx-runtime").JSX.Element;

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

@@ -9,5 +9,5 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Theme: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Theme: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const Size: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element[];

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Color, Range, Shadow, Theme } from '..';
-export type FlexElement = 'div' | 'section' | 'article' | 'header' | 'footer' | 'nav';
+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';

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

@@ -5,13 +5,6 @@ declare const meta: {
     tags: string[];
     parameters: {};
     args: {
-        items: {
-            id: string;
-            ownerName: string;
-            resourceName: string;
-            ownerLogoUrl: string;
-            ownerLogoUrlAlt: string;
-        }[];
         defaultItemSize: "md";
     };
     argTypes: {

package/dist/types/lib/components/ResourceList/ResourceListItem.d.ts

@@ -1,9 +1,17 @@
+import { BadgeProps } from '../Badge';
 import { ListItemProps } from '../List';
-export interface ResourceListItemProps extends Pick<ListItemProps, 'size' | 'controls' | 'as' | 'onClick'> {
+export interface ResourceListItemProps extends Pick<ListItemProps, 'size' | 'controls' | 'as' | 'onClick' | 'loading'> {
+    /** Unique identifier for the resource item */
     id: string;
+    /** Name of the owner of the resource */
     ownerName: string;
+    /** Name of the resource */
     resourceName: string;
+    /** URL of the owner's logo (optional) */
     ownerLogoUrl?: string;
+    /** Alternative text for the owner's logo (optional) */
     ownerLogoUrlAlt?: string;
+    /** Badge properties for the resource item (optional) */
+    badge?: BadgeProps;
 }
 export declare const ResourceListItem: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, ...props }: ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/ResourceList/ResourceListItem.stories.d.ts

@@ -7,6 +7,7 @@ declare const meta: {
     args: {
         size: "md";
         id: string;
+        loading: false;
         resourceName: string;
         ownerName: string;
         ownerLogoUrl: string;

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

@@ -22,4 +22,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Attachments: Story;
+export declare const Attachments: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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