@altinn/altinn-components 0.63.2 → 0.63.4

package/dist/components/Typography/Heading.js

@@ -2,12 +2,13 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
-import { H as g } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as n } from "../../ToolbarSearch-CDOcKzpM.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 export {
-  g as Heading
+  n as Heading
 };

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../ToolbarSearch-DT-KvnVb.js";
+import { H as a } from "../../ToolbarSearch-CDOcKzpM.js";
 import { Link as m } from "./Link.js";
 export {
   a as Heading,

package/dist/components/UserListItem/UserListItem.js

@@ -1,24 +1,25 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import { B as p } from "../../ToolbarSearch-DT-KvnVb.js";
+import { jsx as s, jsxs as _ } from "react/jsx-runtime";
+import { B as h } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
+import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItemLabel as v } from "../List/ListItemLabel.js";
 import { ListItem as x } from "../List/ListItem.js";
 import '../../assets/UserListItem.css';const L = "_badges_1xfrv_1", g = "_label_1xfrv_12", m = {
   badges: L,
   label: g
-}, k = ({
+}, q = ({
   name: t,
   type: l,
   description: r,
   roleNames: o,
   titleAs: c = "h3",
   subUnit: b = !1,
-  loading: a = !1,
+  loading: i = !1,
   deleted: d = !1,
   ...e
 }) => {
@@ -27,20 +28,20 @@ import '../../assets/UserListItem.css';const L = "_badges_1xfrv_1", g = "_label_
     type: l,
     isParent: l === "company" && !b,
     isDeleted: d
-  }, f = !a && o ? /* @__PURE__ */ s("div", { className: m.badges, children: o.map((i) => /* @__PURE__ */ s(p, { label: i, color: e.color, children: i }, i)) }) : void 0, _ = /* @__PURE__ */ h("div", { className: m.label, "data-size": e.size, children: [
+  }, f = !i && o ? /* @__PURE__ */ s("div", { className: m.badges, children: o.map((a) => /* @__PURE__ */ s(h, { label: a, color: e.color, children: a }, a)) }) : void 0, p = /* @__PURE__ */ _("div", { className: m.label, "data-size": e.size, children: [
     /* @__PURE__ */ s(
       v,
       {
         title: { children: t, as: c },
         description: r,
         size: e.size,
-        loading: a
+        loading: i
       }
     ),
     f
   ] });
-  return /* @__PURE__ */ s(x, { icon: n, ariaLabel: t, label: _, description: r, loading: a, ...e });
+  return /* @__PURE__ */ s(x, { icon: n, ariaLabel: t, label: p, description: r, loading: i, ...e });
 };
 export {
-  k as UserListItem
+  q as UserListItem
 };

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./Account/AccountNotificationS
 import { AccountOrganization as M } from "./Account/AccountOrganization.js";
 import { AccountSelector as T } from "./AccountSelector/AccountSelector.js";
 import { Alert as h } from "./Alert/Alert.js";
-import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-DT-KvnVb.js";
+import { B as C, a as P, d as H, D as v, b as w, c as G, f as R, e as E, g as N, F as O, H as V, I as U, j as z, h as Q, M as j, k as q, l as J, m as K, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "../ToolbarSearch-CDOcKzpM.js";
 import { Banner as mo, BannerColorEnum as ao, BannerVariantEnum as po } from "./Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as so } from "./Bookmarks/BookmarkSettingsList.js";

package/dist/hooks/useAccountSelector.js

@@ -1,17 +1,18 @@
 import { jsx as S } from "react/jsx-runtime";
 import { useRef as x, useMemo as z } from "react";
 import "../index-p1eeF8LQ.js";
-import "../ToolbarSearch-DT-KvnVb.js";
+import "../ToolbarSearch-CDOcKzpM.js";
 import "../components/Typography/Link.js";
 import { Button as G } from "../components/Button/Button.js";
 import "react-dom";
 import { useIsDesktop as Y } from "./useIsDesktop.js";
+import "../components/GlobalMenu/GlobalMenuBase.js";
 import "../components/Snackbar/useSnackbar.js";
 import { formatDisplayName as R } from "../functions/name/name.js";
 import { formatDate as q } from "../functions/date/date.js";
 import { formatOrgNo as j } from "../functions/orgno/orgno.js";
 import { S as J, a as K } from "../HeartFill-CYSrJ_xK.js";
-const H = (o) => o === "Organization" ? "company" : "person", ft = ({
+const H = (o) => o === "Organization" ? "company" : "person", mt = ({
   partyListDTO: o = [],
   favoriteAccountUuids: e,
   currentAccountUuid: f,
@@ -267,5 +268,5 @@ const H = (o) => o === "Organization" ? "company" : "person", ft = ({
   }
 };
 export {
-  ft as useAccountSelector
+  mt as useAccountSelector
 };

package/dist/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./components/Account/AccountNo
 import { AccountOrganization as M } from "./components/Account/AccountOrganization.js";
 import { AccountSelector as T } from "./components/AccountSelector/AccountSelector.js";
 import { Alert as h } from "./components/Alert/Alert.js";
-import { B as C, a as P, d as H, D as v, b as w, c as G, f as N, e as O, g as E, F as R, H as V, I as U, j as z, h as Q, M as j, k as K, l as q, m as J, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "./ToolbarSearch-DT-KvnVb.js";
+import { B as C, a as P, d as H, D as v, b as w, c as G, f as N, e as O, g as E, F as R, H as V, I as U, j as z, h as Q, M as j, k as K, l as q, m as J, o as W, n as X, R as Y, S as Z, p as _, T as $, V as oo, i as ro, u as eo } from "./ToolbarSearch-CDOcKzpM.js";
 import { Banner as mo, BannerColorEnum as ao, BannerVariantEnum as po } from "./components/Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./components/Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as so } from "./components/Bookmarks/BookmarkSettingsList.js";

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

@@ -37,6 +37,10 @@ export interface DialogListItemProps extends ItemLinkProps, DialogMetadataProps
     unread?: boolean;
     /** Dialog unread label */
     unreadLabel?: string;
+    /** Dialog has unread items */
+    unreadItems?: boolean;
+    /** Dialog unread items label */
+    unreadItemsLabel?: string;
     /** Seen by log */
     seenByLog?: SeenByLogProps;
     /** Number of attachments */
@@ -55,4 +59,4 @@ export interface DialogListItemProps extends ItemLinkProps, DialogMetadataProps
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: import('react').MemoExoticComponent<({ as, size, variant, color, loading, controls, selectable, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, unreadLabel, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DialogListItem: import('react').MemoExoticComponent<({ as, size, variant, color, loading, controls, selectable, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, unreadLabel, unreadItems, unreadItemsLabel, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Forms/FieldBase.d.ts

@@ -2,7 +2,8 @@ import { ReactNode } from 'react';
 import { FieldProps } from '..';
 export type FieldBaseProps = {
     label?: ReactNode;
+    htmlFor?: string;
     helperText?: ReactNode;
     children?: ReactNode;
 } & FieldProps;
-export declare const FieldBase: ({ size, color, label, helperText, children, ...restProps }: FieldBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldBase: ({ size, color, label, htmlFor, helperText, children, ...restProps }: FieldBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/SearchField.d.ts

@@ -9,10 +9,11 @@ export interface SearchFieldProps extends InputProps {
     collapsible?: boolean;
     value?: InputProps['value'];
     label?: FieldBaseProps['label'];
+    hideLabel?: boolean;
     clearButtonAltText?: string;
     loading?: boolean;
     loadingLabel?: string;
     onClear?: () => void;
     menu?: SearchFieldMenuProps;
 }
-export declare const SearchField: ({ className, collapsible, loading, loadingLabel, size, color, label, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchField: ({ className, collapsible, loading, loadingLabel, size, color, label, hideLabel, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/SearchField.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { SearchFieldProps } from './SearchField';
 declare const meta: {
     title: string;
-    component: ({ className, collapsible, loading, loadingLabel, size, color, label, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, collapsible, loading, loadingLabel, size, color, label, hideLabel, value, onClear, clearButtonAltText, menu, minLength, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -13,6 +13,7 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const HiddenLabel: Story;
 export declare const ClearButton: Story;
 export declare const DebouncedQuery: (args: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Controlled: (args: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/GlobalMenu/GlobalMenuBase.d.ts

@@ -7,5 +7,8 @@ export type GlobalMenuBaseProps = {
 export interface GlobalMenuFooterProps {
     children: ReactNode;
 }
-export declare const GlobalMenuBase: ({ color, children, ...rest }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuBase: import('react').ForwardRefExoticComponent<{
+    color?: Color;
+    children: ReactNode;
+} & import('react').HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
 export declare const GlobalMenuFooter: ({ children }: GlobalMenuFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,9 +11,11 @@ export interface ResourceListItemProps extends Pick<ListItemProps, 'size' | 'con
     ownerLogoUrl?: string;
     /** Alternative text for the owner's logo (optional) */
     ownerLogoUrlAlt?: string;
+    /** Optional override for the secondary description line. Falls back to ownerName. */
+    description?: 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, titleAs, ...props }: ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResourceListItem: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, description, titleAs, ...props }: ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 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;
+    component: ({ ownerName, resourceName, ownerLogoUrlAlt, ownerLogoUrl, description, titleAs, ...props }: import('./ResourceListItem').ResourceListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts

@@ -2,4 +2,4 @@ import { SearchFieldProps } from '../Forms';
 export interface ToolbarSearchProps extends SearchFieldProps {
     collapsible?: boolean;
 }
-export declare const ToolbarSearch: import('react').MemoExoticComponent<({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, disabled, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const ToolbarSearch: import('react').MemoExoticComponent<({ label, hideLabel, value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, disabled, }: ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: import('react').MemoExoticComponent<({ value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, disabled, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element>;
+    component: import('react').MemoExoticComponent<({ label, hideLabel, value, name, placeholder, loading, collapsible, clearButtonAltText, onChange, onClear, onKeyDown, menu, minLength, disabled, }: import('./ToolbarSearch').ToolbarSearchProps) => import("react/jsx-runtime").JSX.Element>;
     tags: string[];
     parameters: {};
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
@@ -9,6 +9,7 @@ declare const meta: {
         className?: string | undefined;
         value?: string | number | readonly string[] | undefined;
         label?: import('react').ReactNode;
+        hideLabel?: boolean | undefined;
         clearButtonAltText?: string | undefined;
         loading?: boolean | undefined;
         loadingLabel?: string | undefined;
@@ -329,6 +330,7 @@ declare const meta: {
         className?: string | undefined;
         value?: string | number | readonly string[] | undefined;
         label?: import('react').ReactNode;
+        hideLabel?: boolean | undefined;
         clearButtonAltText?: string | undefined;
         loading?: boolean | undefined;
         loadingLabel?: string | undefined;
@@ -647,6 +649,7 @@ declare const meta: {
     }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {
         name: string;
+        label: string;
     };
 };
 export default meta;

package/package.json

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