@altinn/altinn-components 0.56.8 → 0.56.9

package/dist/components/Typography/Heading.js

@@ -5,17 +5,18 @@ import "react";
 import { Skeleton as u } from "../Skeleton/Skeleton.js";
 import { useHighlightedText as H } from "./useHighlightedText.js";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
   heading: _
-}, q = ({
+}, z = ({
   id: e,
   loading: i,
   highlightWords: o = [],
-  as: n = "h2",
+  as: r = "h2",
   size: t,
-  leading: r = "tight",
+  leading: n = "tight",
   weight: d = "medium",
   color: m,
   variant: s,
@@ -24,7 +25,7 @@ import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
   style: g,
   children: l
 }) => {
-  const p = n, x = H(l, o || []);
+  const p = r, x = H(l, o || []);
   return /* @__PURE__ */ a(
     p,
     {
@@ -32,7 +33,7 @@ import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
       className: f(w.heading, h),
       style: g,
       "data-size": t,
-      "data-leading": r,
+      "data-leading": n,
       "data-weight": d,
       "data-color": m,
       "data-variant": t === "xxs" && "default" || s,
@@ -42,5 +43,5 @@ import '../../assets/Heading.css';const _ = "_heading_1dyne_1", w = {
   );
 };
 export {
-  q as Heading
+  z as Heading
 };

package/dist/components/UserListItem/UserListItem.js

@@ -3,18 +3,19 @@ import { Badge as h } from "../Badge/Badge.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
+import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { ListItemLabel as L } from "../List/ListItemLabel.js";
 import { ListItem as g } from "../List/ListItem.js";
-import '../../assets/UserListItem.css';const z = "_badges_1csip_1", v = "_label_1csip_11", r = {
+import '../../assets/UserListItem.css';const z = "_badges_1csip_1", v = "_label_1csip_11", c = {
   badges: z,
   label: v
-}, U = ({
+}, k = ({
   name: t,
   type: l,
   description: o,
-  roleNames: c,
+  roleNames: r,
   titleAs: m = "h3",
   subUnit: b = !1,
   loading: i = !1,
@@ -26,7 +27,7 @@ import '../../assets/UserListItem.css';const z = "_badges_1csip_1", v = "_label_
     type: l,
     isParent: l === "company" && !b,
     isDeleted: d
-  }, f = !i && c ? /* @__PURE__ */ e("div", { className: r.badges, children: c.map((a) => /* @__PURE__ */ e(h, { label: a, color: s.color, children: a }, a)) }) : void 0, p = /* @__PURE__ */ _("div", { className: r.label, "data-size": s.size, children: [
+  }, f = !i && r ? /* @__PURE__ */ e("div", { className: c.badges, children: r.map((a) => /* @__PURE__ */ e(h, { label: a, color: s.color, children: a }, a)) }) : void 0, p = /* @__PURE__ */ _("div", { className: c.label, "data-size": s.size, children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -41,5 +42,5 @@ import '../../assets/UserListItem.css';const z = "_badges_1csip_1", v = "_label_
   return /* @__PURE__ */ e(g, { icon: n, ariaLabel: t, label: p, description: o, loading: i, ...s });
 };
 export {
-  U as UserListItem
+  k as UserListItem
 };

package/dist/components/index.js

@@ -96,7 +96,7 @@ import { ListItemControls as Ge } from "./List/ListItemControls.js";
 import { ListItemSelect as Ee } from "./List/ListItemSelect.js";
 import { ListItem as Re } from "./List/ListItem.js";
 import { List as Ve } from "./List/List.js";
-import { M as Qe, a as _e, b as je, S as qe, V as Je } from "../SearchField-xsZAikgq.js";
+import { M as Qe, a as _e, b as je, S as qe, V as Je } from "../SearchField-CXMhgFiw.js";
 import { MenuItem as We } from "./Menu/MenuItem.js";
 import { MenuList as Ye } from "./Menu/MenuList.js";
 import { MenuListItem as $e } from "./Menu/MenuListItem.js";

package/dist/hooks/useAccountSelector.js

@@ -2,13 +2,14 @@ import { jsx as A } from "react/jsx-runtime";
 import { useMemo as M } from "react";
 import "../index-p1eeF8LQ.js";
 import { Button as V } from "../components/Button/Button.js";
+import "react-dom";
 import "../components/RootProvider/RootProvider.js";
 import { useIsDesktop as G } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
 import { formatDisplayName as S } from "../functions/name/name.js";
 import { formatDate as E } from "../functions/date/date.js";
 import { S as R, a as W } from "../HeartFill-CYSrJ_xK.js";
-const x = (e) => e === "Organization" ? "company" : "person", et = ({
+const x = (e) => e === "Organization" ? "company" : "person", ot = ({
   partyListDTO: e = [],
   favoriteAccountUuids: o,
   currentAccountUuid: u,
@@ -237,5 +238,5 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
   }
 };
 export {
-  et as useAccountSelector
+  ot as useAccountSelector
 };

package/dist/index.js

@@ -96,7 +96,7 @@ import { ListItemControls as Ge } from "./components/List/ListItemControls.js";
 import { ListItemSelect as Ee } from "./components/List/ListItemSelect.js";
 import { ListItem as Re } from "./components/List/ListItem.js";
 import { List as Ve } from "./components/List/List.js";
-import { M as Qe, a as _e, b as Ke, S as je, V as qe } from "./SearchField-xsZAikgq.js";
+import { M as Qe, a as _e, b as Ke, S as je, V as qe } from "./SearchField-CXMhgFiw.js";
 import { MenuItem as We } from "./components/Menu/MenuItem.js";
 import { MenuList as Ye } from "./components/Menu/MenuList.js";
 import { MenuListItem as $e } from "./components/Menu/MenuListItem.js";

package/dist/types/lib/components/Account/AccountListItem.stories.d.ts

@@ -32,15 +32,15 @@ declare const meta: {
         variant?: import('..').ListItemVariant | undefined;
         className?: string | undefined;
         loading?: boolean | undefined;
-        description?: React.ReactNode | import('..').HeadingProps;
+        description?: import('react').ReactNode | import('..').HeadingProps;
         ariaLabel?: string | undefined;
-        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
-        badge?: import('..').BadgeProps | React.ReactNode;
+        icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
+        badge?: import('..').BadgeProps | import('react').ReactNode;
         linkIcon?: boolean | undefined;
-        containerAs?: React.ElementType | undefined;
+        containerAs?: import('react').ElementType | undefined;
         ref?: React.Ref<HTMLElement> | undefined;
         interactive?: boolean | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         tabIndex?: number | undefined;
         color?: import('..').ListItemColor | undefined;
         size?: import('..').ListItemSize | undefined;
@@ -51,15 +51,15 @@ declare const meta: {
         active?: boolean | undefined;
         selected?: boolean | undefined;
         expanded?: boolean | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
-        children?: React.ReactNode;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        children?: import('react').ReactNode;
         highlightWords?: string[] | undefined;
         select?: import('..').ListItemSelectProps | undefined;
         collapsible?: boolean | undefined;
-        controls?: React.ReactNode;
+        controls?: import('react').ReactNode;
         href?: string | undefined;
         onClick?: (() => void) | undefined;
-        onKeyPress?: React.KeyboardEventHandler | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler | undefined;
         ariaControlsId?: string | undefined;
         favourite?: boolean | undefined;
         favouriteLabel?: string | undefined;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react-vite';
 import { AvatarProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ type, isParent, isDeleted, size, name, shape, color, variant, imageUrl, imageUrlAlt, customLabel, loading, className, colorKey, style, }: AvatarProps) => React.ReactElement;
+    component: ({ type, isParent, isDeleted, size, name, shape, color, variant, imageUrl, imageUrlAlt, customLabel, loading, className, colorKey, style, }: AvatarProps) => import('react').ReactElement;
     tags: string[];
     parameters: {
         layout: string;

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

@@ -2,14 +2,14 @@ import { StoryObj } from '@storybook/react-vite';
 import { ButtonSize, ButtonVariant } from './Button';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<{
+    component: import('react').ForwardRefExoticComponent<{
         as?: React.ElementType;
         size?: ButtonSize;
         variant?: ButtonVariant;
         rounded?: boolean;
         icon?: import('./ButtonIcon').ButtonIconProps["icon"];
         href?: string;
-    } & Omit<import('@digdir/designsystemet-react').ButtonProps, "variant" | "data-color" | "data-variant" | "data-size" | "icon" | "asChild" | "data-rounded"> & React.RefAttributes<HTMLButtonElement>>;
+    } & Omit<import('@digdir/designsystemet-react').ButtonProps, "variant" | "data-color" | "data-variant" | "data-size" | "icon" | "asChild" | "data-rounded"> & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {};
     args: {
         children: string;

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

@@ -31,7 +31,7 @@ declare const meta: {
         imageUrlAlt?: string | undefined;
         outline?: boolean | undefined;
         customLabel?: string | undefined;
-        style?: React.CSSProperties | undefined;
+        style?: import('react').CSSProperties | undefined;
         loading?: boolean | undefined;
         colorKey?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

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

@@ -18,5 +18,6 @@ export interface DropdownProps {
     onSubmit?: () => void;
     size?: DropdownSize;
     activeDescendantId?: string;
+    useFixedPosition?: boolean;
 }
-export declare const Dropdown: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, useFixedPosition, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { DropdownProps } from './Dropdown';
 declare const meta: {
     title: string;
-    component: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ id, size, className, backdrop, placement, variant, title, closeLabel, submitLabel, trigger, children, open, onClose, onSubmit, activeDescendantId, useFixedPosition, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,7 +1,7 @@
 import { ListItemProps } from '../';
 declare const meta: {
     title: string;
-    component: ({ className, color, variant, shadow, border, loading, disabled, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, containerAs, ...rest }: ListItemProps) => React.ReactElement;
+    component: ({ className, color, variant, shadow, border, loading, disabled, collapsible, expanded, size, icon, label, title, description, badge, linkIcon, select, selected, controls, children, interactive, id, containerAs, ...rest }: ListItemProps) => import('react').ReactElement;
     parameters: {};
     args: {
         id: string;

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

@@ -24,10 +24,10 @@ declare const meta: {
         size?: import('./MenuItem').MenuItemSize | undefined;
         variant?: import('./MenuItem').MenuItemVariant | undefined;
         color?: import('..').Color | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         keyboardEvents?: boolean | undefined;
         onSelect?: (() => void) | undefined;
-        scrollRefStyles?: React.CSSProperties | undefined;
+        scrollRefStyles?: import('react').CSSProperties | undefined;
         onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
     }>, { args }: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
         searchable?: boolean | undefined;
@@ -49,10 +49,10 @@ declare const meta: {
         size?: import('./MenuItem').MenuItemSize | undefined;
         variant?: import('./MenuItem').MenuItemVariant | undefined;
         color?: import('..').Color | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         keyboardEvents?: boolean | undefined;
         onSelect?: (() => void) | undefined;
-        scrollRefStyles?: React.CSSProperties | undefined;
+        scrollRefStyles?: import('react').CSSProperties | undefined;
         onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {

package/dist/types/lib/components/Menu/useDropdownMenuController.d.ts

@@ -5,23 +5,23 @@ type UseDropdownMenuControllerOptions = {
 };
 export declare function useDropdownMenuController(options?: UseDropdownMenuControllerOptions): {
     open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     openMenu: () => void;
     closeMenu: () => void;
     toggleMenu: () => void;
     menuId: string;
     activeDescendantId: string | undefined;
-    setActiveDescendantId: React.Dispatch<React.SetStateAction<string | undefined>>;
-    triggerRef: React.RefObject<HTMLElement | null>;
-    panelRef: React.RefObject<HTMLElement | null>;
+    setActiveDescendantId: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
+    triggerRef: import('react').RefObject<HTMLElement | null>;
+    panelRef: import('react').RefObject<HTMLElement | null>;
     dropdownA11yProps: {
         menuId: string;
         activeDescendantId: string | undefined;
-        panelRef: React.RefObject<HTMLElement | null>;
+        panelRef: import('react').RefObject<HTMLElement | null>;
     };
     menuA11yProps: {
         id: string;
-        onActiveItemIdChange: React.Dispatch<React.SetStateAction<string | undefined>>;
+        onActiveItemIdChange: import('react').Dispatch<import('react').SetStateAction<string | undefined>>;
     };
 };
 export {};

package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts

@@ -18,17 +18,17 @@ declare const meta: {
         description?: string | undefined;
         name?: string | undefined;
         checked?: boolean | undefined;
-        onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+        onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
         modalProps?: import('./SettingsItem').SettingsItemModalProps | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
         groupId?: string | undefined;
         collapsible?: boolean | undefined;
         expanded?: boolean | undefined;
-        icon?: React.ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
-        label?: React.ReactNode;
+        icon?: import('react').ReactNode | import('..').SvgElement | import('..').IconProps | import('..').AvatarProps | import('..').AvatarGroupProps;
+        label?: import('react').ReactNode;
         ref?: React.Ref<HTMLElement> | undefined;
         interactive?: boolean | undefined;
-        as?: React.ElementType | undefined;
+        as?: import('react').ElementType | undefined;
         tabIndex?: number | undefined;
         color?: import('..').ListItemColor | undefined;
         size?: import('..').ListItemSize | undefined;
@@ -40,16 +40,16 @@ declare const meta: {
         hidden?: boolean | undefined;
         active?: boolean | undefined;
         selected?: boolean | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         highlightWords?: string[] | undefined;
         select?: import('..').ListItemSelectProps | undefined;
         linkIcon?: boolean | undefined;
-        badge?: import('..').BadgeProps | React.ReactNode;
-        controls?: React.ReactNode;
+        badge?: import('..').BadgeProps | import('react').ReactNode;
+        controls?: import('react').ReactNode;
         ariaLabel?: string | undefined;
         href?: string | undefined;
         onClick?: (() => void) | undefined;
-        onKeyPress?: React.KeyboardEventHandler | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler | undefined;
         ariaControlsId?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };

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

@@ -8,5 +8,5 @@ interface SkeletonProps {
     children?: ReactNode;
     className?: string;
 }
-export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const Skeleton: ({ as, loading, size, variant, className, children, }: SkeletonProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export {};

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

@@ -8,13 +8,13 @@ declare const meta: {
         menus?: import('./ToolbarMenu').ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
     }>, _: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
         accountMenu?: import('./ToolbarMenu').ToolbarMenuProps | undefined;
         menus?: import('./ToolbarMenu').ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
-        children?: React.ReactNode;
+        children?: import('react').ReactNode;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     args: {};
 };