@altinn/altinn-components 0.63.3 → 0.63.4

package/dist/components/Timeline/TimelineBase.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-OLv6DjhT.js";
+import "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineFooter.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as l } from "../../ToolbarSearch-OLv6DjhT.js";
+import { a as l } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineHeader.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
-import { a as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import { a as c } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineIcon.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isValidElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as n, i as l } from "../../ToolbarSearch-OLv6DjhT.js";
+import { I as s, s as n, i as l } from "../../ToolbarSearch-CDOcKzpM.js";
 import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "../Typography/Link.js";

package/dist/components/Timeline/TimelineSection.js

@@ -1,7 +1,7 @@
 import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import { a as c } from "../../ToolbarSearch-CDOcKzpM.js";
 import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Timeline/TimelineSegment.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { a as S } from "../../ToolbarSearch-OLv6DjhT.js";
+import { a as S } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/DatepickerFilter.js

@@ -6,7 +6,7 @@ import { Label as c } from "../Forms/Label.js";
 import { Input as s } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { u as x, k as g } from "../../ToolbarSearch-OLv6DjhT.js";
+import { u as x, k as g } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { M as x } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../../index-p1eeF8LQ.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { p as l, T as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { p as l, T as x } from "../../ToolbarSearch-CDOcKzpM.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: p, children: b }) => /* @__PURE__ */ n("span", { className: c.toolbar, "data-size": "xs", children: [

package/dist/components/Toolbar/ToolbarFilter.js

@@ -2,7 +2,7 @@ import { jsxs as l, Fragment as L, jsx as i } from "react/jsx-runtime";
 import { useMemo as N, useState as O, createElement as y } from "react";
 import { Button as E } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { s as X } from "../../ToolbarSearch-OLv6DjhT.js";
+import { s as X } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as h } from "react/jsx-runtime";
 import { useRef as a, useEffect as y } from "react";
 import { Button as v } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { g as w, M as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { g as w, M as x } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as r } from "react/jsx-runtime";
 import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import { s as c, t as a } from "../../ToolbarSearch-OLv6DjhT.js";
+import { s as c, t as a } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useRef as G, useEffect as H } from "react";
 import "../../index-p1eeF8LQ.js";
-import { g as E, M as J } from "../../ToolbarSearch-OLv6DjhT.js";
+import { g as E, M as J } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { p as l } from "../../ToolbarSearch-OLv6DjhT.js";
+import { p as l } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../index-p1eeF8LQ.js";
-import { T as c } from "../../ToolbarSearch-OLv6DjhT.js";
+import { T as c } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/index.js

@@ -1,7 +1,7 @@
 import { Toolbar as e } from "./Toolbar.js";
 import { ToolbarFilter as l } from "./ToolbarFilter.js";
 import { ToolbarFilterMenu as m } from "./ToolbarFilterMenu.js";
-import { p as f, T as x } from "../../ToolbarSearch-OLv6DjhT.js";
+import { p as f, T as x } from "../../ToolbarSearch-CDOcKzpM.js";
 import { useFilter as T } from "./useFilter.js";
 import { SelectDateFilter as i } from "./SelectDateFilter.js";
 import { QueryLabel as s } from "./QueryLabel.js";

package/dist/components/Transmission/Transmission.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as l, Fragment as x } from "react/jsx-runtime";
 import { useState as g } from "react";
-import { B as v } from "../../ToolbarSearch-OLv6DjhT.js";
+import { B as v } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import { Typography as T } from "../Typography/Typography.js";

package/dist/components/Transmission/TransmissionList.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { createElement as p } from "react";
 import "../../index-p1eeF8LQ.js";
-import { a } from "../../ToolbarSearch-OLv6DjhT.js";
+import { a } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Transmission/TransmissionType.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as o } from "../../ToolbarSearch-OLv6DjhT.js";
+import { B as o } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

package/dist/components/Typography/Heading.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
-import { H as n } from "../../ToolbarSearch-OLv6DjhT.js";
+import { H as n } from "../../ToolbarSearch-CDOcKzpM.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../ToolbarSearch-OLv6DjhT.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,5 +1,5 @@
 import { jsx as s, jsxs as _ } from "react/jsx-runtime";
-import { B as h } from "../../ToolbarSearch-OLv6DjhT.js";
+import { B as h } from "../../ToolbarSearch-CDOcKzpM.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Typography/Link.js";

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-OLv6DjhT.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,7 +1,7 @@
 import { jsx as S } from "react/jsx-runtime";
 import { useRef as x, useMemo as z } from "react";
 import "../index-p1eeF8LQ.js";
-import "../ToolbarSearch-OLv6DjhT.js";
+import "../ToolbarSearch-CDOcKzpM.js";
 import "../components/Typography/Link.js";
 import { Button as G } from "../components/Button/Button.js";
 import "react-dom";

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-OLv6DjhT.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/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/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.3",
+  "version": "0.63.4",
   "main": "dist/index.js",
   "files": [
     "dist/",