@altinn/altinn-components 0.34.0 → 0.35.1

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

@@ -0,0 +1,58 @@
+import { AccessPackageListItemProps } from './AccessPackageListItem';
+declare const meta: {
+    title: string;
+    component: ({ as, name, color, titleAs, size, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        id: string;
+        name: string;
+        size: "md";
+        color: "neutral";
+        loading: false;
+        shadow: "xs";
+        border: "none";
+        as: "button";
+        titleAs: "h3";
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        shadow: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        as: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        border: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        titleAs: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default meta;
+export declare const AccessPackageListStory: (args: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListOfPackages: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{AccessPackageList → AccessPackageListItem}/index.d.ts

@@ -1,2 +1 @@
 export * from './AccessPackageListItem';
-export * from './AccessPackageList';

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

@@ -8,9 +8,6 @@ declare const meta: {
         layout: string;
     };
     args: {
-        style: {
-            fontSize: string;
-        };
         name: string;
         type: "person";
     };

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

@@ -43,4 +43,5 @@ export declare const Loading: Story;
 export declare const Summary: Story;
 export declare const ExtendedContent: Story;
 export declare const WithAttachments: Story;
+export declare const WithWideLogo: Story;
 export declare const WithActions: Story;

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

@@ -11,5 +11,6 @@ export interface ListItemLinkProps {
     selected?: boolean;
     className?: string;
     active?: boolean;
+    children?: React.ReactNode;
 }
-export declare const ListItemLink: ({ as, loading, disabled, selected, href, onClick, onKeyPress, className, active, ariaLabel, }: ListItemLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItemLink: ({ as, loading, disabled, selected, href, onClick, onKeyPress, className, active, ariaLabel, children, }: ListItemLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/{ResourceList → ResourceListItem}/ResourceListItem.d.ts

@@ -1,6 +1,6 @@
 import { BadgeProps } from '../Badge';
 import { ListItemProps } from '../List';
-export interface ResourceListItemProps extends Pick<ListItemProps, 'size' | 'controls' | 'as' | 'onClick' | 'loading'> {
+export interface ResourceListItemProps extends Pick<ListItemProps, 'size' | 'controls' | 'as' | 'onClick' | 'loading' | 'shadow' | 'border' | 'interactive'> {
     /** Unique identifier for the resource item */
     id: string;
     /** Name of the owner of the resource */
@@ -13,5 +13,7 @@ export interface ResourceListItemProps extends Pick<ListItemProps, 'size' | 'con
     ownerLogoUrlAlt?: string;
     /** Badge properties for the resource item (optional) */
     badge?: BadgeProps;
+    /** Title element for the resource item (optional) */
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
 }
-export declare const ResourceListItem: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, ...props }: ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResourceListItem: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, titleAs, ...props }: ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,55 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, titleAs, ...props }: import('./ResourceListItem').ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        size: "md";
+        id: string;
+        loading: false;
+        resourceName: string;
+        ownerName: string;
+        ownerLogoUrl: string;
+        shadow: "xs";
+        border: "none";
+        as: "div";
+        titleAs: "h3";
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        shadow: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        as: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        border: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        titleAs: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ListOfResources: () => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,18 @@
+import { ListItemProps } from '../List';
+export interface UserListItemProps extends Pick<ListItemProps, 'size' | 'controls' | 'onClick' | 'loading' | 'shadow' | 'border' | 'color' | 'linkIcon' | 'expanded' | 'collapsible' | 'children' | 'as' | 'interactive' | 'id' | 'className'> {
+    /** Unique identifier for the user item */
+    id: string;
+    /** Name of the user */
+    name: string;
+    /** Type of user */
+    type: 'person' | 'company' | 'system';
+    /** Description details for the user */
+    description?: string;
+    /** Roles of the user to be displayed */
+    roleNames?: string[];
+    /** The explicit heading or tag of the title, if diverting from the default heading */
+    titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
+    /** Display as subUnit */
+    subUnit?: boolean;
+}
+export declare const UserListItem: ({ name, type, description, roleNames, titleAs, subUnit, loading, ...props }: UserListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,119 @@
+import { UserListItemProps } from './UserListItem';
+declare const meta: {
+    title: string;
+    component: ({ name, type, description, roleNames, titleAs, subUnit, loading, ...props }: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        id: string;
+        size: "md";
+        loading: false;
+        name: string;
+        description: string;
+        type: "person";
+        roleNames: string[];
+        shadow: "sm";
+        linkIcon: false;
+        collapsible: false;
+        as: "div";
+        interactive: true;
+        subUnit: false;
+        titleAs: "h3";
+        border: "none";
+        color: "company";
+        expanded: false;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    argTypes: {
+        size: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        shadow: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        type: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        as: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        titleAs: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        border: {
+            options: string[];
+            control: {
+                type: "inline-radio";
+            };
+        };
+        color: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
+        loading: {
+            control: {
+                type: "boolean";
+            };
+        };
+        interactive: {
+            control: {
+                type: "boolean";
+            };
+        };
+        linkIcon: {
+            control: {
+                type: "boolean";
+            };
+        };
+        collapsible: {
+            control: {
+                type: "boolean";
+            };
+        };
+        expanded: {
+            control: {
+                type: "boolean";
+            };
+        };
+        subUnit: {
+            control: {
+                type: "boolean";
+            };
+        };
+        children: {
+            control: false;
+        };
+        onClick: {
+            control: false;
+        };
+        controls: {
+            control: false;
+        };
+        id: {
+            control: false;
+        };
+    };
+};
+export default meta;
+export declare const Default: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleRoles: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithSubUnits: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DifferentHeadingLevelsAndSizes: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithControls: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -30,9 +30,10 @@ export * from './Toolbar';
 export * from './Page';
 export * from './Transmission';
 export * from './Typography';
-export * from './ResourceList';
-export * from './AccessAreaList';
-export * from './AccessPackageList';
+export * from './ResourceListItem';
+export * from './AccessAreaListItem';
+export * from './AccessPackageListItem';
+export * from './UserListItem';
 export * from './Forms';
 export * from './Settings';
 export * from './Dashboard';

package/package.json

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

package/dist/components/AccessAreaList/AccessAreaList.js

@@ -1,12 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { AccessAreaListItem as m } from "./AccessAreaListItem.js";
-import { List as p } from "../List/List.js";
-const d = ({ items: i, color: o }) => /* @__PURE__ */ t(p, { color: o, spacing: 1, children: i.map((r) => /* @__PURE__ */ t(m, { ...r }, r.id)) });
-export {
-  d as AccessAreaList
-};

package/dist/components/AccessPackageList/AccessPackageList.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createElement as i } from "react";
-import "../../index-L8X2o7IH.js";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { AccessPackageListItem as p } from "./AccessPackageListItem.js";
-import { List as c } from "../List/List.js";
-const l = ({ items: t, spacing: o = 2, ...m }) => /* @__PURE__ */ e(c, { spacing: o, ...m, children: t.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id, ...r })) });
-export {
-  l as AccessPackageList
-};

package/dist/components/ResourceList/ResourceList.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createElement as i } from "react";
-import "../../index-L8X2o7IH.js";
-import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import "../Snackbar/useSnackbar.js";
-import { ResourceListItem as p } from "./ResourceListItem.js";
-import { List as s } from "../List/List.js";
-const x = ({ items: o, size: t = "md", ...m }) => /* @__PURE__ */ e(s, { ...m, size: t, children: o.map((r) => /* @__PURE__ */ i(p, { ...r, key: r.id })) });
-export {
-  x as ResourceList
-};

package/dist/components/ResourceList/index.js

@@ -1,6 +0,0 @@
-import { ResourceList as r } from "./ResourceList.js";
-import { ResourceListItem as s } from "./ResourceListItem.js";
-export {
-  r as ResourceList,
-  s as ResourceListItem
-};

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

@@ -1,7 +0,0 @@
-import { ListItemColor } from '../List';
-import { AccessAreaListItemProps } from './AccessAreaListItem';
-export interface AccessAreaListProps {
-    items: AccessAreaListItemProps[];
-    color?: ListItemColor;
-}
-export declare const AccessAreaList: ({ items, color }: AccessAreaListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +0,0 @@
-import { ListProps } from '../List';
-import { AccessPackageListItemProps } from './AccessPackageListItem';
-export interface AccessPackageListProps extends Pick<ListProps, 'spacing'> {
-    items: AccessPackageListItemProps[];
-}
-export declare const AccessPackageList: ({ items, spacing, ...props }: AccessPackageListProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -1,35 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { ListItemProps } from '../';
-declare const meta: {
-    title: string;
-    component: ({ className, color, variant, shadow, border, loading, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, ...rest }: ListItemProps) => React.ReactElement;
-    parameters: {};
-    args: {
-        id: string;
-        as: "button";
-        title: string;
-        ariaLabel: string;
-        onClick: () => void;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const IconTypes: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Avatars: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AvatarGroups: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Badges: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LoadingState: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Selectable: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Collapsible: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CollapsibleExpanded: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NonInteractive: () => import("react/jsx-runtime").JSX.Element;
-export declare const Variants: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Shadows: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Border: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Sizes: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverridingIcon: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverridingBadge: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverridingLabel: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomControls: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OverrideTitleAs: (args: ListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +0,0 @@
-import { ListProps } from '../List';
-import { ResourceListItemProps } from './ResourceListItem';
-export interface ResourceListProps extends ListProps {
-    items: ResourceListItemProps[];
-}
-export declare const ResourceList: ({ items, size, ...props }: ResourceListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,34 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ items, size, ...props }: import('./ResourceList').ResourceListProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        size: "md";
-        items: {
-            id: string;
-            ownerName: string;
-            resourceName: string;
-            ownerLogoUrl: string;
-            ownerLogoUrlAlt: string;
-        }[];
-    };
-    argTypes: {
-        size: {
-            options: string[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-        spacing: {
-            options: string[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,27 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, ...props }: import('./ResourceListItem').ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {};
-    args: {
-        size: "md";
-        id: string;
-        loading: false;
-        resourceName: string;
-        ownerName: string;
-        ownerLogoUrl: string;
-        controls: import("react/jsx-runtime").JSX.Element;
-    };
-    argTypes: {
-        size: {
-            options: string[];
-            control: {
-                type: "inline-radio";
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,2 +0,0 @@
-export * from '../ResourceList/ResourceList';
-export * from '../ResourceList/ResourceListItem';