@altinn/altinn-components 0.36.6 → 0.36.7

package/dist/components/AccessAreaListItem/AccessAreaListItem.js

@@ -1,47 +1,47 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItem as h } from "../List/ListItem.js";
-import '../../assets/AccessAreaListItem.css';const d = "_content_7hk0i_1", I = {
-  content: d
-}, k = ({
+import { ListItem as b } from "../List/ListItem.js";
+import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
+  content: I
+}, j = ({
   name: t,
-  icon: i,
-  iconUrl: r,
-  size: l = "md",
-  children: m,
-  expanded: o = !1,
-  onClick: a,
-  badgeText: e,
-  colorTheme: s,
-  loading: c,
-  titleAs: p = "h3",
-  ...b
-}) => /* @__PURE__ */ n(
-  h,
+  icon: c,
+  iconUrl: n,
+  size: r = "md",
+  children: i,
+  expanded: e = !1,
+  onClick: m,
+  badge: l,
+  colorTheme: a,
+  loading: o,
+  titleAs: h = "h3",
+  ...p
+}) => /* @__PURE__ */ s(
+  b,
   {
     as: "button",
     icon: {
-      svgElement: i,
-      iconUrl: r,
+      svgElement: c,
+      iconUrl: n,
       theme: "subtle",
-      color: s,
+      color: a,
       altText: ""
     },
-    title: { children: t, as: p },
+    title: { children: t, as: h },
     ariaLabel: t,
-    size: l,
-    collapsible: !c,
-    expanded: o,
-    onClick: a,
-    badge: e ? { label: e, color: s } : void 0,
-    loading: c,
-    ...b,
-    children: o && /* @__PURE__ */ n("div", { className: I.content, children: m })
+    size: r,
+    collapsible: !o,
+    expanded: e,
+    onClick: m,
+    badge: l,
+    loading: o,
+    ...p,
+    children: e && /* @__PURE__ */ s("div", { className: d.content, children: i })
   }
 );
 export {
-  k as AccessAreaListItem
+  j as AccessAreaListItem
 };

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

@@ -1,7 +1,7 @@
 import { Color } from '../../types';
 import { SvgElement } from '../Icon';
 import { ListItemProps } from '../List';
-interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading' | 'shadow' | 'border'> {
+interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading' | 'shadow' | 'border' | 'badge'> {
     /** Id of the item */
     id: string;
     /** Name of the Access Area */
@@ -10,8 +10,6 @@ interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'o
     titleAs?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
     /** 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;
 }
@@ -22,5 +20,5 @@ export type AccessAreaListItemProps = (AccessAreaListItemDefaultProps & {
     iconUrl: string;
     icon?: never;
 });
-export declare const AccessAreaListItem: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccessAreaListItem: ({ name, icon, iconUrl, size, children, expanded, onClick, badge, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,9 @@
 import { StoryObj } from '@storybook/react-vite';
+import { BadgeProps } from '../..';
 import { AccessAreaListItemProps } from './AccessAreaListItem';
 declare const meta: {
     title: string;
-    component: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ name, icon, iconUrl, size, children, expanded, onClick, badge, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         id: string;
@@ -10,7 +11,7 @@ declare const meta: {
         name: string;
         titleAs: "h3";
         iconUrl: string;
-        badgeText: string;
+        badge: BadgeProps;
         colorTheme: "company";
         loading: false;
         shadow: "sm";
@@ -58,4 +59,5 @@ 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 AreaWithPermissions: (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/AccessPackageListItem/AccessPackageListItem.d.ts

@@ -1,5 +1,5 @@
 import { ListItemProps } from '../List';
-export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'description' | 'size' | 'controls' | 'loading' | 'shadow' | 'border'> {
+export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'description' | 'size' | 'controls' | 'loading' | 'shadow' | 'border' | 'badge'> {
     id: string;
     name: string;
     titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';

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

@@ -55,4 +55,5 @@ declare const meta: {
 };
 export default meta;
 export declare const AccessPackageListStory: (args: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccessPackageWithBadge: (args: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ListOfPackages: () => import("react/jsx-runtime").JSX.Element;

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

@@ -13,4 +13,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const Transmissions: Story;
+export declare const TransmissionsUnread: () => import("react/jsx-runtime").JSX.Element;
 export declare const MultipleActivities: Story;

package/package.json

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