@altinn/altinn-components 0.24.4 → 0.24.6

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

@@ -11,7 +11,8 @@ export interface GlobalMenuProps extends AccountMenuProps {
     changeLabel?: string;
     className?: string;
     currentAccount?: Account;
+    currentEndUserLabel?: string;
     onSelectAccount?: (id: string) => void;
     onClose?: () => void;
 }
-export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { Account } from './AccountButton.tsx';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accounts, accountGroups, accountSearch, items, groups, changeLabel, backLabel, currentAccount, currentEndUserLabel, onSelectAccount, onClose, logoutButton, isVirtualized, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -15,6 +15,7 @@ declare const meta: {
         changeLabel?: string;
         className?: string;
         currentAccount?: Account;
+        currentEndUserLabel?: string;
         onSelectAccount?: (id: string) => void;
         onClose?: () => void;
         accounts?: import('./AccountMenu.tsx').AccountMenuItem[];
@@ -26,4 +27,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Company: (args: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Login: Story;

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
+import { Color } from '../';
 export interface GlobalMenuBaseProps {
+    color?: Color;
     children: ReactNode;
 }
 export interface GlobalMenuHeaderProps {
@@ -8,6 +10,6 @@ export interface GlobalMenuHeaderProps {
 export interface GlobalMenuFooterProps {
     children: ReactNode;
 }
-export declare const GlobalMenuBase: ({ children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenuBase: ({ color, children }: GlobalMenuBaseProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GlobalMenuHeader: ({ children }: GlobalMenuHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const GlobalMenuFooter: ({ children }: GlobalMenuFooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,3 +3,4 @@ export * from './GlobalMenu';
 export * from './AccountButton';
 export * from './BackButton';
 export * from './LogoutButton';
+export * from './EndUserLabel';

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

@@ -22,6 +22,7 @@ export declare const CompanyInboxMenu: {
         defaultItemColor?: import('./MenuItemBase').MenuItemColor;
         defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
         defaultIconTheme?: import('..').IconTheme;
+        as?: React.ElementType;
     };
 };
 export declare const PersonInboxMenu: {
@@ -38,6 +39,7 @@ export declare const PersonInboxMenu: {
         defaultItemColor?: import('./MenuItemBase').MenuItemColor;
         defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
         defaultIconTheme?: import('..').IconTheme;
+        as?: React.ElementType;
     };
 };
 export declare const CompanyMenu: Story;
@@ -55,6 +57,7 @@ export declare const NeutralCompanyMenu: {
         defaultItemColor?: import('./MenuItemBase').MenuItemColor;
         defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
         defaultIconTheme?: import('..').IconTheme;
+        as?: React.ElementType;
     };
 };
 export declare const PersonMenu: Story;
@@ -72,5 +75,6 @@ export declare const NeutralPersonMenu: {
         defaultItemColor?: import('./MenuItemBase').MenuItemColor;
         defaultItemTheme?: import('./MenuItemBase').MenuItemTheme;
         defaultIconTheme?: import('..').IconTheme;
+        as?: React.ElementType;
     };
 };

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

@@ -5,7 +5,8 @@ export interface MenuItemLabelProps {
     size?: MenuItemSize;
     label?: string;
     title?: string;
+    weight?: 'medium' | 'normal';
     description?: string;
     children?: ReactNode;
 }
-export declare const MenuItemLabel: ({ className, size, label, title, description, children }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItemLabel: ({ className, size, label, title, weight, description, children, }: MenuItemLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { ElementType } from 'react';
 import { IconTheme, MenuItemColor, MenuItemProps, MenuItemSize, MenuItemTheme } from '../';
 import { MenuSearchProps } from './MenuSearch';
 export interface MenuGroupProps {
@@ -19,5 +20,6 @@ export interface MenuItemsProps {
     defaultItemColor?: MenuItemColor;
     defaultItemTheme?: MenuItemTheme;
     defaultIconTheme?: IconTheme;
+    as?: ElementType;
 }
-export declare const MenuItems: ({ level, expanded, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItems: ({ level, expanded, search, items, groups, defaultItemSize, defaultItemColor, defaultItemTheme, defaultIconTheme, as, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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

package/dist/userMenuItems-vSWEGGu2.js

@@ -1,84 +0,0 @@
-"use client";
-import * as n from "react";
-import { forwardRef as a } from "react";
-import { u as d } from "./useId-CsCRkvK3.js";
-import { S as c } from "./Handshake-Bz9FuL-x.js";
-import { S as f } from "./Bookmark-85oKfr9m.js";
-import { S as s } from "./ClockDashed-PQgzLSPC.js";
-var u = function(t, i) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const p = a((t, i) => {
-  var { title: l, titleId: e } = t, r = u(t, ["title", "titleId"]);
-  let o = d();
-  return o = l ? e || "title-" + o : void 0, n.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": o }, r),
-    l ? n.createElement("title", { id: o }, l) : null,
-    n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zM12 5.25c-2.345 0-3.436.694-4.001 1.541-.613.92-.749 2.21-.749 3.709v3c0 1.191-.576 2.58-1.08 3.585q-.178.358-.349.665H18.18a19 19 0 0 1-.35-.665c-.503-1.006-1.079-2.394-1.079-3.585v-3c0-1.499-.136-2.79-.749-3.709C15.436 5.944 14.345 5.25 12 5.25m-1.237 14.487a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
-  );
-});
-var g = function(t, i) {
-  var l = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (l[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (l[e[r]] = t[e[r]]);
-  return l;
-};
-const m = a((t, i) => {
-  var { title: l, titleId: e } = t, r = g(t, ["title", "titleId"]);
-  let o = d();
-  return o = l ? e || "title-" + o : void 0, n.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": o }, r),
-    l ? n.createElement("title", { id: o }, l) : null,
-    n.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 3.75a8.25 8.25 0 0 0-5.144 14.7 5.25 5.25 0 0 1 10.288 0A8.25 8.25 0 0 0 12 3.75m3.747 15.602a3.75 3.75 0 0 0-7.494 0A8.2 8.2 0 0 0 12 20.25c1.35 0 2.623-.324 3.747-.898M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 7.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M8.25 9.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0", clipRule: "evenodd" })
-  );
-}), I = [
-  {
-    id: "user",
-    groupId: "1",
-    size: "lg",
-    title: "Din profil"
-  },
-  {
-    id: "settings",
-    groupId: "2",
-    icon: m,
-    title: "Innstillinger"
-  },
-  {
-    id: "accounts",
-    groupId: "3",
-    icon: c,
-    title: "Tilganger"
-  },
-  {
-    id: "notifications",
-    groupId: "3",
-    icon: p,
-    title: "Varslinger"
-  },
-  {
-    id: "favourites",
-    groupId: "3",
-    icon: f,
-    title: "Favoritter"
-  },
-  {
-    id: "log",
-    groupId: "5",
-    icon: s,
-    title: "Aktivitetslogg"
-  }
-];
-export {
-  m as S,
-  I as u
-};